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

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

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

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