Supported Versions
The details shared here apply to the most recent version of Turbo. To keep your theme up to date, check out this helpful document.
In This Article
Product Page Form
Along with your product images and description, the Product Page will also include the 'product form'. This is where shoppers interact with the Product Page to make a selection to add to the cart. It is in the product form that the shopper will see up to 3 options (populated with variants), a quantity selector, and an Add to Cart button - everything the shopper needs to specify the variation and quantity of the product to add it to the cart.
The 'product form' includes the purchase buttons (both add to cart and Shopfiy's dynamic checkout buttons), variant options, quantity box, inventory levels, size chart, and a back in stock request form. By default, your product description will display in this area as well, above the product form. However, you can switch the 'description position' product info setting to be 'below product form' as well.
In order to configure the Product Form settings for the Product Page, head into Customize (your Theme Editor) > Theme Settings > Product Grid > Product Form.
Product Form Settings
Enable 'back in stock request' form
You can choose to have the 'back in stock request' form to display for sold out products! After a customer fills out a back in stock notification form, an email will be sent to the customer facing email address on file notifying you that someone has requested a notification.
When an item comes back in stock, you will need to manually notify customers via email. There is no way for Shopify or Out of the Sandbox Shopify themes to send out automatic notifications.
View our detailed article on how the 'back in stock request' form works.
"Back in stock request" form text
Here you can update what text you would like to display above the 'back in stock request' form.
Options style
The 'options style' setting lets you choose how you'd like your variant options to display. You can choose either 'select drop-down list' or 'color swatches'. The options style you choose will apply to all variant options.
View our Color Swatches article
Show quantity box
If you want to give your customers an easy way to increase the quantity for the product they'd like to purchase, you can enable the 'show quantity box' setting.
Limit quantity to available inventory
If you have the quantity box displayed in your product form, you can also enable the 'limit quantity to available inventory' setting. Once enabled, when a customer is increasing the quantity of the product, it will stop once they hit the available inventory amount. For example, if you only have 10 in stock of a product/variant, once the customer hits '10' in the quantity selector, it won't let them add more than that!
Show inventory remaining
You can display the inventory of a product in the product form with the 'show inventory remaining' setting. This is a great way to let your customers know that an item may soon be out of stock, and may create more of an incentive to purchase it while they can!
Inventory remaining threshold
If you have the 'show inventory remaining' setting enabled, but only want the inventory to appear once it's hit a certain level, then you can also adjust the 'inventory remaining threshold' setting. Inventory remaining text will be displayed below the value that you choose on the slider.
Show price for sold out items
If an item is sold out or not in stock, you have the option to display the price on the product page. When this setting is enabled, the sold out text will display next to the price so it’s clear why the item can’t be ordered. Add to cart and dynamic checkout buttons will not be shown.
"Sold out" text
When an item is sold out, this text will appear either instead of or beside the product price (if you have the "show price for sold out items" setting enabled). By default, this text will say "Sold out" but you can update it to be whatever you'd like!
"Free" text (for $0 products)
If you happen to have products that are free/$0.00 - you can enter the text that you'd like to appear for them here.
Size chart
You can help your shoppers decide which size to order by providing a table or chart with details on your product sizes and any recommended corresponding measurements. If you add a 'size chart', a link will display to the right of the product price that you can click to display your size chart in popup form.
View our detailed article on using the size chart feature
Show dynamic checkout button
You can enable Shopify's 'dynamic checkout button' to appear in your product form as well! This setting is found in the Product Page Settings in your theme editor.
Examples
Here's how we set up the 'Product Form' in our demo shops for Turbo!
-
Portland
Product Form SettingsEnable "Back in stock request" form - enabled
"Back in stock request" form text - added
Options style - color swatches
Show quantity box - enabled
"Free" text (for $0 products) - added
Size chart - added
-
Seoul
Product Form Settings
Options style - color swatches
Show quantity box - enabled
"Free" text (for $0 products) - added
-
Florence
Product Form Settings
Enable "Back in stock request" form - enabled
"Back in stock request" form text - added
Options style - Select drop-down list
Show quantity box - enabled
"Free" text (for $0 products) - added
-
Chicago
Product Form Settings
Enable "Back in stock request" form - enabled
"Back in stock request" form text - added
Options style - color swatches
Show inventory remaining - enabled
Inventory remaining threshold - 10
"Free" text (for $0 products) - added
-
Dubai
Product Form Settings
Enable "Back in stock request" form - enabled
"Back in stock request" form text - added
Options style - color swatches
Show quantity box - enabled
"Free" text (for $0 products) - added
Mobile layout
When viewed on a mobile device, the product form will resize to fit your mobile screen. The quantity box and purchase buttons (add to cart, dynamic checkout button) will stack vertically.
