Embed Theme

For collection list pages, product list pages, the blog page and the search page, you can configure the pagination type. To select pagination type, navigate to the page in which you want to customize then Select Pagination style.

1.     Page Link

2.Infinite Scroll

To enable and edit badges (Rotate Circle or Simple), navigate to Theme settings > Product card.

To enable and edit Color swatches, navigate to Theme settings > Color swatch.

To display color swatches as variant images, you can check the instructions here.

If product color options are added via category metafields, they will automatically appear in the following locations:

• On the product page
• In the featured product section
• On the collection page in filters. Customize filters with the Search and Discovery app.

If the product color option is added as a custom option, the Swatch trigger field must be filled in to display color swatches. You can also add custom colors by adding their name and color in HEX format.

Allows you to change the top and bottom padding in the section

1.     Padding top slider allows you to change the top padding in the section.

2.     Padding bottom slider allows you to change the bottom padding in the section.

Allows you to change the top and bottom margin in the section

1.     Margin top slider allows you to change the top margin in the section.

2.     Margin bottom slider allows you to change the bottom margin in the section.

You can customize the header.

1. White logo allows you to select or upload your logo file.

2. Dark logo allows you to select or upload your logo, which can be seen in Dark mode and when header is overlay.

3. Desktop logo width you can use the Logo width slider to change the logo size on desktop.

4. Mobile logo width you can use the Logo width slider to change the logo size on Mobile.

5. Enable container toggle changes the width of the section (inside container or full screen).

6. Main menu chooses a Main menu to be displayed in the header.

7. Menu type you can choose menu type dropdown or mega menu.

8. Logo position you can choose logo position Left, Center, Top Center add Top Left.

9.Header style allows you to make the header Solid or Transparent.

10.Make the header sticky use the Sticky header field to select a variant of the header when user scrolls in page.

11.Enable country/region selector field enables the display of country/region.

12.Enable language selectors field enables the display of language.

13. Icon Style you can change Cart, Account and Search icon Style.

Mega menu allows you to display lists of products categorized into categories, as well as additional links.

1.     Add a menu block in the header, and ensure the title matches the name of the menu where you want the mega menu to appear. Then, add the desired images and links.

The announcement bar appears at the top of every page and includes custom messages with optional links. It's good to use for promoting sales or need-to-know updates.

1. Margin Top allows you to add margin on Top.

2.  Margin Bottom allows you to add margin on Bottom.

3. Color Scheme selector allows you to change the color scheme. You can change the colors in the Theme settings.

4. Type allows you to Select Announcement bar type Slider or Stack.

5. Show arrows allows you to show or hide slider arrows.

6. Enable Infinite loop allows you to enable Infinite loop.

7. Enable autoplay allows you to Enable autoplay.

8. Change slides every allows you to adjust the time to change the slide.

Announcement Slide

• Link allows you to add link to the announcement bar.
• Text allows you to add announcement text.

1. Margin Top slider allows you to change the top margin in the section.
2. Margin Bottom slider allows you to change the bottom margin in the section.
3. Color scheme selector changes the color scheme for the section.
4. Media allows you to upload images.
5. Height allows you to choose section height Adaptive or Fixed.
6. Desktop Fixed height allows you to adjust the height on desktop.
7. Mobile Fixed height allows you to adjust the height on desktop.
8. Show navigation dots toggle allows you to hide or show navigation dots.
9. Show Arrows toggle allows you to hide or show slide arrows.
10. Enable infinite loop allows to enable infinity loop for slides.
11. Auto-rotate slides allow you to enable Auto-rotate slides.
12. Change slides every rang allows you to adjust the time to auto-rotate slide.
13. Overlay Color allows you to add overlay on Section.
14. Overlay Opacity allows you to adjust overlay Opacity. 

Slide Block

1. Desktop background image here you can upload Desktop background image.
2. Mobile background image here you can upload Mobile background image.
3. Desktop Video allows you to upload video for desktop. 
4. Mobile Video allows you to upload video for mobile.
5. Content background transparent allows you to transparent the slide content.
6.          Color scheme selector changes the color scheme for the section.
7. Heading allows you to set a heading for the whole section.
8. Subheading allows you to add Subheading.
9. Button label allows you to add button label.
10. Button link allows you to add button link.
11. Button style allows you to select button style primary or secondary button.
12. Margin top allow you to change the top margin between button and description.

13.  Vertical alignment desktop allows you to align the content by vertically top, middle or bottom on desktop.

    Horizontal alignment desktop allows you to align the content by horizontally left center or right on desktop.

    Vertical alignment mobile allows you to align the content by vertically top, middle or bottom on mobile.

    Horizontal alignment mobile allows you to align the content by horizontally left center or right on mobile.

    Text alignment allows you to align the text left, center or right.

1. Enable container toggle changes the width of the section (inside container or full screen).
2. Margin Top slider allows you to change the top margin in the section.
3. Margin Bottom slider allows you to change the bottom margin in the section.
4. Padding top slider allows you to change the top padding in the section.
5. Padding bottom slider allows you to change the bottom padding in the section.
6. Color scheme selector changes the color scheme for the section.
7. Heading allows you to set a heading for the whole section.
8. Horizontal alignment allows you to set tabs alignment horizontally.
9. Background allows you to add background color for image grid and tabs.
10. Columns on mobile allow you to select the images columns on Mobile 1 or 2.
11. Button Type allows you to select button type hovered or Visible.
12. Content allows you to align the content left, right or center.
13. Enable swipe on mobile allows you to swipe the products on mobile.

Image tabs block allows you to add category name, Image tittle, Subtitle, Button Label and button Link.   

The section allows you to mark products in the image and you can show same product to buyer.

1.      Margin Top slider allows you to change the top margin in the section.

2.      Margin Bottom slider allows you to change the bottom margin in the section.

3.      Padding top slider allows you to change the top padding in the section.

4.      Padding bottom slider allows you to change the bottom padding in the section.

5.      Color scheme selector changes the color scheme for the section.

6.      Enable container toggle changes the width of the section (inside container or full screen).

7.      Content

·         Heading allows you to set a heading for the whole section.

·         Image allows you to upload image in which products marked.

·         Slider background color allows to select background color for products slider background.

·         Marked Product Slide block allows you to add marked product and adjust the Marked dot position on image.

·         Product allows you to add product.

·         Position on desktop allows you to adjust the dot position to mark product on desktop.

·         Position on Mobile allows you to adjust the dot position to mark product on mobile.

This section allows you to add the video, main image, and gif, a welcome text, and call-to-action button.

1.      Margin Top slider allows you to change the top margin in the section.

2.      Margin Bottom slider allows you to change the bottom margin in the section.

3.      Color scheme selector changes the color scheme for the section.

       Height allows you to select section height Adaptive or Fixed.

4.      Desktop Fixed height allows you to adjust the section height on desktop.

5.      Mobile Fixed height allows you to adjust the section height on mobile.

·         Shopify hosted video allows you to upload a video to Shopify and use that in the section 

·         Desktop Video allows you to upload video for desktop.

·         Mobile Video allows you to upload video for mobile.

·         Poster Image allows you to upload Poster/banner image.

6.      Or embed video from URL allows you to embed a video by URL.

·         External Video allows you to add an external YouTube or Vimeo video with URL.

1.      Content allows you to add Content (Heading, Subheading, Text Alignment and Buttons).

1.      Heading allows you to set a heading for the whole section.

2.      Heading size allow you to select heading size small, medium or large.

3.      Show underline heading allows you to hide or show heading underline.

4.      Subheading allows you to set a Subheading.

5.      Overly Color allows you to add overlay color.

6.      Overly Opacity allows you to adjust the overlay color opacity.

7.      Button label allows you to add button label.

8.      Button link allows you to add button link.

9.      Button style allows you to add primary, secondary buttons and link.

7.      Content settings allow you to adjust content alignment setting.

1.      Vertical alignment desktop allows you to align the content by vertically top, middle or bottom on desktop.

2.      Horizontal alignment desktop allows you to align the content by horizontally left center or right on desktop.

3.      Vertical alignment mobile allows you to align the content by vertically top, middle or bottom on mobile.

4.      Horizontal alignment mobile allows you to align the content by horizontally left center or right on mobile.

3.      Text alignment allows you to align the text left, center or right.

This section allows you to add image with text (content) block overlay.

1.      Margin Top slider allows you to change the top margin in the section.

2.      Margin Bottom slider allows you to change the bottom margin in the section.

3.      Color scheme selector changes the color scheme for the section.

4.      Media allows you to upload images.

·         Height allows you to choose section height Adaptive or Fixed.

·         Desktop Fixed height allows you to adjust the height on desktop.

·         Mobile Fixed height allows you to adjust the height on desktop.

·         Desktop background image here you can upload Desktop background image.

·         Mobile background image here you can upload Mobile background image.

5.      Content allows you to add (heading, Description, Text background color, Text color).

·         Heading allows you to set a heading for the whole section.

·         Description allows you to add description.

·         Text background color allows you to select text background color.

·         Text color allows you to select text color.

6.      Button

·         Button label allows you to add button label.

·         Button link allows you to add button link.

·         Button style allows you to select button style primary or secondary button.

·         Margin top allow you to change the top margin between button and description.

7.      Content Settings

1.      Vertical alignment desktop allows you to align the content by vertically top, middle or bottom on desktop.

2.      Horizontal alignment desktop allows you to align the content by horizontally left center or right on desktop.

3.      Vertical alignment mobile allows you to align the content by vertically top, middle or bottom on mobile.

4.      Horizontal alignment mobile allows you to align the content by horizontally left center or right on mobile.

3.      Text alignment allows you to align the text left, center or right.

·         Overly Color allows you to select Overlay color.

·         Overly Opacity allows you to adjust the overlay opacity.

·         Animation allows you to select section animation Ambient, Fixed background position or None.

• Text alignment allows you to align the text left, center or right.
• Overly Color allows you to select Overlay color.
• Overly Opacity allows you to adjust the overlay opacity.
• Animation allows you to select section animation Ambient, Fixed background position or 
None.

The section allows you add Contact For with different custom fields.

1.      Margin Top slider allows you to change the top margin in the section.

2.      Margin Bottom slider allows you to change the bottom margin in the section.

3.      Padding top slider allows you to change the top padding in the section.

4.      Padding bottom slider allows you to change the bottom padding in the section.

5.      Color scheme selector changes the color scheme for the section.

6.      Enable container toggle changes the width of the section (inside container or full screen).

7.      Heading allows you to set a heading for Icon block.

8.      Button style allows you to add primary, secondary buttons.

9.    Custom Field allows you to add a Custom Field with different styles you can add Text, Select, Checkbox and Radio button Field and customize them.

Blog

1. Margin Top slider allows you to change the top margin in the section.
2. Margin Bottom slider allows you to change the bottom margin in the section.
3. Padding top slider allows you to change the top padding in the section.
4. Padding bottom slider allows you to change the bottom padding in the section.
5. Color scheme selector changes the color scheme for the section.
6. Enable container toggle changes the width of the section (inside container or full screen).
7. Select Blog allows you to select blog category. 
8. Heading allows you to set heading for the section.
9. Excerpt toggle allows you to hide or show excerpt. 
10. Date toggle allows you to hide or show Date. 
11. Author toggle allows you to hide or show Author. 
12. Number of articles to show allows you to select Number of articles to show.
13. Columns on desktop allows you to select columns on desktop.
14. Columns on mobile allows you to select columns on mobile 1 or 2.
15.   Enable swipe on mobile allows you to swipe the blogs on mobile.

The section allows you add Featured Product Section.

1.      Margin Top slider allows you to change the top margin in the section.

2.      Margin Bottom slider allows you to change the bottom margin in the section.

3.      Padding top slider allows you to change the top padding in the section.

4.      Padding bottom slider allows you to change the bottom padding in the section.

5.      Color scheme selector changes the color scheme for the section.

6.      Enable container toggle changes the width of the section (inside container or full screen).

7.      Switch direction allows you to switch directions of Media Gallery and Product details.

In the Product Media Gallery, you can upload video and external YouTube or Vimeo video with URL

8.      Video Autoplay play the video in autoplay mode.

9.      Video Loop play the video in loop.

10.  Product allows to select featured product.

11.  Enable sticky gallery (Will only work when stacked) allows you to stake the media gallery.

12.  Gallery layout style allows you to select media gallery style Single Stake, Stacked or Thumbnail.

13.      Thumbnails position allow you to adjust the thumbnail position Bottom, Left or Right.

14.      Thumbnail on mobile allow you to hide or show thumbnail on mobile.

15.      Image zoom allows you to select behavior on click the image, Zoom on Click or None.

16.      Show navigation dots allows you to show the Navigation dots under Media gallery.

17. Blocks allows you to add or remove different blocks Some are Customizable and some are not directly customizable.

·         Size Chart allow you to add size chart image or you can link size chart page.

·         Variant Picker you can select variant picker style Dropdown or Swatch

·         You can Show dynamic checkout buttons (Using the payment methods available on your store, customers see their preferred option, like PayPal or Apple Pay.)

·         Accordions allows you to add different details in accordions.

·         Share you can change the Label for Share Options.

·         For Additional settings Navigate to theme settings > Main Product

This section allows you to add icon with text

1.      Margin Top slider allows you to change the top margin in the section.

2.      Margin Bottom slider allows you to change the bottom margin in the section.

3.     Padding top slider allows you to change the top padding in the section.

4.     Padding bottom slider allows you to change the bottom padding in the section.

5.      Color scheme selector changes the color scheme for the section.

6.      Enable container toggle changes the width of the section (inside container or full screen).

7.      Icon in row allows you to align the icon and text in row.

8.      Content position Allows to set the Alignment of Heading, Timer and Buttons.

9.      Columns on desktop allow you to select the columns on desktop.

10.  Enable swipe on mobile allows you to enable swipe on mobile.

11.      Block

·         Select icon allows you to upload Custom Icon image or SVG.

·         Icon allows you to select icon from default list.

·         Icon background color allows you to select icon background color.

·         Icon color allows you to select icon color.

·         Heading allows you to set a heading for Icon block.

·         Description allows you to add description.

The section allows you to add Email signup Form.

1.      Margin Top slider allows you to change the top margin in the section.

2.      Margin Bottom slider allows you to change the bottom margin in the section.

3.      Desktop background image here you can upload Desktop background image.

4.      Mobile background image here you can upload Mobile background image.

5.      Heading allows you to set a heading for the whole section.

6.      Subheading allows you to set a subheading.

7.      Color scheme selector changes the color scheme for the section.

8.      Content position Allows to set the Alignment of Heading, Subheading, form and Buttons.

9.      Button style allows you to select button style primary or secondary button.

Displays a list of featured collections.

1.      Margin Top slider allows you to change the top margin in the section.

2.      Margin Bottom slider allows you to change the bottom margin in the section.

3.      Padding top slider allows you to change the top padding in the section.

4.      Padding bottom slider allows you to change the bottom padding in the section.

5.      Color scheme selector changes the color scheme for the section.

6.      Enable container toggle changes the width of the section (inside container or full screen).

7.      Collection allows to select Featured collection.

8.      Heading allows you to set a heading for the whole section.

9.      Maximum products to show allow you to select number of maximum products to show in section.

10.  Show as allows you to select slider or grid option to show products.

11.  Columns on desktop allow you to select the products columns on desktop.

12.  Columns on mobile allow you to select the products columns on Mobile 1 or 2.

13.  Enable swipe on mobile allows you to swipe the products on mobile .

14.  Show view all button allows you to add view all button to visit the all products of collection.

This section allows you to add and customer Reviews.

1.       Margin Top slider allows you to change the top margin in the section.

2.      Margin Bottom slider allows you to change the bottom margin in the section.

3.      Padding top slider allows you to change the top padding in the section.

4.      Padding bottom slider allows you to change the bottom padding in the section.

5.      Color scheme selector changes the color scheme for the section.

6.      Enable container toggle changes the width of the section (inside container or full screen).

7.      Heading allows you to set a heading for the whole section.

8.      Subheading allows you to set a subheading.

9.      Simple Design allows you to change the testimonials design.

10.  Color allows you to select colors for Active card text color, Active card background color, inactive card text color and inactive card background color.

Block you can add multiple testimonial blocks and customize them.

1.      Text allows you to add review text.

2.      Name allows you to add your name.

3.      Star Rating here you can give rating out of 5.

4.      Image allows you to upload your image.

The section allows you to add Countdown.

1.      Margin Top slider allows you to change the top margin in the section.

2.      Margin Bottom slider allows you to change the bottom margin in the section.

3.      Color scheme selector changes the color scheme for the section.

4.      Media allows you to upload images.

·         Height allows you to choose section height Adaptive or Fixed.

·         Height on desktop allows you to adjust the height on desktop.

·         Height on mobile allows you to adjust the height on desktop.

·         Desktop background image here you can upload Desktop background image.

·         Mobile background image here you can upload Mobile background image.

·         Video allows you to upload a video in background.

5.      Overlay 

Show toggle allows you to add overlay in section.

Color here you can select overlay color.

Opacity allows you to adjust the overlay color opacity.

6.      Content

·         Heading allows you to set a heading for the whole section.

·         Countdown timer allows you to select countdown time and date.

·         Content Alignment Allows to set the Alignment of Heading, Timer and Buttons.

·         Button style allows you to select button style primary or secondary button.

·         Button link allows you to add button link.

·         Button label allows you to add button label.

The section allows you add logo list.

1.      Margin Top slider allows you to change the top margin in the section.

2.      Margin Bottom slider allows you to change the bottom margin in the section.

3.      Padding top slider allows you to change the top padding in the section.

4.      Padding bottom slider allows you to change the bottom padding in the section.

5.      Enable container toggle changes the width of the section (inside container or full screen).

6.      Heading allows you to set a heading for the whole section.

7.      Color scheme selector changes the color scheme for the section.

8.      Active Scroll allow you to active logo list scroll.

9.      Scroll direction allows you to select scrolling direction Right or Left.

10.  Speed allows you to adjust the speed of scrolling.

11.  Enable pause on hover will make the scrolling list automatically stop when you hover your cursor over it.

12.  Border Bottom allow you to show or hide list bottom border.

13.      Block allows you to add logo image and adjust it width.

·         Image allows you to add logo image.

·         Logo width allow you to adjust logo width.

·         Text allows you to add Text in place of logo image, if you want add text then image should be empty.

·         Text Sise allows you to Adjust Text Size.

The section allows you add Frequently Asked Questions.

1.      Margin Top slider allows you to change the top margin in the section.

2.      Margin Bottom slider allows you to change the bottom margin in the section.

3.      Padding top slider allows you to change the top padding in the section.

4.      Padding bottom slider allows you to change the bottom padding in the section.

5.      Color scheme selector changes the color scheme for the section.

6.      Enable container toggle changes the width of the section (inside container or full screen).

7.      Heading allows you to set a heading for Icon block.

8.      Text allows you to add text.

9.      Content width allows you to select Section width Divided or Full width.

10.  Heading alignment allows you to align the text left, center or right when section width selected Full.

11.  Button label allows you to add button label.

12.  Button link allows you to add button link.

13.  Button style allows you to add primary, secondary buttons and link.

14.  FAQ Block allows you to add Section Heading and Heading Description.

This section allows you to add collection in tabs.

1.      Margin Top slider allows you to change the top margin in the section.

2.      Margin Bottom slider allows you to change the bottom margin in the section.

3.      Padding top slider allows you to change the top padding in the section.

4.      Padding bottom slider allows you to change the bottom padding in the section.

5.      Color scheme selector changes the color scheme for the section.

6.      Enable container toggle changes the width of the section (inside container or full screen).

7.      Collection allows to select Featured collection

8.      Heading allows you to set a heading for the whole section.

       Tabs horizontal alignment allows you align tabs horizontally Left, right and center.

       Background color allows you select background color for tabs and grid.

9.      Maximum products to show allow you to select number of maximum products to show in section.

10.  Show as allows you to select slider or grid option to show products.

11.  Columns on desktop allow you to select the products columns on desktop.

12.  Columns on mobile allow you to select the products columns on Mobile 1 or 2.

13.  Enable swipe on mobile allows you to swipe the products on mobile .

14.  Show view all button allows you to add view all button to visit the all products of collection.

15.  Theme setting navigate to theme setting /Product card to Customize additional settings about product card.

16.  After Adding Tab Block, you can add a category name and select collection, you can add multiple tabs block.

This section allows you to add image with text (content) block.

1.      Margin Top slider allows you to change the top margin in the section.

2.      Margin Bottom slider allows you to change the bottom margin in the section.

3.      Color scheme selector changes the color scheme for the section.

4.      Enable container toggle changes the width of the section (inside container or full screen).

5.      Hide Background toggle allows you to hide or show border and Second image from the First image background.

1.      Margin Top slider allows you to change the top margin in the section.

2.      Margin Bottom slider allows you to change the bottom margin in the section.

3.      Padding top slider allows you to change the top padding in the section.

4.      Padding bottom slider allows you to change the bottom padding in the section.

5.      Media allows you to upload images

·         First image here you can upload first image

·         Second image here you can upload Second background image.

6.      Content allows you to add Content (Heading, Subheading, Text Alignment and Buttons, Button Style and Switch direction).

·         Heading allows you to set a heading for the whole section.

·         Subheading allows you to set a subheading.

·         Text Alignment Allows to set the Alignment of Heading, Subheading and Buttons.

·         Button label allows you to add button label.

·         Button link allows you to add button link.

·         Button style allows you to select button style primary or secondary button.

·         Switch direction allows you to switch directions of image and text.

1.      Margin Top slider allows you to change the top margin in the section.

2.      Margin Bottom slider allows you to change the bottom margin in the section.

3.     Padding top slider allows you to change the top padding in the section.

4.     Padding bottom slider allows you to change the bottom padding in the section.

5.      Color scheme selector changes the color scheme for the section.

6.      Enable container toggle changes the width of the section (inside container or full screen).

7.      Text Alignment Allows to set the Alignment of Heading, Subheading and Buttons.

   Blocks:

8.      Heading allows you to set a heading for the whole section.

9.      Subheading allows you to set a subheading.

   Button

  Button style allows you to select button style primary or secondary button.

  Button label allows you to add button label.

Button link allows you to add button link.

Collage

The section allows you to add different product images and link them.

1. Margin Top slider allows you to change the top margin in the section.
2. Margin Bottom slider allows you to change the bottom margin in the section.
3. Padding top slider allows you to change the top padding in the section.
4. Padding bottom slider allows you to change the bottom padding in the section.
5. Color scheme selector changes the color scheme for the section.
6. Enable container toggle changes the width of the section (inside container or full screen).
7. Heading allows you to set a heading for Icon block.
8. Content Alignment Allows to set the Alignment of Heading, paragraph.
9. Overlay color allows you to add overlay on selected image.
10. Overlay Opacity allows you to adjust overlay opacity.

Block

1. Image allows you to add image.
2. Link allows you to link image.
3. Title allows you to add image Tittle.
4. Description allows you to add image Description.

The section allows you add Collection in Collage Style.

1.      Margin Top slider allows you to change the top margin in the section.

2.      Margin Bottom slider allows you to change the bottom margin in the section.

3.      Padding top slider allows you to change the top padding in the section.

4.      Padding bottom slider allows you to change the bottom padding in the section.

5.      Color scheme selector changes the color scheme for the section.

6.      Enable container toggle changes the width of the section (inside container or full screen).

7.      Heading allows you to set a heading for Icon block.

8.      Overlay Color allows you to select overlay color

9.      Overlay Opacity allows you to adjust the overlay ™color opacity.

10.  Collection Block allows you to select collection.

The section allows you to add the Featured Articles.

1.      Margin Top slider allows you to change the top margin in the section.

2.      Margin Bottom slider allows you to change the bottom margin in the section.

3.      Padding top slider allows you to change the top padding in the section.

4.      Padding bottom slider allows you to change the bottom padding in the section.

5.      Color scheme selector changes the color scheme for the section.

6.      Enable container toggle changes the width of the section (inside container or full screen).

7.      Heading allows you to set a heading for Icon block.

8.      Hide date allows you to hide or show publish date from article section.

9.      Hide author allows you to hide or show author name from article section.

10.  Columns on desktop allows you to select columns on mobile 1 or 2.

11.  Enable swipe on mobile allows you to enable swipe on mobile.

12.  Article Block allows you to select Featured Block.

Footer appears at the bottom of every page. You can customize it to fit your brand and product offerings.

1. 1.      Enable container toggle changes the width of the section (inside container or full screen).

   2.      Margin Top slider allows you to change the top margin in the section.

   3.      Padding top slider allows you to change the top padding in the section.

   4.      Padding bottom slider allows you to change the bottom padding in the section.

   5.      Color scheme selector changes the color scheme for the section.

   6.      show payment icons toggle allows you to hide or show payment icons.

7.In the footer, you can also add a logo, menu, rich text, and newsletter block, and customize each element as needed.

1. Color scheme selector changes the color scheme for the section.
2. Enable container toggle changes the width of the section (inside container or full screen).
3. Filter style allows you to select filters style Left Side, Drawer or None

Blog Header

1. Enable container toggle changes the width of the section (inside container or full screen).

2. Padding top slider allows you to change the top padding in the section.

3. Padding bottom slider allows you to change the bottom padding in the section.
4. Color scheme selector changes the color scheme for the section.
5. Tag Background color allows you to select tags background color.
6. Tag Text Color allows you to select tags text color.
7. Active tag background color allows you to select active tag background color.
8. Active tag text color allows you to select active tag text color.

Main Blog

1. Margin Top Range allows you to change the top margin in the section.
2. Margin Bottom Range allows you to change the bottom margin in the section.
3. Featured Color scheme selector changes the color scheme for the first featured blog.
4. Color scheme selector changes the color scheme for the first featured blog.
5. Color scheme selector changes the color scheme for the section.
6. Enable container toggle changes the width of the section (inside container or full screen).
7. Pagination Style allows you to select pagination style infinite scroll or page link.
8. Blog per Page allows you to select number of blogs to show on every page.

Comments in Articles

In articles you can add Comment Section.

by Social Icons You can also share blog or articles.

1. Color Scheme allows you to ass color scheme for page.
2. Date allows you to show or hide date.
3. Author allows you to show or hide author.
4. Comment allows you to show or hide comment section.

The section allows you users to view all relevant information about the product.

1.      Margin Top slider allows you to change the top margin in the section.

2.      Margin Bottom slider allows you to change the bottom margin in the section.

3.      Padding top slider allows you to change the top padding in the section.

4.      Padding bottom slider allows you to change the bottom padding in the section.

5.      Color scheme selector changes the color scheme for the section.

6.      Enable container toggle changes the width of the section (inside container or full screen).

7.      Switch direction allows you to switch directions of Media Gallery and Product details.

In the Product Media Gallery, you can upload video and external YouTube or Vimeo video with URL

8.      Video Autoplay play the video in autoplay mode.

9.      Video Loop play the video in loop.

10.  Product allows to select featured product.

11.  Enable sticky gallery (Will only work when stacked) allows you to stake the media gallery.

12.  Gallery layout style allows you to select media gallery style Single Stake, Stacked or Thumbnail.

1.      Thumbnails position allow you to adjust the thumbnail position Bottom, Left or Right.

2.      Thumbnail on mobile allow you to hide or show thumbnail on mobile.

3.      Image zoom allows you to select behavior on click the image, Zoom on Click or None.

4.      Show navigation dots allows you to show the Navigation dots under Media gallery.

1.      Blocks allows you to add or remove different blocks Some are Customizable and some are not directly customizable.

·         Size Chart allow you to add size chart image or you can link size chart page.

·         Variant Picker you can select variant picker style Dropdown or Swatch

·         You can Show dynamic checkout buttons (Using the payment methods available on your store, customers see their preferred option, like PayPal or Apple Pay.)

·         Accordions allows you to add different details in accordions.

·         Share you can change the Label for Share Options.

This section recommends products to buyer on product page.

How we can Add Recommended & Complementary Products Follow Bellow Steps

Install Search & Discovery App from Shopify app Store.

Go to apps and open Search & Discovery app and Navigate to Recommendation.

1.      Margin Top slider allows you to change the top margin in the section.

2.      Margin Bottom slider allows you to change the bottom margin in the section.

3.      Color scheme selector changes the color scheme for the section.

4.      Bar Background allows you to select background color for cart product list header.

5.      Bar text color allows you to select Text color for cart product list header.

6.      Enable container toggle changes the width of the section (inside container or full screen).

7.      Show dynamic checkout buttons allows you to enable payment icons (Using the payment methods available on your store, customers see their preferred option, like PayPal or Apple Pay.)

You can select Cart Page or Cart Drawer Navigating to Theme Setting > Cart.

Free Shipping Bar in Cart Drawer

1.      Color scheme selector changes the color scheme for the section.

2.      Enable container toggle changes the width of the section (inside container or full screen).

3.      Show collection detail in grid allows you to show collection detail in product grid

4.      Filter style allows you to select filter style Drawer, Left Side or None

5.      Pagination style allows you to select pagination style Infinite scroll or Pagination by numbers

6.      Products per page allows you to show number of products to show in one page

7.      Sticky filters allow you to stuck filters on top

Displays a list of all collections.

1.      Heading allows you to add heading for page

2.      Pagination style allows you to select pagination style Infinite scroll or Pagination by numbers

3.      Products per page allows you to show number of products to show in one page

For Newsletter Popup Customization Navigate to theme settings > Newsletter Popup.

1. Newsletter popup enable allows you to enable popup.
2. Color scheme you can choose color scheme for Popup.
3. Expiry allows you to select Expiry Days.
4. Image allows you to add an image in popup.
5. Heading allows you to add heading.
6. Text Allows you to add text.
7. Button style allows you to select button style primary or secondary.
8. Social links allows you to hide or show social links in Popup.

For Cookies Popup Customization Navigate to theme settings > Cookies consent.

1. Cookies consent enable allows you to enable popup.
2. Color scheme you can choose color scheme for Popup.
3. Expiry allows you to select Expiry Days.
4. Heading allows you to add heading.
5. Text Allows you to add text.

Here you can Change your Theme Style. 

Here you can add Custom CSS For Any Section or Component.

In social media you can add you Social Media Account Links.

1. Cookies consent enable allows you to enable popup.
2. Color scheme you can choose color scheme for Popup.
3. Expiry allows you to select Expiry Days.
4. Heading allows you to add heading.
5. Text Allows you to add text.

1. Newsletter popup enable allows you to enable popup.
2. Color scheme you can choose color scheme for Popup.
3. Expiry allows you to select Expiry Days.
4. Image allows you to add an image in popup.
5. Heading allows you to add heading.
6. Text Allows you to add text.
7. Button style allows you to select button style primary or secondary.
8. Social links allows you to hide or show social links in Popup.

1. Predictive search menu This menu shows up when there is no keyword type in search.
2. Show/Hide predictive search options allow you to select options to show in productive search Show Products Only, Show Products and Collections or Show All.

1. Recommendation allows you to add recommended product in cart drawer.
2. Free shipping bar allows you to add free shipping bar in cart drawer, in this you can add minimum price for free shipping and text.

1. Type allows you to select cart type page or drawer.
2. Notes allow you to add note section in cart for order notes.
3. Payment icons allow you to show payment icons in cart.

If product color options are added via category metafields, they will automatically appear in the following locations:

• On the product page
• In the featured product section
• In the featured collection section

If the product color option is added as a custom option, the Swatch trigger field must be filled in to display color swatches. You can also add custom colors by adding their name and color in HEX format.

Here's you can Customize Product Card.

1. Image height allows you to select product image height adaptive or equal.
2. Image size allows you to select image size Fill, Contain, Cover and Scale down.
3. Image position allows you to select image focused point Top, Bottom, Left, Right or Center. 
4. Type allows you to select product cart type Simple, Swatches or Quick view.
5. Second image on hover allows you change the Second Image Change When Hovered on Product Card.
6. Overly on hover allows you to add overlay on hover.
7. Button style allows you to select Button type Primary or Secondary.
8. Badge style allows you to select Badge style simple or rotate circle.
9. Price style allows you to select price style select variant or start from.

This is the setting for featured product and product page.

1. Variant picker type allows you to Select variant style. 
2. Quantity for low stock allows you to select number of products when you want to show low stock.
3. Image height allows you to select gallery image size Adaptive or equal height.

In Typography you can Select Font for Site.

1. Headings allow you to select font for headings and their size on desktop and mobile. 
2. Body allows you to select font for body text and size which is used as a Paragraph or other than Headings.
3. Navigation allows you to select font for main menu.

Layout

1. Layout width allows you to adjust Site Container width.
2. RTL (Right to Left) allows you to Change the whole site direction Left to Right, it mostly useful for Urdu, Hindi and Arabic like Languages which start from Right to Left.
3. Animation reveals allows you to on or of Site Animation.

Schemes

You can Add Multiple Color Schemes for Different Sections. Color schemes can be applied to sections throughout your online store.

Colors

In Colors You Can Select a Default Color Scheme for Theme and default color for other components.

To add blockquote author inside blockquote in rich text editor, follow these steps:

1. Add blockquote element to the rich text editor.

2. Open HTML by clicking on the "Show HTML" button.

3. You'll see the post's content in HTML format. Find the blockquote element.

4. Add <cite>Author Name</cite> element with author inside it into blockquote (for better look, add it before the closing </blockquote> tag).

5.Done! Don't forget to save your changes!

To add alternative blockquote to the rich text editor, follow these steps:

1. Add blockquote element to the rich text editor.

2. Open HTML by clicking on the "Show HTML" button.

3. You'll see the post's content in HTML format. Find the blockquote element.

4. Add 'blockquote-alt' class to the blockquote.

5. Done! Don't forget to save your changes!

To add image gallery to the rich text editor, follow these steps:

1. Add table element to the rich text editor.

 2. Add images to the table.

3.Open HTML by clicking on the "Show HTML" button.

4. You'll see the post's content in HTML format.

5. Find the table.

6. Don't forget to remove all ` ` elements.

7. Add 'table-gallery' class to the table.

8. Done! Don't forget to save your changes!