Show product options to the user
The product subscription element shows available subscription options for the parent product card. When the user selects any available subscription, Looop updates the price and compare-price. You can design product subscription element using a dropdown or radio button.
We will create a template for product subscriptions. This template will be used to create product subscriptions for each product card.
2.. Inside the div block, create a dropdown element and give it the following Attribute:
For most ecommerce brand the subscripotion options start with one time purchase. You can define what this empty value should be by adding the following attribute to the dropdown element:
Example:- subscription-default=One-time purchase
On page load for each Shopify subscription group, we will duplicate the product-subscription-wrapper
and update the product-subscription-select
with the product subscription values.
The Options Dropdown element should be inside a Webflow Form element.
Show product options to the user
The product subscription element shows available subscription options for the parent product card. When the user selects any available subscription, Looop updates the price and compare-price. You can design product subscription element using a dropdown or radio button.
We will create a template for product subscriptions. This template will be used to create product subscriptions for each product card.
2.. Inside the div block, create a dropdown element and give it the following Attribute:
For most ecommerce brand the subscripotion options start with one time purchase. You can define what this empty value should be by adding the following attribute to the dropdown element:
Example:- subscription-default=One-time purchase
On page load for each Shopify subscription group, we will duplicate the product-subscription-wrapper
and update the product-subscription-select
with the product subscription values.
The Options Dropdown element should be inside a Webflow Form element.