Documentation & Support

Welcome to Effortless, a premium Shopify theme for OS 2.0. Use our Documentation as guidance to help setup and build your Shopify store using the Effortless theme.

  • Follow the Demo Setup Instructions to replicate the look and feel of the Effortless 2.0 theme. For further guidance, please see our Theme Customizations and Theme Updates video tutorials.
  • For general guidance with modifying sections and blocks, please refer to the following Shopify documentation, Sections & Blocks · Shopify Help Center.
  • As per our Theme Support Policy, Marketplace Solutions supports all bug fixes and answers any merchant technical questions regarding our theme within two business days.
  • Custom code tutorials in our documentation such as demo setup instructions, theme customizations and theme updates are supported.

Warning

Be sure to duplicate your theme before editing the code. You can do this by accessing the theme library section of your Shopify dashboard. Click the actions dropdown beside your theme and select duplicate.

If you require further assistance such as customizations, app-integrations or theme updates, hire a Shopify Expert for help. (Services are not included in the cost of your theme.)

Still need help? Browse FAQ's or Contact


Support Hours:

Monday - Friday
9:00am - 5:00pm EST (Excluding public holidays)

Configure the Announcement bar

Announcement Bar
  1. Navigate to Customize theme. At the top of the page, click the dropdown to select the Home page template.
  2. Select the Announcement bar from the left menu.
  3. Customize this section using the settings below.

Setting

Description

Background color

Select the background color from the dropdown list.

Show social media links

Select this checkbox to show/hide the social media icons.

Icons color

Select social media Icons color.

Announcement block settings

Text

Enter text to display an announcement message. 8 words max recommended.

Link text

Add text for the link url.

Link

Add a link to the text CTA.

Text color

Select announcement text color

Link color

Select the color of the announcement CTA/link.

Configure the Newsletter popup

  1. Navigate to Customize theme. At the top of the page, click the dropdown to select the Home page template.
  2. Select Popup from the left menu.
  3. Configure the "Popup" in the settings on the right with the following settings:

Setting

Description

Display mode

Check the box to display the newsletter popup.

Delay

Set the delay between 10 - 60 seconds for when the popup will appear on the website.

Frequency

Set the cookie expiration period (days); once expired, the popup will reappear on the storefront for the user.

Image

Select the popup image.The recommended image dimensions are 600px x 684px (pixels). The recommended image type is jpg.

Heading

Enter text to display as a title on the popup.

Text

Enter text to display the description on the popup.16 words max recommended.

Button text

Enter text to display over the button. For example - Learn More.

Button link

Enter a URL to redirect the button; this link will open when a store visitor clicks on the button.

Newsletter

Enable the Newsletter form to show in the popup.

Configure the Slideshow

This section is used to add a slideshow to your home page. Users can add up to 5 slides. Each slide has its own settings for better visualization and engagement.

  1. Navigate to Customize theme. At the top of the page, click the dropdown to select the Home page template.
  2. Select Slideshow from the left menu.
  3. Click on the dropdown arrow beside the slideshow section.
  4. Click "Add slide."
  5. Customize this section by using the settings described in the following table:

Setting

Description

Slide navigation style

You can select arrows/dots from the dropdown

Auto-change slides

Enable this checkbox for the slides to automatically transition.

Slider height

Configure the slider height for desktop and mobile.

Add slide

Slide image

Add desktop/mobile images for the slide.The recommended image dimensions for desktop are 1920 x 1080px (pixels).The recommended image dimensions for mobile are 420 x 680px (pixels). The recommended image type is jpg.

Heading

Enter text to display as the slide title.

Text

Enter text to display as the slide description. 18 words max recommended.

Button text

Enter text to display over the button. For example - Learn More.

Button link

Enter a URL to redirect the button; this link will open when a store visitor clicks on the button.

Configure Reassurance

  1. Navigate to Customize theme. At the top of the page, click the dropdown to select the Home page template.
  2. Select Text columns with images from the left menu.
  3. Customize this section by using the settings described in the following table:

Setting

Description

Heading

Enter text to display as a section title.

Background color

Select a background color from the dropdown for the entire section.

Text color

Select a color for heading and description text.

Add column

Image

Select an image to show. The recommended image dimensions are 64px x 64px (pixels). The recommended image type is png.

Heading

Enter text to display as the column title.

Text

Enter text to display as column description. 26 words max recommended.

Button text

Enter text to display over the button. For example - Learn More.

Button link

Enter a URL to redirect the button; this link will open when a store visitor clicks on the button.

Configure the Collection list

The Effortless theme offers a collection list, to display different collections.

  1. Navigate to Customize theme. At the top of the page, click the dropdown to select the Home page template.
  2. Select Collection list from the left menu.
  3. Select the arrow beside it.
  4. Click "Add collection" to add the blocks.
  5. Customize this section by using configuring the setting on the right with the following settings:

Setting

Description

Heading

Enter text to display as a section title.

Background color

Select a background color from the dropdown for the entire section.

Overlay color

Select overlay background color for the collection tiles.

Overlay color (Hover)

Select overlay hover background color for the collection tiles.

Text color

Select any color for the text.

Enable view all

Enable/Disable the displaying of the View all buttons.

Add collection

Custom image

Add an image to display a custom image for the collection tile. The recommended image dimensions are 660px x 406px (pixels). The recommended image type is jpeg.

Collection

Select a collection to be displayed.

Configure the Image tiles

Customize the look and feel of your image tiles using the following settings:

  1. Navigate to Customize theme. At the top of the page, click the dropdown to select the Home page template.
  2. Select Image tiles from the left menu.
  3. Customize this section by using the settings described in the following table:

Setting

Description

Background color

Select the background color of the text box.

Text color

Select color for the text.

Section full width

Enable section to full width.

Add image tile

Layout

  • Image First: It will show the image box first.
  • Text First: It will show the text box first.
  • Image

    Select an image to show in the image tile. The recommended image dimensions are 770px x 700px (pixels). The recommended image type is jpg.

    Heading

    Enter text to display as a title of the Image tile.

    Subheading

    Enter text to display as a subheading of the Image tile.

    Text

    Enter text to display as a description of the Image tile. 26 words max recommended.

    Button text

    Enter text to display over the button. For example - Learn More.

    Button link

    Enter a URL to redirect the button; this link will open when a store visitor clicks on the button.

    Text center

    Enable this checkbox to center align the text.

    Configure the Logos list

    This section will display the top brands or logo list.

    1. Navigate to Customize theme. At the top of the page, click the dropdown to select the Home page template.
    2. Select Logos list from the left menu.
    3. Customize this section by using the settings described in the following table:

    Setting

    Description

    Slide navigation style

    You can select arrows/dots from the dropdown.

    Auto-change slides

    Enable this checkbox for the slides to automatically transition.

    Dots color

    Select a color for the slider dots navigation.

    Delay

    Set the autoplay slider delay between 5 - 10 seconds.

    Heading

    Enter text to display as the section title.

    Background color

    Select the background color of the entire section.

    Text color

    Select color for the text.

    Add image 

    Image

    Select an image to show the logo. The recommended image dimensions are 200px x 70px (pixels). The recommended image type is png.

    Image link

    Add a link to the logo's image.

    Configure the Reviews

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

    1. Navigate to Customize theme. At the top of the page, click the dropdown to select the Home page template.
    2. Select Reviews from the left menu.
    3. Click on "Add review" to add the blocks.
    4. Customize this section by configuring the setting on the right with the following settings:

    Setting

    Description

    Slide navigation style

    You can select arrows/dots from the dropdown.

    Auto-change slides

    Enable this checkbox for the slides to automatically transition.

    Dots color

    Select a color for the slider dots navigation.

    Delay

    Set the autoplay slider delay between 5 - 10 seconds.

    Heading

    Enter text to display as the section title.

    Background color

    Select the background color of the entire section.

    Text color

    Select color for the heading text.

    Star color

    Select color for the stars review.

    Empty star color

    Select color for the empty stars review.

    Background color

    Select the background color of the section.

    Enable view all

    Enable/Disable the displaying of the View all buttons.

    Button link

    Enter a URL to redirect the button; this link will open when a store visitor clicks on the button.

    Add review

    Star rating

    Select a review rating from the dropdown.

    Text

    Enter text to display as a review. 12 words max recommended.

    Author

    Enter author name for the review.

    Configure the Social media icons

    Customize the look and feel of your social media icons using the following settings:

    1. Navigate to Customize theme. At the top of the page, click the dropdown to select the Home page template.
    2. Select Social media icons from the left menu.
    3. Customize this section by using the settings described in the following table:

    Setting

    Description

    Background color

    Select the background color of the entire section.

    Text color

    Select the text color.

    Icons in accent color

    Enable the checkbox to change the social media icons color to the accent color.

    Add heading

    Enter text to display as the section title.

    Configure the Blog posts

    1. Navigate to Customize theme. At the top of the page, click the dropdown to select the Home page template.
    2. Select Blog Posts from the left menu.
    3. Customize this section by using the settings described in the following table:

    Setting

    Description

    Slide navigation style

    You can select arrows/dots from the dropdown.

    Auto-change slides

    Enable this checkbox for the slides automatically transition.

    Delay

    Set the autoplay slider delay between 5 - 10 seconds.

    Heading

    Enter text to display as the section title.

    Blog

    Select a blog to show the blog posts.

    Blog posts

    Select the number of blog posts to be displayed.

    Enable view all

    Enable/Disable the displaying of the View all buttons.

    Add blocks

    Add heading

    Add this block for the blog post title.

    Add excerpt

    Add this block for the blog post excerpt. 18 words max recommended.

    Add link

    Add this block for the Read more link.

    Configure the Image with text

    1. Navigate to Customize theme. At the top of the page, click the dropdown to select the Home page template.
    2. Select Image with text from the left menu.
    3. Customize this section by configuring the setting on the right with the following settings:

    Setting

    Description

    Background color

    Select the background color of the entire section.

    Text color

    Select the text color for the heading text.

    Enable full height

    Enable/Disable full height of the section.

    Desktop image placement

    Select text/image to determine which wil be displayed first from the dropdown. 

    Enable text center

    Enable this checkbox to center align the text.

    Add blocks

    Heading

    Add the heading block for the section title.

    Text

    Add description text. 26 words max recommended.

    Button

    Enter text and url of the button

    Image block 

    Add multiple image blocks to make it a slider.

    Slide image

    Select image for the slider. The recommended image dimensions are 800px x 700px (pixels). The recommended image type is jpeg.

    Select product

    Select a product for image hotspots and change their vertical and horizontal positions.

    Configure Email signup

    1. Navigate to Customize theme. At the top of the page, click the dropdown to select the Home page template.
    2. Select Email Signup from the left menu.
    3. Customize this section by using the settings described in the following table:

    Setting

    Description

    Background color

    Select a background color for the entire section.

    Text color

    Select a text color.

    Border color

    Select a border color for the newsletter form.

    Button color

    Select a color for the email newsletter button.

    Add blocks

    Heading

    Add the heading block for the section title.

    Subheading

    Add description text.

    Configure the Rich text

    1. Navigate to Customize theme. At the top of the page, click the dropdown to select the Home page template.
    2. Select Rich text from the left menu.
    3. Click on "Add block"
    4. Customize this section by configuring the setting on the right with the following settings:

    Setting

    Description

    Background color

    Select background color for the entire section

    Text color

    Select a text color.

    Add blocks

    Heading

    Add the heading block for the section title.

    Description

    Enter text to display as a description of the section. 26 words max recommended.

    Button

    Add button label and url.

    Configure the Custom liquid

    This section is used to add the custom liquid code for any advanced customizations such as app snippets. Refer to Shopify developers: Custom liquid reference (opens new window).

    1. Navigate to Customize theme. At the top of the page, click the dropdown to select the Home page template.
    2. Select Custom liquid from the left menu.
    3. Customize this section by configuring the setting on the right with the following settings:

    Setting

    Description

    Liquid

    Enter the liquid template language code.

    For more understanding, refer to Shopify developers: Liquid reference.

    Style

    Set the alignment of the section to the left, center, or right.

    Color

    Background

    Select color from the options:

    • Primary
    • Secondary
    • Tertiary
    • Quaternary
    • Gradient

    Note

    These colors can be changed from Theme settings -> Colors.

    Section spacing

    Top spacing (desktop)

    Adjust the slider to add spacing at the top of the section on the desktop.

    Bottom spacing (desktop)

    Adjust the slider to add spacing at the bottom of the section on the desktop.

    Top spacing (mobile)

    Adjust the slider to add spacing at the top of the section on the mobile.

    Bottom spacing (mobile)

    Adjust the slider to add spacing at the bottom of the section on the mobile.

    Configure the Map

    This section represents the map that can be used to show the store location.

    Google map
    1. Navigate to Customize theme. At the top of the page, click on the dropdown menu to select a template that contains a map section. For example, select the Home page template.
    2. Select Map from the left menu.
    3. Configure the section using the following settings:

    How to obtain a Google iframe code?

    • Go to Google Maps.
    • Enter the business address in the search bar, then click the search button.
    • Click on the Share icon.
    • Choose "Embed map".
    • Select the size of the map from the drop down.
    • Select and copy the HTML iframe embed code.
    • Paste the embed code into your section.

    Setting

    Description

    Enable full width

    Select this checkbox to show/hide the map in the full width display.

    Address

    Type the address you want to display in the maps.

    Style

    Choose map style from given options such as default, satellite, hybrid, and terrain. To display the map, you have to add a 'Google maps API key' to the Theme settings -> Google Maps section.

    Color

    Background

    Select color from the options:

    • Primary
    • Secondary
    • Tertiary
    • Quaternary
    • Gradient

    Note

    These colors can be changed via Theme settings -> Colors.

    Note

    You must add the "Google maps API" key in the map theme settings. Refer to the instructions below for a guide to integrating the Google Maps API key with your theme.

    Google Maps API Key Guide

    The Google Maps platform protects its products from unauthorized use by limiting API calls to authenticated users with proper credentials (i.e., an API key, this is a unique alphanumeric string that associates a Google billing account with the project and the specific API/SDK).

    The API key is a UID (unique identifier), which authenticates all requests associated with the project for usage and billing purposes.

    Note

    Users must have at least one API key associated with the project.

    Pre-Requisites

    A project with a billing account and the Maps JavaScript API are required before you can start. See Set up in Cloud Console for further information.

    1. Create a new: "Google cloud project" in the Cloud console: Create new project.
    2. Fill in the required details:

      Project name

      Use the default name or enter a customized name. You can change the project name at any time. For further information, see Identifying projects.

      Project ID

      Use the default or click "EDIT" to add a "Customized ID" that "Google APIs" use as a unique identifier for the project.

      Important Note

      Once you have created the project, you cannot change the Project ID. With this in mind, select an ID you'll be comfortable using for the project's lifetime (do not include any sensitive information in "Project ID.").

      Billing account

      Select a billing account for the project. This option is only displayed if you have more than one billing account.

      Permissions

      Users must be a "Billing account administrator" or "Project billing manager" to associate a project with the billing account. For further information, see the billing access control documentation.

      Location

      If users have an organization to link the project to, click Browse and select it; otherwise, choose "No organization." For further details, see Creating and Managing Folders and Relationships between organizations, projects, and billing accounts.

    3. Click on the Create button.

    To create a Google Maps API Key:

    1. Open the Google Maps platform and navigate to the Credentials page. For further details, refer to Go to the Credentials page.
    2. Click on Create credentials -> API key. The API key-created dialog displays your newly created API key.
    3. Click on the Close button.

    Configure Gift wrapping

    Add Gift Wrapping block

    1. Navigate to Customize theme. At the top of the page, click on the dropdown menu to select Product Information.
    2. Select Theme Settings from the menu on the left.
    3. Scroll down and expand the Gift Wrapping menu option.
    4. Click the Enable gift wrapping option to select it.
    5. Click the All products box to select it.
    6. Scroll down to the Text block, click the Change drop-down menu item and select Change product.
    7. Type gift in the search box at the of the menu, then select Gift wrapping from the list.
    8. Scroll down to Gift image and click the image button.
    9. Either upload an image or choose an existing image to represent your gift wrapping option.
    10. Click the Save button on the top right.

    Add Gift Wrapping for specific products only

    Enable the Gift Wrapping option for specific products

    1. Navigate to Customize theme. At the top of the page, click on the dropdown menu to select Product Information.
    2. Select Theme Settings from the menu on the left.
    3. Scroll down and expand the Gift Wrapping menu option.

      Note

      If Gift wrapping is not enabled refer to the section above “Add Gift Wrapping block”
    4. If All products is selected, click in the box to de-select it.
    5. Click in the Specific products only box.
    6. Click the Save button on the top right.

    Add Gift Wrapping for a specific product

    1. Navigate to Products, Click on a product that you want to add gift wrapping to.
    2. Scroll down to the bottom of the menu on right and click the Tags field, select the “gift_wrapping” tag in the product tag section.
    3. Click the Save button on the top right.
    4. The front-end will now update to reflect this change.

    Note

    If you have any issues or need help with this feature please contact us, we are here to help you.

    Exclude Gift Wrapping for specific products

    Exclude the Gift wrapping option for specific products

    1. Navigate to Customize theme. At the top of the page, click on the dropdown menu to select Product Information.
    2. Select Theme Settings from the menu on the left.
    3. Click in the Exclude specific products only box.
    4. Click the Save button on the top right.

    Exclude Gift wrapping for a specific product

    1. Navigate to Products, Click on a product that you want to add gift wrapping to.
    2. Scroll down to the bottom of the menu on right and click the Tags field, select the “no-gift_wrapping” tag in the product tag section.
    3. Click the Save button on the top right.
    4. The front-end will now update to reflect this change.

    Note

    If you have any issues or need help with this feature please contact us, we are here to help you.

    Configure the Faqs

    1. Navigate to Customize theme. At the top of the page, click the dropdown to select the Home page template.
    2. Select Faq from the left menu.
    3. Customize this section by using the settings described in the following table:

    Setting

    Description

    Text

    Add text for the faq to show as a description. 26 words max recommended.

    Background color

    Select a background color from the dropdown for the entire section.

    Text color

    Select the text color.

    Icon color

    Select faq icons color.

    Add faq

    Add a faq box for the question and answer.

    Configure the Theme settings

    1. Navigate to Customizetheme. At the top of the page, click on the dropdown to select the Home page template. 
    2. Click on Theme Settings on the left sidebar to access theme-wide settings. 
      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:

        Primary color:

        • Solid button label - Used for solid button color.
        • Accent 1 - Used for solid button background.
        • Accent 2 - Select any color for the text.

        Secondary color:

        • Text - Used as foreground color on background colors.
        • Outline button - Used for text links.
        • Background 1 - Select background color as a Background 1.
        • Background 2 - Select background color as a Background 2.
        • Input border - Used as border color for inputs.
        • Input focus - Used as focus color for inputs.

        Header:

        • Background - Used as a background color for the header.
        • Text - Used as a text color for the header.
        • Navigation background - Used as a navigation background color.
        • Navigation text - Used as a text color for navigation.
        • Navigation social - Used as a social navigation color

        Footer:

        • Background - Used as a background color for the footer.
        • Borders - Used as a border color for the footer.
        • Text - Used as a text color for the footer.
      2. Typography: From here, you can make font-related customizations using different options.

        • Font - Select the font of the headings and body text.
        • Font size scale - Select font size scale of the text.
      3. Layout: Change the container width of the website.
      4. Cart: Customize the look and feel of the cart drawer using the following settings:

        • Cart type: Change cart type to page or cart drawer.
        • Enable Cart Note - Enable this checkbox for cart note.
        • Terms and conditions enable -  Enable this checkbox to display terms and conditions.
        • Cart additional buttons - Enable this checkbox for additional cart buttons.
        • Terms and conditions url - Select the terms and conditions url.
      5. Country/Language selector: Select the checkbox to enable the country/region and language selector.

        • Enable country/region selector -Enable this checkbox for country/region selector.
        • Enable language selector - Enable this checkbox for language selector.
      6. Badges: Select the color for the product badges.

        • Sale background color - Change the sale badge background color.
        • Sale color - Change the sale badge text color.
        • Sold out background color - Change the Sold out badge background color.
        • Sold out color - Change the Sold out badge text color.
      7. Social: Use this setting to link your Shopify store to your social media handles.

        • Twitter - Add the link to your “Twitter” handle.
        • Facebook - Add the link to your “Facebook” handle.
        • Pinterest - Add the link to your “Pinterest” handle.
        • Instagram - Add the link of your “Instagram” handle.
        • TikTok - Add the link to your “TikTok” handle.
        • Tumblr - Add the link to your “Tumblr” handle.
        • Snapchat - Add the link to your “Snapchat” handle.
        • YouTube - Add the link to your “YouTube” handle.
        • Vimeo - Add the link of your “Vimeo” handle.
        • LinkedIn - Add the link to your “LinkedIn” handle.
      8. Search: Customize search results using the following settings:

        • Enable product suggestions - Select the checkbox to show/hide the product suggestions in search results.
        • Show vendor - Select the checkbox to show/hide the vendor in search results.
        • Show price - Select the checkbox to show/hide the price in search results.
      9. Favicon: These are tiny icons that appear in browser tabs, address bars, and bookmarks menus near your site's url or title. Users can upload favicon icons by clicking on the Change button under the favicon setting.

        Please note that an image size of 32 x 32px (pixels) is recommended.

      10. Currency format: Enable this checkbox to show currency codes. Cart and checkout prices always show currency codes. Example: $1.00 USD.
      11. Checkout: With these settings, you can change the look and feel of the checkout page.

        • Banner background image - Upload a background image for the checkout banner section. Image size of 1000 x 400px (pixels) is recommended.
        • Logo - Add your brand’s logo to the banner section.
        • Logo position - Set the logo's position to center, left, or right.
        • Logo size - Choose any logo size: small, medium, or large.
        • Main content area Background image - Upload a background image for the main body section.
        • Main content area Background color - Choose any background color for your main body section.
        • Form fields - Choose from the drop-down menu how you want your form field to appear.
        • Order summary Background image - Upload a background image for the “Order summary” section.
        • Order summary Background color - Choose the background color of your “Order summary” section.
        • Headings - Choose the desired font for the headings.
        • Body - Choose the desired font for the body content.
        • Accents - Choose the color for accents on the checkout page.
        • Buttons - Choose the color for buttons on the checkout page.
        • Errors - Set the color to show errors (if any) on the checkout page.

    Configure the Template-Collection list

    This page will automatically list all the current collections in your store. All collections are listed alphabetically by default.

    1. Navigate to Customize theme. At the top of the page, click on the dropdown menu to select a collection list template.
    2. Select Collections list page from the left menu.
    3. Customize this section by configuring the setting on the right with the following settings:

    Setting

    Description

    Heading

    Enter text to display as a title on the collection page.

    Overlay color

    Select the background overlay color for the collection card.

    Overlay color hover

    Select the hover background overlay color for the collection card.

    Text color

    Select the text color for the collection card.

    Sort collections by

    Choose an option from the list to sort your collection list. The list includes the following options:

    • Alphabetically, a-z
    • Alphabetically, z-a
    • Date, new to old
    • Date, old to new
    • Product count, high to low
    • Product count, low to high

    Configure the Template-Main collection

    This page will list all the products in your collection list. Users can choose to sort or filter the product listings on this page using various options.

    1. Navigate to Customize theme. Click on the top dropdown menu to select Collection -> Default collection template.
    2. Select Main collection from the left menu.
    3. Customize this section by configuring the setting on the right with the following settings:

    Setting

    Description

    Show collection description

    Select this checkbox to show/hide the collection description on the page.

    Show collection image

    Select this checkbox to show/hide the collection image on the page.

    Show sorting

    Select this checkbox to enable sorting on the page.

    Pagination

    Select either paged navigation or infinite scrolling.

    Collection navigation

    Select this menu to display the entire collections list.

    Show vendor

    Enable this checkbox to show/hide the vendor name on the product card.

    Configure the Template-Default product

    The Default product page allows you to customize the appearance of products.

    1. Navigate to Customize theme. Click on the top dropdown menu to select the Products -> Default product template.
    2. Select Product page from the left menu.
    3. Customize this section by configuring the setting on the right with the following settings:

    It has the following types of blocks:

    Setting

    Description

    Title/Heading

    Displays the product’s title; there are no customizable block settings available for this.

    Description

    Displays the product description on the page.

    Product rating

    Displays customer reviews and ratings. These reviews can be included by adding the Shopify reviews app.

    Price

    Add this block to display the product’s price like Sale and Compare at price. There are no customizable block settings available.

    Quantity box

    Add this block to display a quantity selector, for selecting the number of products to purchase. It has no customizable block settings available.

    Variant picker

    Displays a variant picker for selecting variants of a product. There are no customizable block settings available. Please refer to Theme settings -> Product for the different variants styles (Dropdown and Pills/Color swatches).

    Availability

    Displays the product availability. There are no customizable block settings available.

    Size chart

    Enable this checkbox to show/hide the Size chart option.

    Buy button

    Displays the “Add to cart” and “Buy now” buttons in the Featured product section.

    Select the checkbox "Show dynamic checkout button" to display a button with the user's preferred payment method, in addition to the "Add to cart" button.

    Recommended products:

    If a customer redirects to a product page from your store, related products will be displayed in the product recommendation section.

    Important Note

    The "Product recommendation" section is only available on the default product and feature pages.
    1. Navigate to Customize theme. Click on the top dropdown menu to select the Products -> Default product template.
    2. Select Product recommendations from the left menu.
    3. Customize this section by configuring the setting on the right with the following settings:

    Setting

    Description

    Heading

    Add title text to be displayed for the product recommendations.

    Recently Viewed:

    Important Note

    The "Recently Viewed" section is only available on the default product and feature pages.
    1. Navigate to Customize theme. Click on the top dropdown menu to select the Products -> Default product template.
    2. Select Recently Viewed from the left menu.
    3. Customize this section by configuring the setting on the right with the following settings:

    Setting

    Description

    Heading

    Add title text to be displayed on the Recently Viewed section.

    Upload a Color Swatch

    Important Note

    The name of the color swatch image file is used as the name for the color swatch in the theme, for example ruby.png would be named Ruby. If a color swatch name has a space in the name e.g., navy blue, add a “-” between the words navy-blue.png, this will then appear as Navy Blue in the color swatches list.
    1. Navigate to Settings.
    2. Select Files from the menu on the left.
    3. Click the Upload Files button.
    4. Select the file to be uploaded (repeat as necessary).
    5. The uploaded files will appear in the list of files once the upload has completed and automatically appear on the product page(s) in the available color swatches. For example, if there’s a product with Navy color, once the image navy.png has been uploaded the Navy color swatch will appear on the product page automatically.

    Create a Variant

    1. Select a Product.
    2. Locate and select the Add variant option.

    Setting

    Description

    Color

    Add a Color name for the variant in the Options panel.

    Image

    Click Add image or Choose existing to populate the image for the variant.

    Pricing

    Price

    Select a currency and enter a price (by default the price of the original product is listed).

    Compare at price

    Select a currency and enter a compare at price (by default the compare at price of the original product is listed).

    Charge tax on this product

    Check the box if the product is subject to sales tax.

    Cost per item

    Enter a cost per item (customers won’t see this).

    Inventory

    SKU

    Enter a SKU for the variant.

    Barcode

    Enter a Barcode for the variant.

    Track quantity

    Optional: Check the track quantity box.

    Quantity

    Available

    Enter the quantity of the variant at each location listed.

    Shipping

    Phyical Product?

    Configure the Shipping - Check the box if the product is a physical product.

    Weight

    Enter a weight if it is a physical product

    Customs Information

    Country/Region of origin

    Enter customs information for the product - Country of manufacture.

    HS (Harmonized System code)

    Enter customs information for the product - HS (Harmonized System) code.

    Add a Video to a Variant

    1. Locate the Media section of the Variant.
    2. Click the Add button or the Add from URL link and select the video to be added.
    3. Locate the variant id in the url as shown in the screenshot below:

      variant url
    4. Open the video editor by clicking on the video.
    5. Add the variant id to the video alt text using the following format:

      variant=[variant id from your url]

      The example in the screenshot above would be:

      variant=42147236118703

    Configure the Template-Default blog

    Published blogs can be viewed and read from this page.

    1. Navigate to Customize theme. Click on the top dropdown menu to select Blog -> Default blog.
    2. Select Default blog from the left menu.
    3. Customize this section by configuring the setting on the right with the following settings:

    To understand more about blogs, please refer to Shopify blog posts.

    Setting

    Description

    Show featured image

    Select this checkbox to show/hide the featured image. The recommended image dimensions are 420px x 375px (pixels). The recommended image type is jpg.

    Enable sidebar

    Select this checkbox to show/hide the sidebar.

    It has the following types of blocks:

    Block

    Description

    Heading

    Add this block to display the article title. You can show/hide the date and author name from this block.

    Excerpt

    Add this block to display the article excerpt. 18 words max recommended.

    Link

    Add this block to display the Read more link.

    Show category in sidebar

    Add this block to display categories in the sidebar. This block only works if the sidebar is enabled.

    Show recent articles in sidebar

    Add this block to display recent articles in the sidebar. This block only works if the sidebar is enabled.

    Configure the Template - Default blog post

    This is the page where published blogs can be viewed and read.

    1. Navigate to Customize theme. Click on the top dropdown menu to select Blog posts -> Default blog posts template.
    2. Select Blog post from the left menu.
    3. Customize this section by using the setting on the right side of the theme editor, as described in the following table:

    To understand more about blogs, please refer to Shopify blog posts.

    Setting

    Description

    Featured image

    Add this block to display the article image on the page.

    Heading

    Add this block to display the article title. You can show/hide the article publish date and author name from this block.

    Content

    Add this block to display article content.

    Social share buttons

    Add this block to display the social share icons.

    Show related articles

    Add this block to show/hide the filtered list of similar articles.

    Configure the Template-Cart

    This page shows all the products that the customers have selected to purchase.

    1. Navigate to Customize theme. Click on the top dropdown menu to select Cart template.
    2. Select Main cart from the left menu.
    3. You can edit cart settings from the theme settings tab.

    Configure the Template-Password

    Use the settings to customize the password page.

    1. Navigate to Customize theme. Click on the top dropdown menu to select Others-> Password template.
    2. Select Password page from the left menu.
    3. Customize this section by using the settings described in the following table:

    Settings

    Description

    Logo

    Use the logo selector option to set up an image to use as a logo.

    • To add an image, click on the Select image button, upload an image or select an image file from the store’s file library.
    • To replace an image, click on Change -> Change image and select a new image.
    • To remove an image, click on Change -> Remove image.
    • Select “Add alt text link,” and add a brief text about the image into the Image alt text box. For further information, refer to Shopify help: Adding alt text to media

    Custom logo width

    Adjust the slider Custom logo width to set a size for the logo image inside the section between 50px and 250px (pixels).

    Theme Support Policy

    • As per our Theme Support Policy, Marketplace Solutions supports all bug fixes and answers any merchant technical questions regarding our theme within two business days.
    • As a Theme Partner, Marketplace Solutions is responsible for supporting merchants who use our theme. Being merchant-focused and providing quality support is essential to the success of our  theme.
    • Merchant support requests are submitted through our contact form, which is linked to the Shopify Theme Store and our theme documentation.
    • We keep our documentation up to date, as changes occur within Shopify we update our theme. As we support merchants using our theme, we identify any gaps in our theme documentation and make updates as necessary.
    • When we submit our theme to the Shopify Theme Store for an update, the theme will have a version number and release notes that highlight the main features of the new version.
    • Our theme documentation includes an FAQ section and other relevant information that could help to navigate and address potential questions that merchants might have.

    Merchant Support

    • We assist merchants with all theme related questions and reply to all support requests within two business days. If there are technical issues with our theme such as broken layout, dead link or logical errors, then we are responsible for fixing within a timely manner and we fix all critical bugs immediately.
    • Custom code tutorials in our documentation such as demo setup instructions, theme customizations and theme updates are supported.


    Still need help?  Browse FAQ's or Contact

    Support Hours:

    Monday - Friday 

    9:00am - 5:00pm EST (Excluding public holidays)

    Theme FAQ's

    Contact Theme Support

    We answer all questions regarding our theme within two business days.