Stickers #

This guide describes the Sticker block that's included in some of the Shapes theme sections. Use the block to add a stylized sticker overlay to a section.

The previous video shows an Image with text section in Theme editor. In the video, a Sticker block is added into the section. Then, in the sticker block settings:

• The text displayed inside the sticker block is updated using the Text box.
• The Shape dropdown is used to set the shape of the sticker block.
• To width of sticker block is set by adjusting the Sticker width slider.
• The Font size dropdown is used to set the size of the text inside the sticker block.
• A custom image is added to the sticker block.
• The position of the block is adjusted by using the sliders Horizontal position and Vertical position.
• The block is rotated using the Rotate slider.
• The Rotation dropdown is set to apply an animation that rotates the sticker whenever the page is scrolled.
• To apply a scroll animation to the sticker, the Enable parallax checkbox setting is enabled.
• The custom image is removed from the sticker to display the sticker label text.

Add a sticker block #

You can add Sticker blocks inside any appropriate section.

For example, in the following image, a Rich text section contains several Sticker blocks.

To add a Sticker block to a section:

1. In Theme editor, select an appropriate section from the side menu.

   Note

   Sticker blocks can be added to most sections. These blocks cannot be added to all sections.

2. Select Add block, and then choose Sticker (block).

   For example, in the following image, a Sticker block is added to a Rich text section.

   

Types of sticker #

Shapes theme provides more than 30 sticker types to use with a Sticker block. Some of the available sticker types are displayed in the following image.

Use an image as a sticker #

You can upload an image to a sticker block.

Use an image as a sticker:

1. In Theme editor, from the side menu, select a section that contains a Sticker block.

2. Expand the section menu, and then select Sticker (block).

3. Use the following Image menu options to set up an image to use inside the block.

• To add an image, choose Select Image, and then upload an image or select an image file from your store’s file library.
• To edit an uploaded image, select Edit in the image selector’s thumbnail preview area. Refer to Edit an image inside a section or block.
• To replace an image, choose Change > Change image, and then select or upload a new image.
• To display an image from a dynamic source, select Change > Connect dynamic source, and then choose a metafield to add. Refer to Shopify help: Metafields
• To remove an image, select Change > Remove image.

Configure a sticker #

To configure a Sticker block:

1. In Theme editor, from the side menu, select a section that contains a Sticker block.

2. Expand the section menu, and then select Sticker (block).

3. Apply a block setting described in the following table.