Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Ocolus - Featured product

Annie

Written by Annie

Last updated

424 views

On this page


Here is an amazing section that will help you to show a Product on the Homepage. You can show all information of the product in this section and customers also can add the product to Cart in this section.

11.png

Steps: In the theme editor (Customize) > Add section > Featured Product > Save.

1. Featured product settings

GENERAL OPTIONS

  • You can choose a product to show in this section and change the featured image.

  • Enable sticky product information on large screens

  • Enable center product information

12.png

MEDIA

  • You can config Media layout, Media size, Thumbnail left/right size, Media ratio, Media position.

  • Config Image action, Zoom type, enable zoom, wishlist, compare buttons

  • Enable video looping, muting, autoplaying (if you have a video for product media)

PRODUCT SLIDER

  • Slider effect: Fade or Slide

  • Prev next buttons: enable them and change Visible, Button style, Button color, Button size, etc...

  • Page dots: enable and change some styles

15.png

DESIGN OPTIONS

  • Please follow this guideline to config Layout, Background, Margin/Padding for the section.

2. Featured product contents

16.png

Go to Featured product > Add block > choose block you want to add here. You can add many blocks in Featured product section as a Product Main.

block.gif

You can check the guideline for these blocks in Product Page, it is the same as Featured product.


Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.