Pebble Theme
Theme Sections

Products highlight

3 min read
image

Display featured products in a visually engaging layout designed to capture attention, showcase product details, and guide customers toward making a purchase.

How to add a Products highlight section to your Shopify store

  1. In the theme editor (Customize), click Add section.
  2. Select Products highlight section.
  3. Make necessary changes.
  4. Save.

How to customize a Products highlight section

Section settings

SettingDescription
ProductsSelect the products you want to highlight in this section (up to 50 items).
Desktop image positionChoose between left or right for the image layout.
Color scheme

Choose a color scheme to apply to the section's background and text.
Learn more: Colors

The Products highlight section includes

  • 2 static blocks:

Best practices

Number of products

  • Recommended: 1–5 products
  • Products highlight section is designed to highlight key items, not replace a full product grid. Try to feature products that appear in the banner image or video.
  • Fewer products help keep the message clear and impactful.
image

Media quality

  • Images
    • Use high-quality images
    • Prefer .webp format when available for better performance
  • Videos
    • Enable video looping for a smooth, seamless viewing experience.
    • Avoid large file sizes to maintain fast loading
  • The image container is always larger than the video.
  • If the video size is set larger than the image, the image aspect ratio setting will not apply.

Example:

  • Video ratio: Portrait (4:5)
  • Image ratio: Landscape (16:9)

In this case, the image ratio will be automatically adjusted to fit the video, and the selected image aspect ratio will not work as expected.

👉 Tip: For best results, keep the image and video aspect ratios consistent.

Last updated