Socials

📖 Overview

The Socials block displays social media icons as either follow links (linking to your social profiles) or share buttons (allowing visitors to share the current page). When in follow mode, URLs are pulled from theme options; in sharing mode, share URLs are generated automatically for the current page.

✏️ Content Options

Field	Type	Required	Description
Enable Sharing	Toggle	No	When enabled, displays share buttons for the current page. When disabled, displays follow links from theme options (default: Off)
Socials Title	Text	No	Optional heading displayed above the social icons
Socials Title Type	Select	No	HTML element for the title (default: h3)
Socials Title Size	Select	No	Visual size of the title (default: H5)

📱 Supported Platforms

Follow Mode (Sharing Off)

Links to your social profiles configured in theme options:

Instagram
Facebook
LinkedIn
X (Twitter)

Share Mode (Sharing On)

Share the current page on:

Facebook
LinkedIn
X (Twitter)

🔧 Requirements

For follow mode, the following fields should be configured in theme options:

instagram_url
facebook_url
linkedin_url
twitter_url

🎨 CSS Variables

The following CSS variables can be configured to customise the block’s appearance:

Variable	Default Value
`--block-socials-gap`	`var(--spacing-xxxs)`
`--block-socials-icon-color`	`var(--colour-black)`
`--block-socials-icon-color-hover`	`var(--colour-brand-neutral-2)`