Pebble Theme
Theme Sections

Collection links: Background

3 min read
image

Showcase your collections with bold background imagery and clickable links, helping customers quickly explore and discover your products.

  1. In the theme editor (Customize), click Add section.
  2. Select Collection links: Background section.
  3. Make necessary changes.
  4. Save.

Section settings

✨ Check out other Collection links: Background section settings: Common settings available in most sections

Block settings

The Collection links: Background section includes two main blocks: Header and Collection. The Collection block also contains a Product block.

image

Use the Header block to create and customize the section’s heading and introductory content.

SettingDescription
AlignmentSet the header alignment: left, center, or right.
DevicesSwitch between desktop and mobile padding settings.
BottomAdjust the spacing below the header.

📦 Nested dynamic blocks

  • Heading – Add a main title
  • Subheading – Provide supporting text above or below the heading
  • Text – Include additional descriptions or details
  • Image – Display an image or icon
  • Button – Add a call-to-action
📝 Learn more: Basic
image

Feature a collection with a custom image, title, and description.

SettingDescription
CollectionSelect the collection to display in this block.
Background imageUpload a custom background image for the collection.
Background image mobileSet a separate background image optimized for mobile devices.
Media overlayEnable or disable an overlay on top of the background image.
Overlay colorChoose the color and opacity of the image overlay.
Collection title – TextEnter a custom title or leave blank to use the collection’s default name.
DescriptionAdd a custom description or leave blank to use the collection’s description.

📦 Nested dynamic blocks

image

Display a product card with key details, features, and a clear call-to-action.

📦 Nested dynamic blocks

  • Heading – Add a main title
  • Subheading – Provide supporting text above or below the heading
  • Product title – Display the name of the selected product
  • Text – Add supporting product details or description
  • Icon list – Highlight key features with icons
  • Button – Add a call-to-action for the product
📝 Learn more: Basic
Last updated