Supported Versions
The details shared here apply to the most recent version of Flex. To keep your theme up to date, check out this helpful document.
In This Article
Product 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 Form.
Product Form Settings
These settings for configuring your product form include the general product form settings, swatches, back in stock request form, and size chart.
Product Form
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.
The quantity box style can be chosen in Theme Settings > Elements > Quantity Box > Style, where you can select 'box' or 'stacked.'
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.
"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.
Swatches
Options style
The 'options style' setting lets you choose how you'd like your variant options to display. You can choose either 'drop-down' or 'color swatches'. The options style you choose will apply to all variant options.
View our Color Swatches article
Swatch style
If you have 'color swatches' enabled as your option style, you can then select the swatch style as well. Choose between 'squared' and 'rounded.'
Back in Stock Request Form
Enable 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.
Text
Here you can update what text you would like to display within the 'back in stock request' form.
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
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.