WooSmart is a powerful WooCommerce extension that gives you opportunity to easily showcase your WooCommerce Products beautifully anywhere of your web-pages. This plugin supports different layouts and provides lots of customizing options. It is an easy to use plugin packed with 15+ smartly designed layouts. It is integrated with smart wishlist and lightbox effects to showcase your online products.
The installation process of WooSmart Plugin is quite simple and straightforward, and shouldn't cause you any troubles at all. Independent of you previous experience with WordPress plugins, you aren't likely to have any problems, just follow these simple steps:
Download & install Envato Market plugin
This plugin can install WordPress themes and plugins purchased from ThemeForest & CodeCanyon by connecting with the Envato Market API using a secure OAuth personal token. Once your themes & plugins are installed WordPress will periodically check for updates, so keeping your items up to date is as simple as a few clicks.
If you download new plugin version from CodeCanyon please follow these steps to upgrade from the existing version:
1. Go to your FTP and open WordPress plugins folder
2. Delete the old WooSmart | Products Catalog and Showcase for WooCommerce version folder
3. Upload the new version of WooSmart | Products Catalog and Showcase for WooCommerce
4. Go to WP-admin panel, open Plugins section.
5. Deactivate WooSmart | Products Catalog and Showcase for WooCommerce, and then activate it again.
STEP 1: At the beginning, You must have installed WooSmart plugin and WPBakery Page Builder plugin in your wordpress site.
STEP 2: Then you will edit a page and choose the backend editor and click on Add Element button.
STEP 3: Now you will find an Elements chart. From there click on tab "by Fluent-Themes Shortcode". There is showing all the WooSmart Elements to choose from. Now you can choose FT- Woosmart Layout-1 or any other element you like.
STEP 4: You will get a popup of FT- Woosmart Layout-1 setting fields. Now you have to fill up the fields as your needs. All the fields are self-explanatory, for example choosing product category from dropdown, choosing how many products to show, choosing color of buttons etc.
STEP 5: Click on Save changes button and publish or update the page. That's all.
You can easily use shortcode
[woosmart_layout1 cat_id="1"] to show Products whose category ID is 1. In the following table we are explaining all the parameters of the shortcodes you can use in your pages/posts to show your WooCommerce Products:
|wishlist||Choose Page for Wishlist||
|order||Choose Products Order (ASC or DESC)||
|orderby||Choose Products Sorting Orderby||
|post_per_page||Number of Products to Show||
|title_color||Product Title Color||
|btn_bg_color||Button Background Color||
|btn_text_color||Button Text Color||
|box_bg_color||Box Background Color||
|box_border_color||Box Border Color||
|sale_badge_bg||Badge Background Color||
|hover_image||Enable/Disable Hover Image Gallery||
|Example of Using Multiple Parameters in One Shortcode||