Collection Banner Section

What This Sidekick Query Does

Create a collection banner section for the top of collection pages. The banner should display the collection featured image as a full-width background with a [OVERLAY_COLOR] color overlay at [OVERLAY_OPACITY]% opacity. Centered on the banner, show the collection title in large [HEADING_FONT] text, the collection description below it, and optionally a breadcrumb trail above the title. The banner height should be [BANNER_HEIGHT] (options: small 200px, medium 350px, large 500px). On mobile, reduce the height proportionally. Add schema settings to let merchants toggle the description visibility, adjust overlay opacity, change text alignment (left, center, right), and set text color. If no collection image exists, fall back to a [FALLBACK_COLOR] solid background. Generate the Liquid section with schema and CSS.

Expected Output

Tips to Improve Results