> ## Documentation Index > Fetch the complete documentation index at: https://docs.shopify.lightsout.agency/llms.txt > Use this file to discover all available pages before exploring further. # Show a social media image feed with Facet's socials section > Build Facet's socials section: a slider of linked social images, a card with your account handle, and settings for layout, image shape and autoplay. The Facet socials section shows a slider of pictures from your social media, each with an optional link, plus a card with your account handle. You add the pictures yourself, so the section works with any platform. This page covers the section and its Social images and Social image blocks. ![The Socials section as it appears on the Facet demo storefront.](https://mintcdn.com/lightsout/Svjpo54WQSiE2VRv/images/themes/facet/sections/socials/socials-overview.jpg?fit=max\&auto=format\&n=Svjpo54WQSiE2VRv\&q=85\&s=6314713121b18cbe64a75a4ca542256d) ## What this section controls * A heading and text above the images. * The slider of images: how many show, their shape and autoplay. * The account card with your handle and a link to your profile. ## Getting started **1. Open the Theme Customizer** In your Shopify admin, open **Online Store**, then **Themes**, and click **Customize** next to Facet. **2. Add the section** In the **Sections** panel, click **Add section** and choose **Socials**. It comes with a heading and a **Social images** block holding four **Social image** blocks. It can't be added to the header. **3. Add your pictures** Click each **Social image** block, pick a picture and paste the link to the post. **4. Set your handle** Click **Social images** and change **Account handle** and **Link** to your own profile. ![The theme editor with the Socials section selected in the sidebar, its settings panel open on the left and the section highlighted in the preview.](https://mintcdn.com/lightsout/Svjpo54WQSiE2VRv/images/themes/facet/sections/socials/socials-location.jpg?fit=max\&auto=format\&n=Svjpo54WQSiE2VRv\&q=85\&s=8d919a283bb2b11e0730b6c02f16a2a3) ## Section settings ![Theme editor sidebar showing the Socials section settings: Common settings, Color scheme, Top padding, Bottom padding, Page width, Theme Settings, and more.](https://mintcdn.com/lightsout/Svjpo54WQSiE2VRv/images/themes/facet/sections/socials/socials-settings-1.png?fit=max\&auto=format\&n=Svjpo54WQSiE2VRv\&q=85\&s=144834a5205c3fe1f5ba467a60577e4c) The socials section has only common settings. Everything else is in its blocks. ### Common settings * **Color scheme**: the colors of the section. * **Top padding** and **Bottom padding**: None, Small, Medium (default), Large or Extra large. * **Page width**: Narrow, Narrower, Fluid (default) or Full. See [Common settings](https://docs.shopify.lightsout.agency/themes/facet/common-settings.md) for details. ## Blocks The section accepts **Heading** and **Text** blocks. See [Theme blocks](https://docs.shopify.lightsout.agency/themes/facet/theme-blocks.md) for their settings. ### Social images The slider and the account card. Shoppers drag or swipe through the images, or use the arrow keys. ![Theme editor sidebar showing the Social images block (in Socials) settings: Layout, Image aspect ratio, Slides on desktop, Slides on mobile, Auto-rotate slides, Show account card, and more.](https://mintcdn.com/lightsout/Svjpo54WQSiE2VRv/images/themes/facet/sections/socials/socials-block-social-images-1.png?fit=max\&auto=format\&n=Svjpo54WQSiE2VRv\&q=85\&s=7fed8a00c94f8a5fef1eb065b81c7478) ![Theme editor sidebar showing the Social images block (in Socials) settings (part 2, scrolled): Show account card, Account handle, Account text, Link, Account card position, Account card color scheme.](https://mintcdn.com/lightsout/Svjpo54WQSiE2VRv/images/themes/facet/sections/socials/socials-block-social-images-2.png?fit=max\&auto=format\&n=Svjpo54WQSiE2VRv\&q=85\&s=d03b86a3827e02b8eafe4fe47c5d6b66) > [tab] Layout > > * **Layout**: **Fit to row** (default) shows a set number of whole images across the row. **Cropped edges** keeps the images at their designed size, cuts off the images at each end of the row, and loops the slider so it never runs out. > * **Image aspect ratio**: **1:1** (default), **4:5**, **3:4**, **2:3**, **5:4**, **4:3** or **16:9**. > * **Slides on desktop**: from 2 to 6. Default: 4. > * **Slides on mobile**: from 1 to 3. Default: 2. > > **Slides on desktop** and **Slides on mobile** are used with **Fit to row** only. > [tab] Autoplay > > * **Auto-rotate slides**: off by default. Moves to the next image on its own. It pauses while the pointer is over the slider. > * **Change slides every**: from 3 to 9 seconds. Default: 5. Appears only when **Auto-rotate slides** is on. > [tab] Account card > > * **Show account card**: on by default. Shows a card with a camera icon, your handle and an arrow. > * **Account handle**: default "@yourbrand". > * **Account text**: the line under the handle. Default: "Follow along". > * **Link**: your profile address. The card opens it in a new tab. Without a link, the card shows as plain text with no arrow. > * **Account card position**: **Below images** (default) or **On images**. > * **Account card color scheme**: the colors of the card. > > All account card settings except **Show account card** appear only when the card is on. ### Social image ![Theme editor sidebar showing the Social image block (in Socials) settings: Image, Link.](https://mintcdn.com/lightsout/Svjpo54WQSiE2VRv/images/themes/facet/sections/socials/socials-block-social-image-1.png?fit=max\&auto=format\&n=Svjpo54WQSiE2VRv\&q=85\&s=b018eabb08cdb97a22fb4f5c095c79b8) One picture in the slider. Add as many as you need inside **Social images** and drag them to change their order. * **Image**: the picture. A placeholder shows until you pick one. * **Link**: optional. Clicking the picture opens this address in a new tab. ## Best practices * **Upload the pictures in the shape you choose.** Pictures are cropped to the **Image aspect ratio**, so square posts suit 1:1 and portrait posts suit 4:5. * **Link each picture to its post.** Shoppers who tap a picture expect to see that post, not just your profile. * **Add more images than fit on screen.** The slider only moves when there are more images than **Slides on desktop** or **Slides on mobile**. * **Replace the placeholder handle.** The card shows "@yourbrand" until you change it. ## Related guides > [card] [Social media](https://docs.shopify.lightsout.agency/themes/facet/theme-settings/social-media.md) > > Add the profile links used for social icons across the theme. > [card] [Theme blocks](https://docs.shopify.lightsout.agency/themes/facet/theme-blocks.md) > > Settings for the heading and text blocks above the slider. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.