Skip to main content

Footer

The Footer section appears at the bottom of every page and consists of two main components: a flexible Footer group area (for columns of content) and a fixed Copyright block.

Settings​

Mobile Layout

  • Mobile layout: Layout method for mobile devices
    • Grid: Display all footer columns in a responsive grid.
    • Collapse: Stack columns and allow them to expand/collapse like accordions.
  • Show collapse border (only available when Mobile layout = Collapse):
    • None: No borders shown.
    • All: Borders around both heading and content areas.
    • Left | heading: Vertical border only on the left side of the heading.
    • Left | heading & content: Vertical border on the left of both heading and content.
    • Bottom | heading: Horizontal border below the heading only.
    • Bottom | heading & content: Horizontal border below both heading and content.
  • Collapse border color: Border color selected from Theme Settings → Basic Settings → Colors.
  • Collapse border radius: Corner roundness for collapsed items (e.g., Rounded 1–5, Pill, Circle).

Back-to-top button

  • Enable show back to top button: Toggle the visibility of the floating “Back to Top” button that appears when users scroll down the page.
  • Button style: Choose the visual style—button (solid fill) or outline (hollow with border).
  • Button radius: Set the corner roundness of the main “Back to Top” button (e.g., Rounded 1–5, Pill, Circle).
  • Button color: Select the background or border color from Theme Settings → Basic Settings → Colors.

Custom Action Buttons (up to 3) You can add up to three additional floating action buttons alongside the “Back to Top” button.

  • Custom icon 1 / 2 / 3: Choose an icon for each button. Select No icon to hide the button entirely.
  • Custom link 1 / 2 / 3: Set the destination URL for each button (e.g., /contact, https://wa.me/123456789, mailto:support@example.com).
  • Custom button color 1 / 2 / 3: Assign a color for each button from Theme Settings → Basic Settings → Colors.

💡 Common uses:

  • Button 1: WhatsApp chat
  • Button 2: Email support
  • Button 3: Phone call
    All buttons appear as small floating icons on the bottom-right corner of the screen (desktop and mobile).

A reusable column block for organizing footer content (e.g., links, contact info, newsletter).

Settings​

  • Block name: Internal name for identification in the Theme Editor sidebar.
  • Block width: Column width as a percentage (e.g., 25%, 33.33%).
  • Show logo: Display your store’s logo at the top of this column.
  • Logo height: Logo height in px.
  • Enable Follow on Shop: Show Shopify’s “Follow on Shop” button (if enabled in Shopify admin).

Mobile

  • Block width:
    • Half (50% width, two columns per row)
    • Wide (100% width, full-width column)
  • Collapsed: Start in collapsed state on mobile (only applies when Mobile layout = Collapse).

Supported Child Blocks​

Heading​

Settings follow Blocks → Basic Block → Heading.

Text​

Settings follow Blocks → Basic Block → Text.

Button​

Settings follow Blocks → Basic Block → Button.

Currency/Language​

Settings follow Blocks → Basic Block → Currency Language.

Settings follow Blocks → Basic Block → Navigation.

Newsletter form​

Settings follow Blocks → Basic Block → Newsletter Form.

Payment icons​

Settings follow Blocks → Basic Block → Payment Icons.

Social media icons​

Settings follow Blocks → Basic Block → Social Media Icons.

The bottom bar displaying legal and brand information.

Supported Child Blocks​

Currency/Language​

Settings follow Blocks → Basic Block → Currency Language.

Social media icons​

Settings follow Blocks → Basic Block → Social Media Icons.

Payment icons​

Settings follow Blocks → Basic Block → Payment Icons.