Products

Steps:

1. From your Shopify admin, go to Online Store > Themes ↗.
2. Find the theme that you want to edit, and then click Customize.
3. Select Products > Default product template from the Template drop-down menu.
4. Click Product information and you will see customization options in the area to the right.
5. (Optional) To enable breadcrumbs above your product info (e.g., Home / Dress / Velvet Dress), mark the Enable breadcrumbs option.
6. (Optional) To enable sticky content on desktop, mark the Enable sticky content on desktop option.
7. (Optional) Enabling zoom makes it possible to click on the picture and open it in full size.
8. (Optional) Choose loop video if you want the video to replay again and again.
9. (Optional) If you wish to change a product info background, use Desktop Layout Stacked Settings to enable the background and upload the image. For this to work, make sure Stacked is chosen in the next step.
10. Choose from three available layouts:
1. Stacked - the images of the product will be stacked on top of each other.;
2. Grid - the images will be displayed next to each other;
3. Thumbnail carousel - carousel display will be implemented.
11. Read more about Custom CSS ↗.
12. Click Add block and Add section buttons to expand your template. Read more about Sections and blocks ↗.
13. When you're satisfied with your section, click Save.

Steps to edit product information content blocks:

1. In your Shopify admin dashboard, go to Online Store > Themes.
2. Choose the theme you want to edit and click on the Customize button.
3. Under Product information, click + Add block to add a new block on click on the one you wish to edit.
4. Text - a copy under your product's title. By default, it is set to Vendor dynamic source. You can enable uppercase.
5. Price - you can choose to display shipping and taxes info.
6. Variant picker - allows you to choose between dropdown and radio options for your color choices.
7. Size guide is a popup modal element. You can change the name of your modal element in Popup trigger space and add a new page in Popup page space.
8. Buy buttons - you can choose to show dynamic checkout buttons.
9. Share - you can change a copy for Share button.
10. Tabs will let you add a Tab heading and up to three tabs with descriptions.
11. Complete the look - Specify Heading and click Select products under List of products.
12. Custom liquid - insert app snippets or other liquid code in the Custom liquid field.
13. Collapsible row:
1. Specify your Heading that explains the content within. Accepts dynamic source.
2. Check Enable product description box to display product descriptions.
3. Use the Row Content field to add information that you wish to display under your heading. You can also choose to display content from one of your pages. Under Row content from page, click Select page and choose the page you want to link to the row. If you have both Row Content and Row content from page filled out, all information will be shown and stacked on top of each other.
14. Popup modal - allows you to add a Popup trigger and link it to the content on a specific page by clicking Select page.
15. (Optional) Click and hold the drag-and-drop handles ⋮⋮   to re-order your blocks.
16. Click Save.

Steps:

1. From your Shopify admin, go to Online Store > Themes ↗.
2. Find the theme that you want to edit, and then click Customize.
3. Select Products > Default product template from the Template drop-down menu.
4. Click Product recommendations and you will see customization options in the area to the right.
5. (Optional) Change the section's heading text in the Heading section. If you prefer not to display the header at all, leave the input field blank. To change the size of the header, choose Small, Medium, or Large option under Heading size.
6. Maximum products to show helps you choose how many product recommendations you want to display at a time. You can select anywhere from 2 to 10 products.
7. Number of columns on desktop defines the columns (1 to 4) that will be displayed on the page. To see the changes, remember to Save your modifications and Preview the page.
8. (Optional) Check Enable Slider to display products in a slider. Instead of stacking products, you will now have them rotating in the controlled slider.
9. (Optional) When slider is enabled, you can choose to display Navigation (arrows) and/or Dots in your slider.
10. You have control over customizing the Product Card by choosing the layout. Product info floating will display the product information such as the name of the product, price, and vendor information directly in the card. If the Product info stacked option is chosen, the product information will be displayed underneath the product card.
11. (Optional) You can change both top and bottom section padding (the empty space above and below the section) and set it anywhere from 0px to 100px.
12. Read more about Custom CSS ↗.
13. Click Add block and Add section buttons to expand your template. Read more about Sections and blocks ↗.
14. When you're satisfied with your section, click Save.

Steps:

1. From your Shopify admin, go to Online Store > Themes ↗.
2. Find the theme that you want to edit, and then click Customize.
3. Select Products > Default product template from the Template drop-down menu.
4. Click Recently viewed products and you will see customization options in the area to the right.
5. (Optional) Change the section's heading text in the Heading section. If you prefer not to display the header at all, leave the input field blank. To change the size of the header, choose Small, Medium, Large, or Extra Large option under Heading size.
6. Maximum products to show helps you choose how many product recommendations you want to display at a time. You can select anywhere from 2 to 10 products.
7. Number of columns on desktop defines the columns (1-4) that will be displayed on the page. To see the changes, remember to Save your modifications and Preview the page.
8. (Optional) Check Enable Slider to display products in a slider. Instead of stacking products, you will now have them rotating in the controlled slider.
9. (Optional) When slider is enabled, you can choose to display Navigation (arrows) and/or Dots in your slider.
10. You have control over customizing the Product Card by choosing the layout. Product info floating will display the product information such as the name of the product, price, and vendor information directly in the card. If the Product info stacked option is chosen, the product information will be displayed underneath the product card.
11. (Optional) You can change both top and bottom section padding (the empty space above and below the section) and set it anywhere from 0px to 100px.
12. Read more about Custom CSS ↗.
13. Click Add block and Add section buttons to expand your template. Read more about Sections and blocks ↗.
14. When you're satisfied with your section, click Save.