Introduction

 

 

WooCommerce Product Carousel PRO is a simple and fully Responsive Carousel plugin developed for WordPress which comes with lots of useful stunning features. It allows you to create unlimited Product Carousel anywhere on your website you like easily via shortcode and easy admin setting. By using WooCommerce Product Carousel, you can display more products at the same time and let them scroll or navigate automatically so that your visitors can see them all and increase sales of your shop.

Getting Started

System Requirements

To get the best experience of this plugin, we recommend the followings–

  1. PHP 5.6 or later
  2. MySQL 5.6 or later
  3. WordPress 4.6 or later

To be sure about the above requirements contact your hosting vendor.

Installation

Suppose you have installed WordPress. If you do not know how to install WordPress contact your hosting provider or see the document https://codex.wordpress.org/Installing_WordPress.

  1. Login to the admin panel of WordPress
  2. Navigate to the to PluginsAdd NewUpload FileInstall Now. When done, click Activate Plugin.
  3. After activating the WooCommerce Product Carousel Pro plugin, you are ready to use it.

Generate Shortcode

After installing the plugin, we have to create a shortcode. So, to generate the shortcode click on the “Generate Shortcode.”

Or,


Shortcode Options

The shortcode options come out according to the plugin Theme Style and other options. Almost all options are described below –

Options 1-11

 

  1. Shortcode Name: Name the shortcode to identify. (You can set any name.)
  2. Shortcode: Copy the shortcode after submission and paste it into a page/ post/ text widget etc.
  3. Theme: Choose a theme to show on the front-end. There are twenty-eight predefined themes are available in the plugin –

     

  4. Product Type: There are many product types available to show with the shortcode –

    i. Latest Products: Show the latest product.
    ii. Featured Product: Show featured products only.
    iii. Products from Category: After selecting the “Products from Category” option we’ll get an option named “Product Category”. Select some categories to show products from them –

    iv. Exclude Products from Category:  After selecting the “Exclude Products from Category” option, we’ll get an option named “Exclude Category.” Select some categories to show products except the selected categories –

    v. Products from Tag: After selecting the “Products from Tag” option we’ll get an option named “Product Tag.” Select some tags to show products from them –

    vi. Exclude Products from Tag: After selecting the “Exclude Products from Tag” option, we’ll get an option named “Exclude Tag.” Select some tags to show products except the selected tags –

    vii. Best Selling Products: Show the best selling products.
    viii. Top Rated Products: Show the top rated products.
    ix. On Sale Products: Show the on sale products.
    x. Specific Products:  After selecting the “Specific Products” option we’ll get an option named “Products.” Select some products to show them
     

    xi. Most Viewed Products: Show most viewed products.
    xii. Recently Viewed Products: Show recently viewed products.
    xiii. Products form SKU:  After selecting the “Products form SKU” option, we’ll get an option named “Products SKU.” Select some SKU to show products from them –

    xiv. Products from Attribute: After selecting the “Products from Attribute” option we’ll get two option to write attribute slug and attribute terms. Write attribute slug in the “Product Attribute” field and write attribute terms in the “Product Attribute Terms”  field to show products from them.

  5. Product Order: Product order Ascending / Descending –
  6. Product OrderBy: Product order by options are –

     

  7. Product Number to Display: Number of products to show at a time.
  8. Product Number to Display in Small Desktop: Number of products to show at a time in small desktop view.
  9. Product Number to Display in Tablet: Number of products to show at a time in tablet view.
  10. Product Number to Display in Mobile: Number of products to show at a time in mobile view.
  11. Publish: After setting all the options of the shortcode click on publish.

Options 12-24

12. Title Text Transform: 
     i. Normal: The output will remain same as we type.
    ii. Uppercase: All the letter will be uppercase(Capital).

13. Title Font Size: Title font size in pixel.

14. Title Color: Set a color for the title.

15. Title Hover Color: Set a color for the title hover.

16. Product Content: Show / Hide product content. ( Depends on theme style.)

17. Word Limit: Set word limit for the product content.

18. Product Content Color: Set a color for the product content.

19. Sale Text: Show / Hide sale text.

20. Sale Text Color: Set a color for the sale text.

21. Sale Text Background: Set a background color for the sale text.

22. Star Rating: Show / Hide star rating.

23. Empty Star Color: Set a color for the empty star.

24. Star Color: Set a color for the filled start.

Options 25-38

 

25. Quick View: Show or Hide the Quick View button.

26. Quick View Button Background: Set a  color for the Quick View button background.

27. Quick View Button Color: Set a color for the  Quick View Button.

28. Quick View Button Border: Set a color for the  Quick View Button Border.

29. Quick View Button Hover Background: Set a hover color for the  Quick View Button Background.

30. Quick View Button Hover Color:  Set a hover color for the Quick View Button.

31. Quick View Button Hover Border:  Set a hover color for the Quick View Button Border.

32. Wishlist: Show / Hide Wishlist button.

33. Wishlist Button Background: Set a color for the Wishlist button background.

34. Wishlist Button Color: Set a color for the Wishlist button.

35. Wishlist Button Border: Set Wishlist button border color.

36. Wishlist Button Hover Background: Set a hover color for the Wishlist button background.

37. Wishlist Button Hover Color: Set a hover color for the Wishlist button.

38. Wishlist Button Hover Border: Set a hover color for the Wishlist button border.

 

Options 39-52

 

39. GreyScale: On / Off the GreScale switch to make the images black and white.

40. Price: On / Off the price switch to show /hide the price.

41. Price Color: Set a price color.

42. Del(Discount) Price Color: Set a Del Price( previous price on sale) color.

43. Add to Cart Button: Show / Hide Add to Cart Button.

44. Button Text Transform: Button Text Transform helps to keep the text normal or Uppercase.

45. Add to Cart Button Color: Set a color for the Add to Cart Button.

46. Add to Cart Button Background: Set a color for the Add to Cart Button Background.

47. Add to Cart Button Border: Set a color for the Add to Cart Button Border.

48. Add to Cart Button Hover Color: Set a hover color for the Add to Cart Button Background.

49. Add to Cart Button Hover Background: Set a hover color for the Add to Cart Button Background.

50. Add to Cart Button Hover Border: Set a hover color for the Add to Cart Button Border.

51. View Cart Button Color: Set a color for the View Cart Button.

52. View Cart Button Background: Set a color for the View Cart Button Background.

Options 53-63

53. Stop on Hover: On the switch to stop the carousel on hover(mouse over).

54. Pagination: Show / Hide Pagination.

55. Pagination Number: Show numeric pagination or dots.

56. Pagination Color: Set a color for the pagination.

57. Pagination Background: Set a color for the pagination background.

58. Pagination Active Color: Set pagination active color.

59. Pagination Active Background: Set pagination active background color.

60. Adaptive Height: On / Off adaptive height.

61. AutoPlay: On / Off AutoPlay.

62. AuoPlay Speed: Set AutoPlay speed in the millisecond.

63. Slide Speed: Set slide speed in the millisecond.

 

Options 64-80

64. Navigation: Show / Hide navigation.

65. Navigation Style: Set a navigation style –

 

66. Navigation Position: Set navigation position –

 

67. Nav Background: Set a color for the Nav Background.

68. Nav Color: Set Nav Color.

69. Nav Border Color: Set nav border color.

70. Nav Hover Background: Set hover color for navigation background.

71. Nav Hover Color: Set navigation hover color.

72. Nav Border Hover Color: Set a hover color for the nav border.

73. Slides to scroll: Number of slides to scroll at a time.

74. Total products to show: Total number of products to show.

75. Image Border: Show / Hide  product image border.

76. Image Border Color: Set a color for the image border.

77. Image Hard Crop:  Product image hard crop or not.

78. Image Width: Set product image width.

79. Image Height: Set product image height.

80. RTL: On / Off RTL mode. To activate RTL mode, admin dashboard should have set in a RTL language.


Conclusion