Hub/Theme/Product Bundle Display Section
Task IntentTheme

Product Bundle Display Section

Show a product bundle with individual items, combined pricing, and an Add Bundle to Cart button.

What This Sidekick Query Does

Show a product bundle with individual items, combined pricing, and an Add Bundle to Cart button.

Prompts

Copy, adapt, and run this directly in Shopify Sidekick.

Create a product bundle section that displays [NUMBER] products together as a bundle deal. Show each product with its image, title, individual price, and variant selector. Between each product, display a plus (+) symbol, and at the end show an equals (=) sign with the bundle total. Apply a [DISCOUNT_TYPE] discount (options: percentage, fixed amount) of [DISCOUNT_VALUE] to the bundle total and show the original combined price as strikethrough. Include a single Add Bundle to Cart button that adds all selected variants to the cart at once using the Shopify Cart AJAX API. Add a heading [BUNDLE_HEADING] (e.g., Frequently Bought Together). The products should be configurable via section schema. On mobile, stack the products vertically. Generate the Liquid, JavaScript for cart functionality, and CSS.

Expected Output

Show a product bundle with individual items, combined pricing, and an Add Bundle to Cart button.

Tips to Improve Results

Copy the prompt above
Open Shopify Sidekick in your Shopify admin
Paste the prompt and replace the bracketed placeholders with your details
Review Sidekick's response and apply the suggestions