Hyper Theme
Hyper Theme
Theme Sections

Shop the feed

3 min read
image

The Shop the Feed section allows you to display short-form video or image cards styled like TikTok or Instagram posts. Each post can feature:

  • A social media-style layout
  • Video autoplay on hover (desktop)
  • Product tag and direct shopping link

๐Ÿ“น Perfect for influencer content, real user reviews, or behind-the-scenes storytelling.

How to add a Shop the feed section to your Shopify store

Steps:

  1. In the theme editor (Customize), click Add section.
  2. Locate Shop the feed.
  3. Make necessary changes.
  4. Save.

How to edit a Shop the feed section

Section settings

General

  • Color scheme: Choose a theme color preset. Learn more: Colors

Section header

Grid settings

  • Number of columns on desktop: Choose how many posts show in a row (2โ€“6).
  • Column gap / Row gap: Control spacing between cards.
image
  • Enable carousel on desktop: Toggle to make the feed swipeable (good for larger lists).
image

Card settings

  • Color scheme: Set a specific color scheme for the feed cards.
  • Image ratio: Choose between Adapt to image, Square, Portrait (3:4), or Landscape.

Mobile layout

  • Enable swipe on mobile: Activate swipe interaction for smoother mobile experience.

If disabled, the video feeds display in grid layout.

image

Block settings

Each video/image card is added as a block:

Media

  • Image: Thumbnail to display if the video doesn't play or for fallback.
  • Video: Upload a short .mp4 file (recommended size: under 5MB for performance).

Videos play automatically on hover on desktop. ๐Ÿ”

Info

  • Link: Optional link for the card (e.g., blog, product, collection).
  • Avatar: Upload the influencer or author profile picture.
  • Author: Name of the influencer or social media poster.
  • Account: Social handle (e.g., @glamourgirl).
  • Icon: Choose a social media platform (TikTok, Instagram, YouTube, etc.).

Product

  • Product: Connect the post to a product on your store. The product name and icon will display below the video.

Best practices

โœ… Keep videos short (under 10s) for better performance and engagement.

โœ… Link each video to a product to increase click-through.

FAQs

Do video autoplay?

๐Ÿ‘‰ Yes, on desktop they autoplay when users hover over the card.

Why isnโ€™t my video playing on mobile?

๐Ÿ‘‰ Mobile browsers often block autoplay by default. Use the image fallback or encourage touch-to-play.

Last updated