Home Page


Announcement Bar

This section is used to make upcoming sale announcements or tell users about top shopping deals. You can set timers to set the timelines for your sale or special offers.


Set Up The Announcement Bar

To set up the announcement bar:

  1. From your custom theme editor, click on the Announcement Bar section.
  2. Add content for the announcement in the right section of the theme preview.

Announcement Bar Settings

The announcement bar has the following settings:

Show Announcement Bar

Check this checkbox to enable the announcement bar on your website.

Show Close Icon

Select this checkbox if you want to allow your customers to dismiss the announcement bar anytime.

Icon

Choose a suitable icon from the dropdown based on your announcement.

Text Before Countdown

Add some text before your timer, Eg: Sale/Mega Offer

Countdown Date

Set the launch date for the timer to work in the format dd/mm/yy

Text After Countdown

Add some text after the timer, Eg: Hurry/Limited Period Offer

Button Text

Add a display text on the button

Button Link

Add a URL to the button where you want to redirect the customers

Background Style

Choose the desired background style from the drop-down menu. You can choose between Solid or Gradient options.

Background Color

Choose the background color of your current announcement bar.

Background Color 2

Choose this if you have selected Gradient as your background style

Text Color

Choose the text color for the existing announcement bar.

Button Background Color

Set the color of the button in your announcement bar

Button Text Color

Choose the color of the button text in your announcement bar

Button Border Color

Choose the color of the button border in your announcement bar


Header

The header of the Yuva theme appears at the top of each page. You can choose from three header styles: Full width, hamburger, and Logo inline to make your header attractive. You can also configure your online store’s mega navigation menu from the header.


Set Up The Header

To configure the header:

  1. Select the Header option from your custom theme editor.
  2. Click on Add Block to create a block for your header. For the Yuva theme, you can create three types of blocks:Style 1,Style 2 & Style 3.
  3. Click on Save.

Header Settings

The header has the following configuration settings:

Navigation Style

Choose from the dropdown the header style you want

Logo Image

Choose your brand logo. You can change or delete the logo anytime by clicking on the Change button.

Custom Logo Width

Set the width of your logo image

Logo Alignment

Choose between center or left from the dropdown. Left sets your logo along the left side, and Center aligns it to the center. Note that this is applicable only to the Full-Width header style.

Menu

Import Menu types of your choice from the default Shopify backend. You can change or remove the existing menu anytime by clicking on the Change button.

Menu Alignment

Choose between center or left from the dropdown. Left sets your menu along the left side, and Center aligns it to the center. Again this setting applies only to the Full-Width header style.

Header Background Color

Set the background color of your header

Header Text Color

Set the color of the text in your header

Header on Hover Text Color

Set the color that appears when a user hovers over the header items.

Menu Background Color

Set the background color of your menu. Please note that it applies only to the Full-Width header style.

Menu Text Color

Set the color of the menu text. Please note that it applies only to the Full-Width header style.

Sub Menu Color

Set the color that appears when a user opens the sub-menu items.

Sub Menu Hover Color

Set the color that appears when a user hovers over the sub-menu items.

Enable Search

Check the checkbox to enable a search icon in your header

Enable Sticky Header

Check the checkbox if you want to show the header on the screen as customers scroll up.

Note: these settings are common for all three header styles.


Menu Block Settings

Please note, the mega menus do not work with the hamburger menu style. The menu block has the following settings:

Style 1 Block Settings
Menu Label

Add a menu name that is as same as the menu name added from Shopify backend menus.

Show Submenu

Check this checkbox to show sub menus.

Product 1-Product 6

Select the products to be shown in mega menu block.

Remove Block

Click on this to remove this block.

Style 2 Block Settings

Style 2 has the following settings:

Menu Label

Add a menu name that is as same as the menu name added from Shopify backend menus.

Collection 1-2

Choose 2 collections

Image

Add any image for branding

Heading

Add text to the label

Sub-heading

Add text to the label

Link

Link the collection image to the page you want to redirect your users to

Remove Block

Click on this to remove this block.

Style 3 Block Settings

The Style 3 block has the following settings:

Menu Label

Add a menu name that is as the same as the menu name added from Shopify backend menus.

Collections 1-Collection 12

Add Collections to show collection products in the mega menu

Remove Block

Click on this to remove this block.


Slider

The Slider section is used to add a slideshow to your home page. Users can add up to 5 slides. Each slide has its own settings. You can choose from two types of sliders:

  1. Style 1 - This allows you to show thumbnails on a Split slide.
  2. Style 2- This allows you to add a normal slider with its text content.

Set Up The Slider

Follow the simple steps to set up the slider:

  1. From the Shopify theme editor, select the Slider option.
  2. Select the arrow beside the Slider Section.
  3. Click Add Slide.
  4. Change settings as per your requirements.
  5. Click on Save.

Slider Settings

The slider settings are as follows:

Style

Select Style 1 or Style 2 from the dropdown.

Background Color

Choose any color for the slider background. Please note that this will be applicable only on Style 1 slider.


Slide Block Settings

The slide block settings are as follows:

Image

Add an image you want to show on the current slide.

Mobile Image

Add an image that you may want to show in the mobile view.

Sub Heading

Add a subheading to be displayed below the slide heading

Heading

Add a heading text to be used above on the current slide.

Button Text

Add a display text on the button

Button Link

Link the button to a relevant page

Heading Color

Set the color of the heading text, Please note the same setting is there for the mobile view in the list

Subheading Color

Set the color of the subheading text, Please note the same setting is there for the mobile view in the list

Subheading Background Color

Set the color of the sub-heading background, Please note the same setting is there for the mobile view in the list

Button backround

Set the color of the button's background, Please note the same setting is there for the mobile view in the list

Button text

Set the text color of button, Please note the same setting is there for the mobile view in the list

Note: These settings will be common for both the slider styles you save.


Rotating Text

This section can be used to show any important announcements or any text in the rotating form.


Set Up Rotating Text

Follow the simple steps to set up the offer:

  • From the Shopify theme editor, select the Rotating Text option.
  • Customize the text using the settings below.
  • Click on Save.

Set Up Rotating Text Settings

Below are the settings to configure Set Up Rotating Text:

Background Color

Set the background color

Text 1

Add text in row 1

Text 1 Color

Set the text 1’s color

Text 2

Add text in row 2

Text 2 Color

Set the text 2’s color

Section Top Space Desktop

Manage the space from the top of a desktop

Section Bottom Space Desktop

Manage the space from the bottom of a desktop

Section Top Space Mobile

Manage the space from the top on mobile

Section Bottom Space Mobile

Manage the space from the bottom on mobile


Offer

This section represents the discounts offered by the merchant. You can create up to 3 offers.


Set Up The Offer

Follow the simple steps to set up the offer:

  1. From the Shopify theme editor, select the Offer option.
  2. Select the arrow beside the Offer section.
  3. Click Add block.
  4. Customize the different offers using the settings below.
  5. Click on Save.

Offer Settings

Below are the settings to configure Offer:

Heading

Add a heading text for your Offer section. For ex: Brand New Collection

Background Color

Set the background color of the offer section

Section Top Space Desktop

Manage the space of the section from the top on a desktop

Section Bottom Space Desktop

Manage the space of the section from the bottom on a desktop

Section Top Space Mobile

Manage the space of the section from the top on mobile

Section Bottom Space Mobile

Manage the space of the section from the bottom on mobile


Block Settings

The below-given block settings are common for all the offers. The block settings are as follows:

Heading

Add a heading text for your offer box

Subheading

Add a subheading for your offer box

Background Image

Set a background image for your offer box

Link

Link your offer box to the page you want to redirect your users to.



Set Up The Collection List

  1. From the custom theme editor, select the Featured Collections list.
  2. Select the arrow beside it.
  3. Click Add block.
  4. Configure the blocks using the settings given below.
  5. Click on Save.

Featured Collections list Settings

This section is to show featured collections with a slider design.

The Settings are as follows:

Style

Choose from the two styles given

Heading

Give a suitable heading to your collections list

Subheading

Give a suitable sub-heading to your collections list

Description

Give a suitable description to your collections list. Note: This will work with Style 1 only

Button Text

Add text to the button. For example: View All/ More

Button Link

Link the button to the collection page you want to redirect your users.

Section Top Space Desktop

Manage the space from the top of a desktop

Section Bottom Space Desktop

Manage the space from the bottom of a desktop

Section Top Space Mobile

Manage the space from the top of the mobile

Section Bottom Space Mobile

Manage the space from the bottom on mobile


Block Settings Under Featured Collections list

The block Settings are as follows:

Add Collection

Choose any Collection

Custom Image

Set the image of your collection

Heading

Add a heading to your collection block

Sub Heading

Add a subheading to your collection block

Remove block

Click on this to remove this block.


Tabbed Collections

The Yuva theme offers Tabbed collections - where users can show collection products under the tabs, and users can add up to 3 collections. You can configure your tabbed collections using the settings given below.


Set Up Tabbed Collections

  1. From your custom theme editor, click on Add Section.
  2. Select the arrow beside it.
  3. Click Add Block
  4. Configure the blocks using the settings given below.
  5. Click on Save.

The Settings are as follows:

Heading

Give a suitable heading to your collections list

Section Top Space Desktop

Manage the space from the top of a desktop

Section Bottom Space Desktop

Manage the space from the bottom of a desktop

Section Top Space Mobile

Manage the space from the top on mobile

Section Bottom Space Mobile

Manage the space from the bottom on mobile


Block Settings Under Tabbed Collections

The block Settings are as follows:

Tab Heading

Add a heading to your collection block

Collection

Choose any Collection, Please note that Tab will be visible only if there is at-least 1 product in selected collection

Remove block

Click on this to remove this block.


Featured Collection

This section showcases products from one of your collections. You can customize the look and feel of the featured collection section by setting the number of products you want to display at once in this slider.







Testimonials

This section is used to add reviews and feedback from happy customers in the form of a slider. You can add up to 5 quotes under this section.


Set Up The Testimonials

To set up the testimonials section:

  1. From your custom theme editor, select Add Section.
  2. Choose “Testimonials”from the dropdown.
  3. Configure the section following the settings given below.
  4. Click on Save.

Testimonials Settings

The testimonials settings are as follows:

Testimonials Style

Choose the style in which you want to show your testimonial section

Navigation Style

Select Arrows or Dots to navigate through the slider

Background Color

Set the background color of the testimonial section

Section Top Space Desktop

Manage the space from the top of a desktop

Section Bottom Space Desktop

Manage the space from the bottom on a desktop

Section Top Space Mobile

Manage the space from the top on mobile

Section Bottom Space Mobile

Manage the space from the bottom on mobile


Quote Settings

The common settings for quotes are as follows:

Heading

Add the client feedback/message you want to display

Message

Add the client feedback/message you want to display

Author

Add the name of the author/client

Author City

Add the city of the author/client

Author Image

Add the image of the author/client. You can change or remove it using the Change button.






Instagram Feed

This section shows the Instagram posts from the public Instagram account.


Set Up The Instagram Feed

To set up the Instagram feed section:

  1. From your custom theme editor, select Add Section.
  2. Choose Instagram Feed from the dropdown.
  3. Configure the section following the settings given below.
  4. Click on Save.

Instagram Feed Settings

Heading

Add a heading to your Instagram section

Subheading

Add subheading text below the heading.

Instagram User Id

Add the Instagram id of the user whose feeds you want to show

Access Token

Add access tokens of the respective IG user account

Background Color

Set the background color of the Instagram Feed section

Section Top Space Desktop

Manage the space from the top of a desktop

Section Bottom Space Desktop

Manage the space from the bottom of a desktop

Section Top Space Mobile

Manage the space from the top on mobile

Section Bottom Space Mobile

Manage the space from the bottom on mobile


Countdown with images

This section is to showcase customized images of products or collections on sale with the sales counter. You can customize this using the following settings.


Set Up Countdown with images

To set up the featured collection, follow the simple steps:

  1. From your custom theme editor, click on Add Section.
  2. Select “Countdown with images” from the drop-down.
  3. Configure the settings of this section (see the table below).
  4. Click on Save.

Countdown with images Settings

The settings are as follows:

Heading

Add a heading text

Subheading

Add a subheading

Description

Give a suitable description

Countdown Date

Set the date for the timer to work in the format dd/mm/yy and should be future date

Button Text

Add button text, e.g., View All.

Button Link

Link the button to the blog page of your website.

Left image

Select an image to show in the left position

Right image

Select an image to show in the right position

Section Top Space Desktop

Manage the space from the top on a desktop

Section Bottom Desktop

Manage the space from the bottom on a desktop

Section Top Space Mobile

Manage the space from the top on a mobile

Section Bottom Mobile

Manage the space from the bottom on a desktop


Multicolumn Content

This section is used for showcasing informational banners. You can add a maximum of 4 blocks under this section.


Set Up The Multicolumn Content

To set up the Multicolumn Content section:

  1. From your custom theme editor, select Add Section.
  2. Choose Multicolumn Content from the dropdown.
  3. Configure the section following the settings given below.
  4. Click on Save.

Multicolumn Settings

Below are the settings to configure Multicolumn content:

Background Color

Set the background color of the multicolumn section

Section Top Space Desktop

Manage the space from the top of a desktop

Section Bottom Space Desktop

Manage the space from the bottom of a desktop

Section Top Space Mobile

Manage the space from the top on a mobile

Section Bottom Space Mobile

Manage the space from the bottom on a desktop


Block Settings

The common settings for the multicolumn content blocks are:

Icon

Add a relevant image to your block.

Heading

Add a heading to your block


Image With Text

Users can use this section to add two images with text to showcase stories or to show any kind of text content.


Set Up Image With Text Section

To set up the Image With Text section, follow the below steps:

  1. From your custom theme editor, select Add Section.
  2. Choose Image with text from the dropdown.
  3. Configure the section following the settings given below.
  4. Click on Save.

Image With Text Settings

Image 1 and image 2

Add images you want to showcase in this section

Image alignment

Select from dropdown the left or right alignment of Images

Section Top Space Desktop

Manage the space from the top on a desktop

Section Bottom Desktop

Manage the space from the bottom on a desktop

Section Top Space Mobile

Manage the space from the top on a mobile

Section Bottom Mobile

Manage the space from the bottom on a desktop

Block settings

  • Heading:Add a title or heading.
  • Icon with textAdd this block to add any icon from the given list, Heading text and text content.
  • Text:Add a description content.

Rich Text

This section is used to add one full-width block of text to your home page. There are two types of blocks - Text and Page to add under this section.


Set Up Rich Text Section

To set up the Rich Text section:

  1. From your custom theme editor, select Add Section.
  2. Choose Rich Text from the dropdown.
  3. Click on “Add Block”.
  4. Configure the section following the settings given below.
  5. Click on Save.

Rich Text Settings

Background Color

Set the background color of the section

Text Alignment

Set the alignment of the text to left, right, or center

Section Top Space Desktop

Manage the space from the top on a desktop

Section Bottom Space Desktop

Manage the space from the bottom on a desktop

Section Top Space Mobile

Manage the space from the top on mobile

Section Bottom Space Mobile

Manage the space from the bottom on mobile


Text Block Settings

Heading

Set the heading of the text section

Content

Add content that you want to display in this section.


Page Block Settings

Heading

Add a heading to the block

Page

Select any page to show page's content (These pages are created in Shopify Pages)


FAQs

This section lists the most frequently asked questions along with their answers. You can add a maximum of 6 blocks (Questions).


Set Up The FAQs Section

To set up the FAQs section:

  1. From your custom theme editor, select Add Section.
  2. Choose FAQs from the dropdown.
  3. Configure the section following the settings given below.
  4. Click on Save.

FAQs Settings

Heading

Give a heading to your FAQ section

Section Top Space Desktop

Manage the space from the top on a desktop

Section Bottom Space Desktop

Manage the space from the bottom on a desktop

Section Top Space Mobile

Manage the space from the top on a mobile

Section Bottom Space Mobile

Manage the space from the bottom on mobile


Block Settings

FAQ Question

Add the question you want to display under this section

FAQ Answer

Add the answer under the FAQ question section


Map

This section represents the map that can be used to show the store location. To show Maps, users need to add Google map API key in Theme Settings.


Set Up Map Section

To set up the Map section:

  1. From your custom theme editor, select Add Section.
  2. Choose Map from the dropdown.
  3. Configure the section following the settings given below.
  4. Click on Save.

Map Settings


Show full width

Check this to show map in full width display

Map address

Type the address you want to show in the maps

Map Style

Choose map style from given options like Default, Satellite, Hybrid & Terrain


Video Banner

Use this section to add autoplay video relevant to your brand to attract customers. You can add a heading, sub-heading, and Play button to make it attractive.


Configure the Video Banner Section

You can configure the video banner section using the following settings:

Video Link

Add the link of the video you want to show in the video banner

Placeholder Image

Add a placeholder image by clicking the Select Image button

AutoPlay video

Enable or disable Autoplay video. Please note that If autoplay is enabled, then video will be muted.

Heading

Add a heading to be displayed on the video banner

Subheading

Add a subheading to be displayed on the video banner

Heading Color

Set the color of heading text

Sub Heading Color

Set the color of subheading text

Button Color

Set the background color of the Play video button


Promotion Banner

This section is used to highlight your promotional deals on the Home page, allowing customers to experience the exclusivity. You can use the following settings to customize the look and feel of your promotional banner:

Full Width

Check the checkbox to display promotional banner in full-width

Heading

Add a heading text for your promotional banner

Promotional Text

Add a few words about the promotional deal

Button Link

Link button to the page where you want to redirect your users

Button Label

Add a label to your button

Background Color

Set the background color of promotional banner

Background Opacity

Adjust the opacity (transparency) of promotional banner

Text Color

Set the text color in the promotional banner

Button Text Color

Set the color of the button text

Button Background Color

Set the background color of button

Button Border Color

Set the border color of the button

Border Radius

Adjust the radius of banner border, Please note that this is only applicable if promotion banner is not full width

Section Top Space Desktop

Manage the space of the section from the top on a desktop

Section Bottom Space Desktop

Manage the space of the section from the bottom on a desktop

Section Top Space Mobile

Manage the space of the section from the top on mobile

Section Bottom Space Mobile

Manage the space of the section from the bottom on mobile




This section represents the discounts offered by the merchant, which is shown on the sides. You can create up to 4 offers.


Set Up The Offer

Follow the simple steps to set up the offer:

  1. From the Shopify theme editor, select the Sidebar Offer option under footer section.
  2. Tick Enable Sidebar.
  3. Click Add block.
  4. Customize the different offers using the settings below.
  5. Click on Save.

Offer Settings

Below are the settings to configure Offer:

Enable Sidebar

Tick this to show Sidebar

Heading

Add a heading text for your Offer section. For ex: Brand New Collection

Sub Heading

Add a sub heading text for your Offer section.

Button Text

Add a button text for your Offer section. Please note that this can take 16 characters maximum

Horizontal Position

Manage the space for horizontal position

Vertical Position

Manage the space for vertical position


Block Settings

The below-given block settings are common for all the offers. The block settings are as follows:

Heading

Add a heading text for your offer box

Highlighted Text

Add a Highlighted Text for your offer box

Image

Set a background image for your offer box

Link

Link your offer box to the page you want to redirect your users to.


Theme Settings

This section is used to customize the Yuva theme for your Shopify store.


Configure The Theme Settings

From the Custom theme editor, click on Theme settings to access theme-wide settings. The settings include:

  1. Color:From here, you can select the colors you want to use throughout the theme. Through this main setting, you perform the following settings:
    • Base Color
    • Body Background
    • Body Text
    • Cart Dot Color
    • Heading
    • Image Background
    • Save Price
    • Buttons
    • Button Text
  2. Typography: From here, you can make font-related customizations using different options.

  3. Heading Font

    Set the font of heading text

    Letter Spacing

    Set the spacing between letters in the heading

    Body Font

    Set the font of the body content

    Letter Spacing

    Set the spacing between letters in the body

    Base Size

    Adjust the base size

    Line Height

    Set the line height

  4. Social: Use this setting to link your Shopify store with your social media handles. The different settings include:

  5. Facebook

    Add the link to your Facebook handle.

    Twitter

    Add the link to your Twitter handle.

    LinkedIn

    Add the link to your LinkedIn handle.

    Instagram

    Add the link of your Instagram handle.


    Enable articles in results

    Check the checkbox to enable the articles tab in search results

    Enable pages in results

    Check the checkbox to enable the pages tab in search results

  6. Cart Drawer: Customize the look and feel of your cart drawer using the following settings:

  7. Enable Cart Drawer

    Check the checkbox to enable the cart drawer on your store

    Enable Shipping Bar

    Check the checkbox to enable the shipping bar in your store

    Minimum Shopping Price

    Set the minimum shipping price

    Message

    Add a display message for your cart

    Success Message

    Add a message to show the completion of action successfully.

  8. Breadcrumbs: Using this setting, you can show or hide the breadcrumbs from your theme

  9. Enable Breadcrumbs

    Check the checkbox to enable the pages breadcrumbs on your store

  10. Product: Using these settings, you can customize your product listings on your Shopify store.

  11. Enable Pre Order

    Check the checkbox if you want to allow users to pre-book any product. For this option, you must ensure that the Continue Selling when products are Out of Stock is checked for a product which is not in stock at that moment. This setting can be checked from Shopify Products page

    Option Style

    Choose from the dropdown the style in which you want to show your product listings.

    Color Swatch Style

    Choose from the dropdown style in which you want to show your color swatch style

    Show color option as variant image

    Tick if you want to display product variants as images and not colors. For this to work, users need to add variant images from the Shopify Products page

    Show Saved Amount

    Select if you want to display the saved amount

    Saved Amount Style

    Choose from the dropdown how you want to display the saved amount - in percentage or in currency form.

  12. Product Grid: Manage the look and feel of product grids using the following settings

  13. Short Title

    Check this checkbox to show short product title.

    Enable Quick View

    Check this checkbox to enable quick view icon on the products

    Enable Similar Products

    Check this checkbox to show similar products icon on products

    Show Similar Button Text On Hover

    Check this checkbox to show similar products text instead of icon on products

    Enable Add to Cart

    Check this checkbox to show Add to cart icon on products

    Show Product Price

    Check this checkbox to show price of products

    Show Reviews

    Check this checkbox to show reviews of products

    Action on Product Image Hover

    Select None, Slider or Second image to show on hover of product image

  14. Newsletter Popup: Manage the look and feel of your newsletter popups using the following settings:

  15. Enable Newsletter Popup

    Check the checkbox if you want to display a newsletter pop-up on your Shopify cart

    Image

    Add an image for your newsletter section

    Heading

    Add a heading for the newsletter pop up section

    Description

    Add a brief about the newsletter section

    Heading Color

    Set the heading color of the newsletter popup

    Description Color

    Set the description color of the newsletter popup

    Popup Background

    Set the background color of the newsletter popup

    Set cookie for newsletter popup(days)

    Set the cookies days for this. Suppose this is set as 2 days, then the newsletter form's cookies will expire after 2 days

  16. Scroll to top: This setting is to enable/disable Scroll to top button in your site.
  17. Google Map API Key:: This setting is to add Google Maps API key for the Map section to work properly.
  18. Favicon: These are tiny icons that appear beside your site's URL or title in browser tabs, address bars, and bookmark menus. You can upload a Favicon image by clicking on the Change button under Favicon settings.
  19. Checkout With these settings, you can change the look and feel of your checkout pages.

  20. Background Image (Banner)

    Upload a background image for the checkout banner section.

    Logo

    Add your brand logo to the banner section

    Position

    Set the position of the logo to center, left or right

    Logo Size

    Set the logo size to small, medium or large

    Background Image (Main Body)

    Upload a background image for the main body section.

    Background Color

    Set the background color of your main body section

    Form Fields

    Choose from the drop-down how you want to show your form field.

    Background Image (Order Summary)

    Upload a background image for the order summary section.

    Background Color

    Set the background color of your order summary section.

    Headings

    Choose a desired font for the headings

    Body

    Choose a desired font for the body content

    Colors - Accents, Buttons, Errors

    Set the color for accents, buttons, errors across the theme


Page - Collection List

This page will automatically list all the collections that currently exist in your store. By default, all the collections will be listed alphabetically.

Settings for Collections page include:

Heading

Add a heading to your collection page

Banner Image

Select an image to be shown on banner

Banner background Color

Select any color to be shown on the background

Banner text color

Select any color to be shown for the banner text

Collections Per Page

Set the number of collections per page.

Show Collections

Select if you want to list all or selected collections on the page

Sort Collections By

Select how you want to sort your collections list.

For each of the collections you add to this page, use the following settings:

Select Collection

Import the collection you want to showcase in the existing collection list

Select Image

Select an image for the current collection list


Page - Main Collection (Catalog)

This page will list all the products from your collection list. You can choose to sort or filter product listings on this page using different options. Main Collection page settings include:

Show Collection Title

Tick this to show the collection title on page

Show Collection Image

Choose to show/hide the collection image on the page

Show Collection Description

Enable or disable collection description on the catalog page

Default collection image

Choose any image to show this as default image

Pagination Type

Choose from Paged Navigation or Infinite Scrolling here

Products Per Page

Set the number of products per page

Enable Filtering

Enable/disable product filtering options.

Enable Sorting

Enable/disable product sorting options.

Enable Display Options

Tick this to show the display views of 2 products, 3 products etc.


Page - Default Product

The default product page allows you to shape and control the behaviour and appearance of the products. Default Product page settings include:

Product Images Style

From the drop-down, choose how you want to show your product images on the page.

Product Content Position

Select from values to show product content in different positions like full width or sidebar, Please note that this is not applicable if product images style is selected as slider.

Product Content Style

Select from values to show product content in different styles like tabs or accordions, Please note that this is not applicable if product images style is selected as slider.

Show Product Description

Tick this to show product description on the page

Heading

Type heading here to show a new tab

Content

Type description here for the new tab

You can choose to add a number of blocks to customize this page including:

  • Title:Add a title to the product you want to display.
  • SKU:Add this to show product SKU on page
  • Text:Add a description about the product.
  • Review Rating:Show customer reviews and ratings for the particular product.
  • Price:Show prices for the product.
  • Variant Picker:Show product variants on the page.
  • Quantity Picker:Show stock availability of the product
  • Variant Picker:Add this to show variants and add size chart page accordingly
  • Buy Button:Add buy button on the page. This block can be customized using additional options including:
    • Show dynamic checkout button
  • Social Icons:Choose to add social icons for sharing the product on them.
  • Product Recommendations:Lists recommended products based on customer buying journey/search preferences. Users can add heading here

Page : Default Blog

This page lists the blogs published on your website. The blog page will show your blogs in chronological order - based on the published date.

Settings for this page include:

Show Article Published Date

Select to show the date when the article was published.

Show Article Tags

Select to show tags applied to the article to be used to show a filtered view of other blogs with the same tag.

Show Article Excerpt

Show a few lines (excerpt) from the article.

Show Article Comment Count

Show the number of comments received on articles.

Page - Default Blog Post

This is the page where the published blog can be seen and read. You can customize the look and feel of your blog posts using the following settings:

Show Article Image

Check to show article image on the page

Show Article Published Date

Check to show the date of blog publishing

Show Article Author

Check to show the details about the article author

Show Social share buttons

Check to include social media buttons

Show Article Tags

Select to show tags applied to the article to be used to show a filtered view of other blogs with the same tag.

Show Related Articles

Show a filtered list of similar articles


Page - Cart

This page shows all the products that the customers choose to buy. You can change the following settings:

Show Cart Note

Select if you want to show cart notes on the page

Show Payment Icons

Select if you want to show payment icons

Enable Shipping Estimations

Select if Estimate shipping is required on cart page


Frequently Asked Questions

1. How advanced is your search option?

Unlike most Shopify themes, search options in the Yuva theme are quite advanced. Customers can search products/collections by applying various search filters including product type, availability, price, and variants.

2. Does your theme have minicart and quick view features?

Yes, we have incorporated both these features in our Yuva theme.

3. If I build my ecommerce store in Yuva theme, will I be able to give product recommendations to my customers?

Of course! With the Yuva theme, you can allow your customers to choose from product recommendations and improve their shopping experience.

4. How can the Yuva theme help me get recurrent orders?

Merchants like you can create selling plans to offer subscriptions. These help in getting recurrent orders on their e-commerce store.

5. I am based in Denmark. Can I build my ecommerce store in Yuva for mu native customers?

Yes, our Yuva theme offers multilingual and multi currency features. So, anybody can run their online store regardless of where they are based.

6. Can customers check shipping availability before checkout?

Yes, with our shipping availability and estimation feature, customers can know in advance about shipping availability for a particular product.