Fluorescent
Eclipse
Eclipse
  • Get started
    • Migrating to Eclipse
    • Theme license
  • FAQs
  • Changelog
    • Update your theme
  • General
    • Editing themes
      • Dynamic content with metafields
      • Edit default theme content
      • Multiple languages
      • Unique content for markets
      • Customizing your site
      • H1 heading tags
    • Image guide
      • Web ready photography
      • Image sizes
      • File formats
      • Theme image settings
    • SEO for Shopify
    • Online store speed
    • Accessibility
  • Theme settings
    • Theme settings
      • Social media
    • Theme styles
    • Fonts
    • Colors
  • Corner rounding
  • Pages
    • Page templates
      • Using templates
      • Customize page styles
      • Create and assign templates
    • Demo layouts
    • About page
    • Home page
    • Blog page
    • Blog post
    • Contact page
    • Password page
    • Search page
  • Sections
    • Sections
      • Using sections
      • Content blocks
    • Blog posts
    • Collapsible content
    • Collection list
    • Contact form
    • Featured collection
    • Featured links
    • Feature product
    • Grid
    • Icon with text columns
    • Image hero
    • Image with text
    • Multi-column
    • Newsletter
    • Rich text
    • Scrolling content
    • Shop the look
    • Shoppable feed
    • Slideshow
    • Video
    • Video hero
    • Video with text
    • Custom Liquid
  • Header
    • Announcement bar
    • Header
      • Layout and style
      • Logo
      • Transparent header
      • Mega menu
      • Language and Currency
    • Impact logo
    • Search
  • Footer
    • Footer
      • Image Text and Socials
      • Links block
      • Newsletter and Socials
      • Language and Currency
      • Custom Liquid
  • Products
    • Product listings
      • Product card styles
      • Sale and sold out badges
      • Quick shopping
    • Prices and currencies
    • Swatches
      • Use default colors
      • Use custom colors
      • Use custom images
  • Product pages
    • Product page
      • Gift card product
    • Media gallery
      • Media grouping
    • Product overview blocks
      • Description
      • Price
      • Buy buttons
      • Collapsible row
      • Complementary products
      • Custom option
      • Featured icon with text
      • Icon with text
      • Inventory status
      • Image block
      • Popup block
      • Product rating
      • Text block
      • Share icons
      • Custom Liquid
    • Variant selector
      • Info popup
    • Sticky add-to-cart
    • Sibling products
    • Product recommendations
  • Collections
    • Collection page
      • Banner
      • Product grid
      • Promotion tiles
      • Filters and sorting
    • Collection list page
  • Cart
    • Cart
    • Free shipping bar
    • Cross sells
  • Popups
    • Popups
  • Support
    • Support policy
    • Shopify vs Theme issues
    • Store access requests
  • Advanced
    • Custom CSS
    • Custom fonts
Powered by GitBook
On this page
  • Add image text and socials block
  • Change desktop width
  • Set up image
  • Change heading and text
  • Display collapsible row on mobile
  • Show social icons
  • Enable Follow on Shop

Was this helpful?

  1. Footer
  2. Footer

Image Text and Socials

Footer

Last updated 4 months ago

Was this helpful?

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

Default: Enabled

To use this feature, you need to have the Shop channel installed, and Shop Pay activated on your store. See for assistance.

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 ↗
Shopify's Follow on Shop guide ↗