Skip to main content

Home Page/Collection Page Widget

This article covers customizing the Home Page/Collection Page widget.

Updated this week

Overview

Configuring the Home/Collection page widget allows you to display featured products on pages in the Appstle Subscription widget. This can help incentivize customers in tactical locations and help streamline the shopping experience of your store.

How to Configure the Home/Collection Page Widget

To use this feature, you must implement it manually using code in your Shopify store's theme files.

Note: You must be on a Business-tier plan or higher with Appstle Subscriptions, and your home/collection page must contain an Add to Cart button.

Step 1: Configure your home/collection page in your Shopify theme.

In your Shopify theme settings, click Customize to bring up the editor. From there, navigate to either the Home Page or Collections Page, depending on where you want the widget to appear. The example below shows a collection page.

Next, click on the section that contains your products and make sure that Quick Add is set to Standard. This ensures that your add to cart buttons will display properly under each product. Save your theme settings when finished.

Step 2: Obtain Appstle's code snippet for the widget

In Appstle Subscriptions, navigate to Widget > Page builder & Home/Collection Page and copy the code snippet here.

Step 3: Add the snippet to your Shopify theme files

Go back out to Online Store in your Shopify Admin, click the three dots icon, and click Edit Code.

Note: The file you add the snippet to will vary depending on the theme you have selected. Our example uses the Dawn theme. For the Dawn theme, the file needed is snippets/card-product.liquid.

Use your browser's devtools in your Home/Collection page and search for the selector that corresponds to your Add to Cart button to find where to add the code snippet.

Here, the snippet was added just above the code controlling for the Add to Cart button.

Save your changes, and then go back to your store's home/collection page. If done properly, the widget should display in your page(s) for any subscription products that have one variant.

If you need assistance with configuring your home/collection page widget, please reach out to our support, and we will assist you.

Did this answer your question?