Skip to main content
Storefront widget & display

Showing the widget in a Featured product section

Use Bundlex Bundles featured to put offers inside a theme's Featured product section on your home page or a page template. Shoppers can choose an offer there without first opening the product page.

When to use it

Bundlex Bundles app-block tutorial cover showing the Bundlex Bundles block beneath Price in Shopify's Product information section.
The Featured product walkthrough starts at 0:52, after the regular product-page example. Follow the block setup, Product connection and cart check. English captions are available. Open the video tutorial page or Watch on YouTube.

This is a separate app block for featured products. On a normal product template, use the regular Bundlex Bundles block or app embed instead. Adding the featured block does not change the placement on your product pages.

Your theme's Featured product section must support app blocks and include a working product form and buy button. If you cannot add an app block inside that section, contact support with the theme name and page URL. For a custom page builder, see using Bundlex Bundles with a page builder.

How to add it

  1. Open Online Store and click Edit theme for the theme you want to configure. Use a draft theme first if you want to test before publishing.
  2. Choose the home page or page template containing your Featured product section.
  3. Select the product in that section.
  4. Inside the section, choose Add block, open Apps, and select Bundlex Bundles featured.
  5. Move the block where shoppers should see the offers, usually near the price and above the buy buttons.
Draft theme Home page with a Featured product section, Bundlex Bundles featured block and matching cream offers in the preview.
The featured app block sits inside Featured product. This draft-theme preview shows the cream and its matching offers.

Check the Product connection

Open the app block and check Product. It may automatically connect to the section's product, shown as Section Product. Keep that connection when it points to the right product. If you select a product manually, it must match the product in the Featured product section.

Draft theme Home page showing the Bundlex Bundles featured block with Product connected to Section Product and Revitalize Face Cream offers in the preview.
1. Open the featured block. 2. Check its Product connection. Here, Section Product follows the cream selected in the Featured product section.

Leave Show advanced settings off unless support asks you to adjust selectors or custom CSS. Moving this app block in the section controls its placement; an embed placement selector is not needed for the normal app-block setup.

Save and test the page

  1. Make sure a published Bundlex Bundles discount targets the featured product and is eligible for the market and customer you are testing.
  2. Keep the section's buy buttons present, then save the theme changes.
  3. Open the theme preview or actual page, select an offer and click the section's normal Add to cart button.
  4. Check the products, variants, quantities and discount in the cart and checkout. Repeat on mobile.

Saving a draft theme does not publish it to customers. Test the theme you intend to use before publishing it through Shopify.

If the widget does not appear

Check that the section has a product, the app block's Product field resolves to that same product, the block is visible and a matching discount is published and eligible. If the widget appears but the buy button adds the wrong items, send support the page URL, theme name and selected offer. Pages with several product forms or custom purchase buttons can need additional integration work.

For the other placement methods, see activating the widget in your theme.

Was this article helpful?

Your feedback helps us improve our docs.

Thanks - we'll keep improving this article.

Want to chat with our team? Still have a question?

Still need help?

Our team is one click away. Send us a message and we'll get back to you.

We use a few cookies to keep this site working, measure how it is used, and power our chat widget when you open it. See our cookie policy.