Social Slider

A horizontal scroll strip of social media content — images and short-form videos — that aligns to the container on the left and bleeds past the viewport edge on the right. Not a Splide carousel; it uses native CSS overflow with a hidden scrollbar, so visitors drag or swipe to browse.

Content comes from a metaobject cluster (a slides metaobject containing social_slide_item entries) or from manual Social Slide theme blocks. The cluster always wins when connected. Each slide renders its own media plus an optional social handle attribution pill.

Videos use a custom play/pause overlay — no native browser controls. A pause button appears on hover while playing; a play button shows when paused. Autoplay defaults to on for metaobject slides.

Settings

Setting	What it does
Section ID	Optional anchor for jump links.
Social cluster	A slides metaobject. Connect via dynamic source for per-product social content. Leave empty to fall back to Social Slide blocks.
CTA label	Link text for the bottom-right CTA. Leave blank to hide it entirely.
CTA url	Where the CTA goes. Social URLs (Instagram, TikTok, Facebook) automatically open in a new tab.
Padding top / bottom (mobile)	Default 52px each.
Padding top / bottom (tablet)	Default 72px each.
Padding top / bottom (desktop)	Default 96px each.

The CTA renders right-aligned in serif font (20px mobile / 32px desktop), extralight weight, with a custom circle-arrow SVG.

Blocks

Static blocks:

• Title — the section heading
• Rich text — description text below the heading

Repeatable:

• Social Slide — image or video with optional social handle and URL

Metaobject slides replace blocks entirely

When a cluster is connected with slides in it, all Social Slide blocks stop rendering. The blocks stay visible in the sidebar but don’t appear on the page.

Auto-hide on PDP

On product pages, the section hides entirely when no metaobject cluster is connected. On other page types it always renders, falling back to theme blocks. This means you can include it on the PDP template and it only appears for products with social content assigned via nama.product_social_slides.

Tips

• Use a cluster for product pages. Each product gets its own social content via nama.product_social_slides, and the section disappears cleanly for products that don’t have any.
• Use theme blocks for standalone pages (homepage, about) where the content doesn’t need to vary per product.
• The right bleed is deliberate. Slides extend past the container edge on wide screens to signal that the strip is scrollable. Don’t try to contain it.