Image with pins

Last Updated onJuly 30, 2023

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,

  1. Go to Online Store > Themes and click Customize in your Shopify admin
  2. 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 settingsDescription
Image for pinsThis is main image that holds pins for products
Show columnOption to display additional column on sides
Column PlacementLeft or Right side of the main image
Products choiceChoice of the products to display in column
Image
HeadingIt will display text for the card
Heading tagSet the tag your preferred, it may be heading, paragraph or special tag
DescriptionIt will display additional text for the card
Description tagSet the tag your preferred, it may be heading, paragraph or special tag
Button labelIt will display the button to card
Button URLSet the url for the button
Button targetSet 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 SettingsDescription
Top offsetSet the pixels to move from top edge of the image
Left offsetSet the pixels to move from left edge of the image
Product choiceIt will allow to choose a product for the pin