Online Store 2.0 Breadcrumbs Media Vendor SKU Price savings Collections Gallery Product Form
Turbo's Product template is assigned to each product by default. The product page is where your customers learn what your product is called, what it looks like, how much it costs, and more important details.
For the Product page, you can configure settings in the theme editor for Product information, Recommended products, Recently viewed products, and Sidebar sections.
Product Information Settings
Use the page selector to open Products, then Default product
In the left sidebar, click Product information to open this section's settings
Enable breadcrumb links
Click to enable Show breadcrumb links to include breadcrumbs on the product page. Breadcrumb links are a list of links that show a customer what page they are on, and all the pages that are "above" that page in a store's content.
Media
The Media settings control the appearance and features for the images and other media added in the Products admin.
In the Media settings, enable a lightbox that opens the product images, enable a product gallery slideshow, and display product gallery thumbnail images and customize their position.
Turbo Product Page Image Gallery
Customize the Page Blocks
Select and customize the individual page blocks.
There are no settings to customize for Title, Form, Description, Vendor, Quantity, and Share blocks. Click, hold, then drag the blocks to reorder their sequence and reposition them on the product page.
Price block
Click to open the Price block, then enable Show price savings to display how much your customer is saving (both percentage and price amount).
Text block
Include text by adding copy to the Text field. Then use the Bold, Italic, and Link controls to style and connect your text with other pages.
Vendor block
Assign Vendors to your products by editing the Organization portion of your Products admin.
SKU (Stock Keeping Unit) block
Add the SKU block to include the stock-keeping unit (SKU) information for the product or variant.
Product links block
Use the Product links block to control the position of the product. Click the block to open its settings.
Display the collection(s) that include this product by enabling Show collections. This displays below the product form.
Enable Show tags to display the tags assigned to the product. These display below the product form as button-like links.
Activate Show type to display the Product type information for the product. Assign this to your products by editing the Organization portion of your Products admin.
Size chart block
Include a Size chart for the product page by adding the Size chart block. Click to open the block, then click Select page below Size chart.
Text block
Include more messaging to the product page by adding a Text block.
Add copy to the Text field. Then use the Bold, Italic, and Link controls to style and connect your text with other pages.
Additional Product Page Sections
There are also sections for Recommended products, Recently viewed products, and Sidebar. Click these sections to open their dedicated settings.
Add more sections to your product page by selecting (+) Add section.
Add a Section to a Product Page
Not seeing more sections? Update to the latest version of Turbo to unlock them.
Recommended products
Turbo's Product Page includes the option to display Recommended Products underneath the Product Gallery/Product Form and Shopify Product Reviews (if you have those enabled). Within the Recommended Products settings, you can choose the layout option of a traditional 'grid' or a 'slider' as well as choose the 'products per row' and limit the number of products shown.
View our article on Recommended Products
Recently viewed products
There is an option to include Recently Viewed Products on the Turbo product page which will showcase different products based on each customer's site experience and which products they browse. Within these settings, select either a Grid or a Slider layout, as well as adjust the Products per row and limit the amount of products shown.
View our article on Recently Viewed Products
Sidebar
Turbo's product page includes the option to display a Sidebar on the left-hand side. The sidebar can include a Collection list, Menu, Page, Recently viewed products, Tag list, Text area, Type list, and Vendor list.
View our article on the Sidebar
Mobile Layout
When viewed on a mobile device, the product page will responsively fit into your screen size. The main product image will be at the top, with the rest of the page layout following.
Your product page settings will remain as well. For example, if you have set the 'thumbnail position' to be 'bottom', the thumbnails will remain on the bottom. If you have set the 'description position' to be 'above the product form', the description will remain above the product form.