Skip to main content

Choose how the gift product image appears

Set the image style, thumbnail size, and image position for your gift blocks in the Gifting editor.

You can choose how the gift product image appears in your gift blocks: large, small, on the left or the right, or hidden. The Images panel in the Gifting editor sets this in one place.

Where to find it

  1. From your Shopify admin, go to Apps, and then open Wrapped.

  2. On Home, press Edit settings on a gift option.

  3. On the gift option page, press Open editor.

  4. Under Settings, press Images. The row shows the current image style at its right, such as Fill.

The Images panel in the Gifting editor, with the Image style setting outlined in red

The Images panel

When no gift product is connected, the panel reads “Connect a gift product to show an image in your gift blocks” and shows the Connect a gift product button instead of the settings.

Image style

Image style has 5 values: Hidden, Framed, Cover, Fill, and Thumbnail. Fill is the default. The preview updates as soon as you pick a value. Press Save to change your online store.

💡 When you change a style setting on one of the Wrapped presets, the editor copies the preset into one of your own, and a message reads “Saved as Preset 2”. Nothing in your online store changes until you press Save.

Hidden shows no gift product image. The gift block is narrower, with one column: the heading, the gift product name and price, the description, the gift choices, and the button.

A gift block with Image style set to Hidden, in one column with no gift product image

Hidden: no gift product image, and the gift block is one column

Framed puts the image in its own square frame with rounded corners on the left, with space around it. The whole image is visible.

A gift block with Image style set to Framed, the gift product image in a square frame on the left

Framed: the whole image sits in a square frame on the left

Cover puts the image in a frame on the left that runs the height of the gift block, with space around it.

A gift block with Image style set to Cover, the gift product image in a tall frame on the left

Cover: the image sits in a frame that runs the height of the gift block

Fill fills the whole left half of the gift block with the image, edge to edge.

A gift block with Image style set to Fill, the gift product image filling the left half

Fill: the image fills the left half of the gift block, edge to edge

Thumbnail shows a small image beside the gift product name and price, at the top of the gift block, in one column.

A gift block with Image style set to Thumbnail, a small image beside the gift product name and price

Thumbnail: a small image beside the gift product name and price

Thumbnail size sets the size of the thumbnail in px. The default is 60. Thumbnail size also sets the size of the gift choice images.

A gift block that opens Inline shows the image as a thumbnail, so the panel shows no Image style for it.

Image position

Image position is Left or Right. Left is the default. With Right, the image moves to the right side of the gift block and the text moves to the left.

With Thumbnail, Right puts the small image on the right of the gift product name and price.

A gift block with Image style set to Fill and Image position set to Right, the image filling the right half

Image position set to Right: the image fills the right half

On a phone or tablet

On a phone and on a tablet, with Fill, the image sits below the heading and above the button, across the full width of the gift block. To see it, press the Mobile or Tablet icon above the preview.

A gift block on a phone with Image style set to Fill, the image across the full width below the heading

Fill on a phone: the image runs the full width, below the heading

Change the image itself

The image is the gift product’s own image in Shopify. Press Change image in Shopify in the Images panel to open the gift product in Shopify, and then change its image there.

Recap

  • Images in the Gifting editor sets how the gift product image appears in your gift blocks.

  • Image style is Hidden, Framed, Cover, Fill, or Thumbnail, and Fill is the default.

  • Image position puts the image on the Left or the Right.

  • Press Save to change your online store.

Did this answer your question?