Single Product

Modified on Fri, 19 Apr 2024 at 12:00 PM



1. General settings

- Layout Mode: Wide/ Boxed
- Style: drag or enter the number to select the style for this section
- Section margin: following the order Top Right Bottom Left (visit the link to know how to insert values correctly)

- Section padding: following the order Top Right Bottom Left

2. Backgound settings

Background color: select the color 

- Background image: upload an image

3. Layout settings

- Headingenter the text to set heading for this 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: 4,3,2 (Desktop, Tablet, Mobile respectively)  

Spacing between items: tick to add space between items  (Only for Style 3 & 4)

Limit: drag to limit total of the products showing in the section 

4. 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


1. Block item

A block item is a specific content element or component within a section.
To set up a block item, you can modify:
- Product: select a product to display

- Textbox (Only for Style 1):

  • Image: select a image to display
  • Text color
  • Enter the text for Text and Subtexts

2. 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