How to Add Quick View in WooCommerce

This tutorial will guide you how to add quick view buttons to the products in your WooCommerce store. You can add the button on top of the product image, show the button persistently or only on mouse hover. You can also add the button before or after the product name or the Add to Cart button.

When clicked, the quick view button will display the product details in a quick view lightbox. Customers can quickly view product details, check product options and add the product to the shopping cart via Ajax. If they want to go back shopping, they can simply close the lightbox or use the navigation arrows or products thumbnail carousel to navigate through other products.

Continue reading

WooCommerce Featured Products Carousel

This tutorial will show you how to create WooCommerce featured products carousel and add it to your WordPress page. There are 4 steps in this tutorial:

  • Step 1 - Install Wonder Carousel
  • Step 2 - Create WooCommerce featured products carousel
  • Step 3 - Add price, star rating, total sales and Add To Cart button to the carousel
  • Step 4 - Add the WooCommerce featured products carousel to WordPress page

Continue reading

How to create WooCommerce Products Carousel

In this tutorial, we will show you how to create a WooCommerce products carousel. You can select products from a category or multiple categories, or you can select best selling product, featured products or products on sale. You can add product image, title, description, price, star ratings, total sales and Add To Cart button to the carousel, link the carousel image to the product page.

You can view the demos created with this tutorial:

Continue reading