Feature Collection V2

Modified on Fri, 19 Apr 2024 at 02:04 PM

TABLE OF CONTENTS



I. FEATURE COLLECTION V2


1. General settings


Layout Mode: Boxed/ Wide 

- Background image: upload an image

- Background color: select a color for background

- Section margin: following the order - top right bottom left (Desktop, Tablet, Mobile respectively)  

- Section padding: following the order - top right bottom left (Desktop, Tablet, Mobile respectively)  



2. Block product


Heading: insert the text (If you want to set up the specific style for heading, you can click on Add block to add Heading style )
Collectionselect a collection to display its products on the block 

Number items per row: enter the number to set the amount of items showing in a row. Add a comma to set for other devices. Eg: 2,1 (Desktop, Mobile respectively) 

- Product item style: select a style (Grid/ List V1/ List V2/ List V3)

Spacing between items: tick to add space between items 
Limit: drag to limit total of the products showing in the section 



3. Slider settings


- Tick to enable features

  • Loop: once the slideshow reaches the end, it repeats from the beginning.
  • Controls: it will appear an arrow to move to the next slide
  • Dots: used as indicators to show the number of slides or images within the slideshow and to provide users with a visual cue of their current position within the sequence of slides.
  • Autoplay

- Change slide every (s): set the switch time for each slide




II. HEADING STYLE

- As the default, the heading style will base on Heading section setting (Theme settings > Typography >Heading section).
If you want to set up the specific style for heading, you can click on Add block to add Heading style 

- To modify Heading style, you can adjust these options:

  • Alignment
  • Margin
  • Text color
  • Font size
  • Font weight
  • Line height


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article