Image Text and Socials

Footer

In the footer, show a block with an image, text and social icons. It's a good place to show your logo with some text about your store.

Add image text and socials block


Click the arrow next to the Footer section, then click (+) Add block and select Image, text, and socials. Use the drag-and-drop handles ⋮⋮ to re-order blocks. Click the block to start adding content.

Change desktop width


Change the block width to adjust the layout with other footer blocks.

Click Image Text and Socials block to find settings

Setting
Description
Options

Desktop width

Use the slider to increase the width of the footer block on desktop.

To keep all columns in a single row, make sure all footer block widths add up to 100%. To display block on its own row, set the desktop width to 100%.

10 - 100% Default: 20%

Mobile width

Set the width of the footer block on mobile. Set the width to `100%` to avoid line breaks in link names.

50% Default 100%

Set up image


Upload an image and adjust its width and position.

Click Image, text, and socials block to find settings

Setting
Description
Options

Image

Select or upload an image. There are no required dimensions. We recommend an image with a minimum width of 50px.

Use PNG files for images with a transparent background.

Desktop image width

Set the maximum width (in pixels) of the image on desktop.

50 - 500px

Default: 100px

Mobile image width

Set the maximum width (in pixels) of the image on mobile.

50 - 500px

Default: 100px

Image position

Show the image above or below the text.

Above text Default Below text

Change heading and text


Change the heading and subheading text. Leave fields blank to hide them. You can change the size and font of the text.

Click Image, text, and socials block to find settings

Setting
Description
Options

Heading

The title of the block. Leave the field blank to remove the heading. However, a heading is required when collapsible rows on mobile are enabled.

Default: "About us"

Show heading on desktop

Choose whether to show the block heading on desktop screens.

Default: Enabled

Text

Add multiple lines of rich text.

Default: "Share contact information..."

Display collapsible row on mobile


On mobile screens, you can display the block in a collapsible row, instead of as a column.

Note: A heading is required for the collapsible row.

Click Image, text, and socials block to find settings

Setting
Description
Options

Collapsible row on mobile

Display the block as an expandable row that reveals the block content when clicked.

Default: Disabled

Show social icons


Display social icons that link to your profile pages. Open the Theme settings tab in the settings panel to enter the full URL of your profile pages.

Click Image, text, and socials block to find settings

Setting
Description
Options

Show social icons

Show icons for your social media accounts.

Default: Enabled

Heading

The title of social media area. Leave the field blank to remove the heading.

Default: Follow us

Enable Follow on Shop


Follow on Shop allows customers to follow your store on the Shop app and receive personalized recommendations and notifications about your products.

Click Image, text, and socials block to find settings

Setting
Description
Options

Enable Follow on Shop

Allow visitors to follow you on Shop to receive recommendations and notifications about your products. You'll need to have the Shop channel installed and Shop Pay activated on your store. See Shopify's Follow on Shop guide

Default: Enabled

Last updated

Was this helpful?