> For the complete documentation index, see [llms.txt](https://webvista-studio.gitbook.io/krank/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webvista-studio.gitbook.io/krank/sections/team-and-social-proof/shop-the-feed.md).

# Shop the feed

This section simulates a **Shop the feed** with images and videos linked to products, creating an immersive shopping experience.

<figure><img src="https://3867724846-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5cjsG9gBFSIZ5CisPtcx%2Fuploads%2FVAIl1BwAuOUB0nW4YJBW%2F5b0bb3f31312bd7207e9558504a6c1f7.png?alt=media&amp;token=e9bb0735-9843-4437-a49c-073d133c1b00" alt=""><figcaption></figcaption></figure>

### 🎨 General Settings

* **Enable Full Width**: Stretch the section across the entire page.
* **Color Scheme**: Customize background, text, and button colors.
  * **Tip**: Keep it aligned with brand colors for consistency.

***

### 📐 Content Settings

#### **Grid Layout**

* Choose the number of columns per row and adjust horizontal & vertical spacing.
* **Tip**: 2–3 columns on mobile, 4–6 on desktop for best readability.

#### **Scrolling**

* Configure **column spacing**, **scroll direction** (left/right).
* **Scroll speed**: Recommended around **40px**.
* **Enable Edge Blur**: Adds focus to the center content.
* **Desktop Option**: Enable **scroll sync** so the module scrolls horizontally while the page scrolls vertically.

***

### 📱 Social Media Settings

* **Supported Platforms**: Facebook, Instagram, Twitter, TikTok, YouTube, Pinterest, LinkedIn.
* Add **profile picture, nickname, username, and account link**.
* **Tip**: Use authentic brand accounts to build trust.

***

### 🧱 Blocks

* **Image Feed**: Upload an image, add description, select product.
* **Video Feed**: Upload a video, add description, select product.

***

### ✅ Best Practices

1. Use authentic **UGC or social-style content** for stronger engagement.
2. Keep videos short (**10–15s**) for better impact.
3. Link 1–2 products per feed post for clarity.
4. For larger feeds, enable **autoplay scrolling with edge blur**.
5. Works best as a **UGC gallery / social shopping hub**.