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.

Seven primary navigation types are provided:

1. Logo left, navigation left

2. Logo left, navigation center

3. Logo left, navigation drawer

4. Logo center, navigation left

5. Logo center, navigation split

6. Logo center, navigation below

7. Logo center, navigation drawer

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

Setting		Values
Logo	Image	Use the logo selector option to set up an image to use as a logo. The recommended image dimensions are 247px x 47px (pixels). The recommended image type is png. To add an image, choose Select image, upload an image or select an image file from your store’s file library. To replace an image, click on Change -> Change image and select a new image. To remove the image, click on Change -> Remove image. Select the Add alt text link, and add a brief text of the image in the Image alt text box. For more understanding, refer to Shopify help: Adding alt text to media.
	Custom logo size	Adjust the slider Custom logo size to set a size for the logo image between 50px and 250px (pixels).
Main menu		This feature will help you import menus from Shopify's default navigation list that is available in the backend. It will be displayed as the menu in the Header.  Note We will automatically create a multi-column 'mega-menu' dropdown for your navigation wherever your navigation includes three levels of links.
Enable sticky header		The Header remains on the screen as customers scroll up
Menu promo		Menu promo will only be displayed when the logo position is set to "Logo left, navigation drawer" or "Logo center, navigation drawer".
Products heading		Change the heading of the menu promo.
Product		Select the products to be displayed in the menu promo.

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.

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.

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.

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.

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 Featured product 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 section title.
Color scheme				Select a background color from the dropdown for the entire section.
Add product			Select product	Select any product to display in the slider.
			Type	Select the display type for menu options, either as a dropdown or pills.

This section displays products from the selected collection. Customize this section by adjusting the content and number of products to display together in this slider.

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

Setting				Description
Background color				Select a background color from the dropdown for the entire section.
Text color				Select any color for the heading text.
Background alternative				Enable the checkbox to allow an alternative background color.
Heading				Enter text to display as the section title.
Collection				Select a Collection to display the products.
Enable view all				Enable/Disable the displaying of the View all buttons.
Button text				Enter text to display over the button. For example - View All.

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.

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.

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.

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.

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.

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.

This section is used to display a featured review/feedback from a happy customer.

1. Navigate to Customize theme. At the top of the page, click the dropdown to select the Home page template.
2. Select Featured Testimonial 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.
Background color						Select a background color for the entire section.
Add blocks					Image	Add a profile image for the testimonial author.
					Heading	Enter the author's name for the testimonial.
					Text	Enter the text to be displayed as a featured testimonial. 26 words max recommended.

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.

This is the bottom section of your online store; share brief information about your store and add navigation menus for your site here to assist your users when navigating.

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

Setting								Description
Logo								(Logo): Use the logo selector option to set up an image to use as a logo. The recommended image dimensions are 247px x 47px (pixels). The recommended image type is png. (Custom logo width): Adjust the slider Custom logo size to set a size for the logo image between 50px and 250px (pixels).
Enable payment icons								Enable shopify payment icons in the footer.
Enable footer border								Enable border line to be displayed above the footer.
Add blocks							Footer menu	Add a heading block for the section title and select the footer menu.
							Text	Add a text block for the title and description and enable social media icons. 16 words max recommended.
							Text with icon	Add text with icon block for the title and subtext and add a link on the heading. The recommended image dimensions are 24px x 24px (pixels). The recommended image type is png. 16 words max recommended.

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.

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.

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

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.

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.

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.

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.

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

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.

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:

   
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

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.

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.

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.

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).

• 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)