Suitable products finder

Section settings

General settings

Setting
Description

Section width

3 options for container

  • Stretch width: span the section width regardless of screen size.

  • Fixed width: depends on your page content width in Theme settings -> Layout.

  • Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.

Color scheme

Select colors from Theme settings -> Colors

Image width

Customize the size of the image

Media style

3 option to shape your media:

  • Default

  • Rounded

  • Oval

Subheading

The subheading of the section

Heading

The title of the section

Enable heading underline animation

Enable heading underline animation

Underline style

Select Underline style

Underline color

Customize Underline color

Description

The description of the section

Heading size

The size of the title:

  • Small

  • Medium

  • Large

Alignment

The position of the heading and description.

  • Left

  • Center

  • Right

Range slider

Setting
Description

Show range slider

Background radient

The image ratio for the featured images of the blog posts:

  • Adapt to image - Uses the aspect ratio of the images. This prevents the images from being cropped.

  • Portrait - Crops the images to use a 3:4 ratio.

  • Square - Crops the images to use a 1:1 ratio

  • Landscape - Crops the images to use a 4:3 ratio

Maximum items to show

Limit the display of the number of posts. Minimum: 2. Maximum: 12

Items per row on desktop

Number of columns to display on desktop computers. Minimum: 2. Maximum: 4.

Column gap

4 options for column gap

  • No gap

  • Small

  • Medium

  • Large

Show category

Display blog categories

Show date

Display post creation date

Show author

Display post author

Show excerpts

Display a short post excerpt

Setting
Description

Maximum items to show

Limit the display of the number of posts.

Items per row on desktop

Number of columns to display on desktop computers.

Enable carousel

When enabled, the section will be displayed in carousel format

Column gap

4 options for column gap

  • No gap

  • Small

  • Medium

  • Large

Show navigation

Display the next and back controls for the carousel

Show pagination

Display the pagination for the carousel

Reveal next slide

Display a part of the upcoming slide.

Items per row on mobile

Number of columns to display on mobile devices.

Section padding

Setting
Description

Top

Customize the top margin of the section

Bottom

Customize the bottom margin of the section

Section divider

Setting
Description

Show divider

Display a dividing line to separate from the previous section.

Block setting

Setting
Description

Collection

Select a collection to show

Image

Use an image as the current collection's thumbnail

Title

Set a new title for your collection or leave it blank to use the collection's title

Last updated