Support Center

Handpicked articles

This component allows you to manually choose and display articles from Pages > All pages in the store’s admin panel, regardless if they are linked or related to a Page category.

Next, you can find the list of options that will allow you to customize it:

Pages to display

Here you can choose the articles you want to display within the component.


Width

Allows to define the maximum width that the component will stretch to the browser window.

You can read more about how this option will affect the component on this page.


Columns

You will find two options to define the amount of columns in which articles will be displayed, for desktop and mobile devices.

In the case of the Desktop option, articles will behave as explained here:

  • 1 column: the image and content will align horizontally on desktop devices, and vertically when seen on a mobile device.
  • 2 or 3 columns: the image will display first, followed by the content below, for all devices.

When choosing 2 columns on the Mobile option, they will arrange like that on devices with a width between 419px and 575px.

On devices ≤418px they will always display in just 1 column, to preserve a proper readibility and display of the information within them.


Width

Allows to define the maximum width that the component will stretch to the browser window.

You can read more about how this option will affect the component on this page.


Display

Allows to define if the component content will be displayed within a section of type Carousel or Grid.

You can read more about the differences between these two types on this page.


This group of options will become visible when you choose Carousel, and they will allow you to customize its behavior.

You can find the full list of options on this page.


Heading options

By enabling this, a Heading section will be displayed before the component’s content. You can find the list of options on this page.


Appearance

This group contains the following options to customize the component:

  • Top margin: allows to control the upper margin of the section.
  • Bottom margin: allows to control the lower margin of the section.
  • Content colors: allows to choose the Color Pack for the component.

Animations

The Customize options allows to adjust the animations for this specific component. You can read which ones are available on this page.

Start your journey with us!

Start your free 7-day trial. No credit card required.