FOURCORE.DOCS
Esses docs menu

Featured collection#

Show products from one collection in a grid, sliding row, or timing tower.

Add this section#

Select Add section > Featured collection on the template you want to edit.

Settings#

The settings below follow the same order as the theme editor.

General settings#

  • Collection: Choose a collection.
  • Heading: Enter the text to show. Leave empty to use the collection's title.
  • Text: Enter and format the text. Leave empty to use the collection's description.
  • Image: Choose an image from your library. Leave empty to use the collection's image. 1000 x 1400px recommended.
  • Show product count: Turn this on or off.
  • Button label: Enter the text to show.

Products#

  • Products to show: Use the slider from 2 to 12.
  • Layout: Choose Carousel or Grid.
  • Columns: Use the slider from 2 to 4.
  • Panel style: Choose Photo or Timing tower. Timing tower lists the products by position, like a race timing screen, with the image at the top.
  • Position: Choose Start or End. Where the collection panel sits.
  • Color scheme: Choose a color scheme from Theme settings > Colors.
  • Panel color scheme: Choose a color scheme from Theme settings > Colors.

Section padding#

  • Top padding: Use the slider from 0 to 160 px.
  • Bottom padding: Use the slider from 0 to 160 px.
  • Fade edges: Turn this on or off. The edges fade out softly where more content waits.

Mobile layout#

  • Layout: Choose Carousel or Grid.
  • Columns: Choose 1 or 2.
  • Show text: Turn this on or off. The panel's text under the heading. Hidden on phones to keep the panel short.
  • Top padding: Use the slider from 0 to 120 px.
  • Bottom padding: Use the slider from 0 to 120 px.

Blocks#

This section does not use blocks.

Tips#

  • Add your real content before fine-tuning spacing and colors.
  • Check the section at both computer and phone widths. Use Mobile layout for the phone-specific choices.