Bestseller Showcase Section

Highlight your top-selling products in an eye-catching showcase section with badges.

Sidekick writes it — you put it live

Sidekick produces the content or code for this, but doesn't apply it to your store itself. You'll paste or publish the result yourself — the prompt tells Sidekick to explain exactly where it goes.

📋 Prompt

Run in Sidekick

Generate the Liquid, CSS, and JavaScript for a bestseller showcase section that I can paste into my [PAGE_NAME] page’s theme template as a custom section. Display the top [NUMBER] products from the [COLLECTION_NAME] collection (I will create a manually sorted Bestsellers collection). Each product card should include: a Bestseller badge in [BADGE_COLOR], the product image, title, price, star rating (pulled from metafield [RATING_METAFIELD] or hardcoded as [DEFAULT_RATING]), and an Add to Cart button. The first product should be displayed larger as the hero/featured item, with the remaining products in a grid below. Add a section heading of [SECTION_HEADING] and a View All link pointing to the collection page. Use [LAYOUT_STYLE] (options: hero-grid, carousel, numbered-list). Generate the Liquid section with schema, CSS, and optional JavaScript for carousel mode. Finally, tell me exactly which section file to create and how to add it to the page through the Shopify theme editor.

How to Use

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