Shop Image is a Shopify theme block in the Section Star library. Add product links directly to your images to call attention to featured products.
Live demo
Settings
Every setting below appears in the Shopify theme customizer once the block is published.
Display
Set the display
| Setting | Type | Default |
|---|---|---|
| Caption Background Color | Color or gradient | linear-gradient(177deg, rgba(255, 255… |
| Media Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1, 3:4, 9:16…) | 4 / 3 |
| Mute Video? | Checkbox | On |
| Image | Image | — |
| Desktop CSS | Liquid | — |
| Mobile CSS | Liquid | — |
Shop Style
Set the look and feel of the shop section
| Setting | Type | Default |
|---|---|---|
| Shop The Look | Inline rich text | <b>Shop The Look</b> |
| Secondary Text | Inline rich text | 2 Products |
| Shop Background Color | Color or gradient | linear-gradient(164deg, #111 0%, #111… |
| Shop Text Color | Color | #fff |
| Shop Alternate Text Color | Color | #aaa |
| Text Size | Range | 13 |
| Padding Top/Bottom | Number | 15 |
| Padding Left/Right | Number | 20 |
| Border Radius | Number | 4 |
Products
Set the product to upsell
| Setting | Type | Default |
|---|---|---|
| Product 1 | Product | — |
| Product 2 | Product | — |
| Product 3 | Product | — |
How to add this block to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and find “Shop Image” in the blocks library.
- Publish it to the theme you want to use it in.
- In the Shopify theme customizer, add the block inside a compatible section.
- Configure it with the settings listed above.