I hope you enjoy reading our blog posts. If you want DCP to build you an awesome website, click here.
22-04-2021
BackIn this video tutorial, I will show you how to back image fade in your WooCommerce shop category pages.
Below, you can view a step-by-step video tutorial guide on how to set up back image fade for product listing in your WooCommerce shop.
Note: In this tutorial, I will be using the latest Flatsome WooCommerce Theme.
Tip: View this article for adding basic products to WooCommerce.
Tip: View this article for adding product variations to WooCommerce.
How to add image back fade to WooCommerce shop product listings
Back image fade on product listings allows a user to hover over a picture and automatically see a different view of the product. At DCP we often use this feature when building a website that contains clothing items. The back image fade can be used on any type of product listing which has more than a single image.
To use the back image fade in WooComemrce you need to have a minimum of two images.
Flatsome supports two different back image fade styles:
In WooCommerce using the Flatsome theme, the default category view will show the back image fade. If you add custom product listings on your home page then you need to make sure the rollover effect for the product module is set to default.
At DCP Web Designers we use the Flatsome Theme as this theme is highly customisable. The theme you select will determine the amount of control you have over your website. Faltsome is great for building customised eCommerce website solutions.
Article created by: Pankaj Shah | DCP WooCommerce Web Designers
Thank you for contacting us.
We will reply to you in next 2 working days.
28-11-2022
30 essential tips for improving your web design in 2022
How to improve my business website? - This is probably one of the most frequent questions I am asked by my web development clients. It is not a simple question to answer as every client website project is different, but there are some common aspects of web design which all business can take advantage of.
Thank you for contacting us.
We will reply to you in next 2 working days.