Zapiet - Product Options offers two app blocks: the product options app block for the product page, and the cart page app block for the cart page.
The product options app block must be enabled for our app to work correctly.
The cart options app block is optional, and requires additional changes to the theme file to work as expected.
To set up Zapiet - Product Options, follow our video tutorial or the written steps below.
Requirements
To enable the app block, you will need to have permission to manage apps from the store owner.
To enable the app block, you need to be using an Online Store 2.0 theme.
Online Store 2.0 themes are essential for proper functionality because they fully support Zapiet's app blocks and features. Legacy themes do not provide the necessary compatibility.
Enable the product options app block
The product options app block will allow your customers to select options on the product pages of your store.
In Zapiet - Product Options, click Settings.
Click Themes.
Select the theme you would like to edit.
We recommend enabling our app on a duplicate theme first.
In the Product options app block section, click Enable.
This will open the Customize settings on your theme and enable the app block.
You can change the placement of the app block according to your business needs.
Click Save.
The product options app block will now be visible on your store. Before testing, make sure you have created both options and option sets.
If you enabled the app block on a duplicate theme, publish the theme after testing, so your customers can select product options on your store.
Enable the cart page app block
The cart page app block will allow your customers to make changes to the options they've selected directly on the cart page.
In Zapiet - Product Options, click Settings.
Click Themes.
Select the theme you would like to edit.
We recommend enabling our app on a duplicate theme first.
In the Cart page app block section, click Enable.
This will open the Customize settings on your theme and enable the app embed.
Under Zapiet - Cart options, enable the Show Edit Options in Cart embed.
Click Save.
The cart page app block will now show in your theme, and customers will be able to modify their options in the cart page.
Notes
If you’re using a free theme from the Shopify theme store, you’ll likely need to add the code to line 159 of the
main-cart-item.liquidfile and line 206 of thecart-drawer.liquidfile.
Limitations
If your store has a Quick Add button, product options will only appear for products with variants.
Products without variants can be added directly to the cart without selecting options.
To prevent customers from bypassing the product options, you can disable the Quick Add button. This setting is theme specific—contact your theme developer for help.
Products configured with inconsistent options in collections might not display correctly. Ensure all options are configured uniformly to avoid mismatches.
Zapiet adds product options but does not act as a variant selector, meaning selecting an option won't change the product variant. Ensure that native Shopify variants/options remain enabled as they form the foundational data for Zapiet’s product options.
Trial themes on your store will not appear in Settings > Themes [Shopify limitation].
To add the app block(s) to a trial theme, go to Online Store and click Edit theme.To add the cart page app block, on the left side menu click App embeds, then toggle on Zapiet - Cart Options and Save.
To add the product options app block, click Home page > Products > Default product. On the left side menu, under Sections > Template, click Add section > Apps > Zapiet - Product Options. You can click and drag the app block to change the placement if needed, then Save.