Image with pins section allows you to show the shoppable image with its products. User can able to take a look on the products in a real world usage.
It also have an option to add additional column on sides to that can show image or products based on the choices.
To add the Image with pins,
- Go to Online Store > Themes and click Customize in your Shopify admin
- Then click Add section under Templates area. Now you can choose Image with pins from the list.
You can find the following settings inside the Image with pins,
| General settings | Description |
|---|---|
| Image for pins | This is main image that holds pins for products |
| Show column | Option to display additional column on sides |
| Column Placement | Left or Right side of the main image |
| Products choice | Choice of the products to display in column |
| Image | |
| Heading | It will display text for the card |
| Heading tag | Set the tag your preferred, it may be heading, paragraph or special tag |
| Description | It will display additional text for the card |
| Description tag | Set the tag your preferred, it may be heading, paragraph or special tag |
| Button label | It will display the button to card |
| Button URL | Set the url for the button |
| Button target | Set the url for the target. |
You can also find common section settings inside the Image with pins. Also find common carousel settings
Pin
Image with pins section can have multiple Pin blocks. Each pin block can have its own position & product.
| General Settings | Description |
|---|---|
| Top offset | Set the pixels to move from top edge of the image |
| Left offset | Set the pixels to move from left edge of the image |
| Product choice | It will allow to choose a product for the pin |