Get a fast, conversion-focused WooCommerce theme in 2021. Switch to Shoptimizer.

Home Documentation Shoptimizer Elementor Create the 3 homepage features

Create the 3 homepage features

To recreate the 3 homepage features underneath the hero image, read on.

Step One

First, within the Elementor page builder create a three column layout.

Step Two

Next, drag and drop the image widget from the left Elementor sidebar into one of the columns.

Step Three

Now, add your own image to the ‘Choose image‘ field. You should change the Caption to Custom Caption and paste the following into the input box below it.

<strong>Men’s Shirts</strong><em>from $40</em><span>Shop Now</span>

Also, change the ‘Link to’ to Custom URL and add a # – replacing this with the link you want the feature to go to.

Step Four

Finally, switch to the Advanced tab at the top. Within the CSS Classes field add: image-feature


Change the overlay opacity

You can adjust the dark layer over the image with a small snippet of CSS, added to: Appearance > Customize > Additional CSS.

The last number 0.05 reduces it to 5% – the theme default is 0.45 – or 45% opacity.


Do you want a whopping $50 off Shoptimizer for WooCommerce?

Click the button below to get Shoptimizer for only $49. (Regular price: $99).
This is a special launch offer for today only.
Get it before it is gone!