Featured product
Supported blocks
@app_product-gallery_product-info
Settings
| Setting | ID | Type | Default | Description |
|---|---|---|---|---|
| Full width | full_width | checkbox | false | |
| Enable inner spacing | enable_spacing | checkbox | false | |
| Block class | class | text | py-4 lg:py-6 | |
| Background | bg | color_background | Supports solid or gradient colors. | |
| Use theme background schema | bg_schema | checkbox | false | |
| Fixed background | bg_attachment | checkbox | false | |
| Product | product | product | ||
| Gallery width (desktop) | gallery_width | select | lg:w-1/2 | |
| Gap (desktop) | gap | range | 4 | Spacing scale, 1 = 0.25rem (4px). gap only supports 0-10. |
| Gap (mobile) | gap_mob | range | 2 | Spacing scale, 1 = 0.25rem (4px). gap only supports 0-10. |
| Sticky info on desktop | enable_sticky_columns | checkbox | false |
Option values
- Gallery width (desktop) (
gallery_width): 40% (lg:w-2/5), 50% (lg:w-1/2), 60% (lg:w-3/5)
Presets
- Featured product
💡 Edit via Shopify Admin → Online Store → Themes → Customize.