Previous article - Optional - Configuring Transactional Email Notifications with Klaviyo (sticky.io Subscriptions for Shopify)

Introduction

The Shopify theme extension embeds purchase options into a store’s product details page. In order to match the look and feel of the store, any applicable style definitions from the current theme are cascaded into the purchase options.

While these theme-inherited styles usually just update the font family, it’s possible for them to update much more, including size and layout. In some cases, this can cause issues with the appearance and it might be needed to add new CSS rules to get the look just right.


Guide to Customized Elements

The below diagram contains some useful information that may assist in updating the purchase options style. Specifically, some CSS selectors that can be used to update the individual elements are labeled below on an example subscriptions widget.


Congratulations! You are now an expert on the automatic customizations that are applied to the subscriptions widget on your product display pages.

Next article - Optional - Setting Up Merchant and Consumer Curated Bundles

Did this answer your question?