-1721172a-5ffa-48c2-a1a8-ad6d99053ef3.png){kind=logo}
Product pageUpdated 2 months ago
Go to Online store > Themes > Current theme > Customize and select at the top dropdown the product template.
A product page on a Shopify store is a dedicated web page that provides detailed information about a specific product available for sale. It serves as an individual landing page for each product listed in your online store. On a product page, customers can find comprehensive details about the product, such as its name, images, price, description, specifications, and any other relevant information.
Section settings
Setting | Information |
Enable sticky content on desktop | Boolean to make content sticky on desktop. Enable this option to make the product page content sticky when scrolling. If the content on the text side is shorter than the product images, it will remain fixed while scrolling through the images. This ensures better visibility and a smoother browsing experience for users. If the content is longer, it will scroll naturally. |
Enable sticky add to cart bar | Desktop: This bar shows up when the add to cart button isn't visible anymore. Mobile: This bar shows up once you starts scrolling. Once you've reached the footer it will be hidden on desktop/mobile |
Desktop content size | Set a size for content on desktop. |
Media ratio | Set a radio for the media used on the product page. |
Desktop media position | Set a position for media on desktop. |
Desktop layout | Set a layout for media on desktop. |
Hide slider thumbs on mobile | Boolean to hide slider thumbs on mobile or not. |
Enable autoplay & video looping | Boolean to enable or disable autoplay and video looping. |
Enable image zoom | Boolean to enable or disable image zoom on a product page. |
Block settings
Block | Information |
Title | The name or title of the product, which should be clear and descriptive. |
Price | The cost of the product, including any discounts or special offers if applicable. |
Variant Picker | If the product comes in different sizes, colors, or other variations, customers should be able to select their preferences directly on the product page. |
Quantity selector | You’re not required to use the quantity selector. This enables your customers to select the quantity in one field & add that selected quantity immediately to cart. |
Buy buttons | A prominent button that allows customers to add the product to their shopping cart and proceed with the purchase. |
Description | A detailed written description of the product's features, benefits, and usage. The description should be informative and help customers make informed buying decisions. |
Share | Buttons that allow customers to easily share the product with their networks on social media. |
Badge | Show badges on product detail page when your product has them. |
Text | Can be used to display custom information on the product page. Here you’re able to link dynamic sources such as vendor, custom metafields,… |
Tab | Using tabs allows you to display general information like for example shipping but you’re also able to link dynamic sources to the tab block where the content will be specific for each product. |
Usp | If you want to display a unique selling point the usp block is the way to go. |
Go to Online store > Themes > Current theme > Customize and select at the top dropdown the product template.
A product page on a Shopify store is a dedicated web page that provides detailed information about a specific product available for sale. It serves as an individual landing page for each product listed in your online store. On a product page, customers can find comprehensive details about the product, such as its name, images, price, description, specifications, and any other relevant information.
Section settings
Setting | Information |
Enable sticky content on desktop | Boolean to make content sticky on desktop. |
Enable sticky add to cart bar | Desktop: This bar shows up when the add to cart button isn't visible anymore. Mobile: This bar shows up once you starts scrolling. Once you've reached the footer it will be hidden on desktop/mobile |
Desktop content size | Set a size for content on desktop. |
Media ratio | Set a radio for the media used on the product page. |
Desktop media position | Set a position for media on desktop. |
Desktop layout | Set a layout for media on desktop. |
Hide slider thumbs on mobile | Boolean to hide slider thumbs on mobile or not. |
Enable autoplay & video looping | Boolean to enable or disable autoplay and video looping. |
Enable image zoom | Boolean to enable or disable image zoom on a product page. |