Buy Now
This element allows you to add one or multiple products with “Buy Now” button.
- Select identificator: select products to add “buy now” button
- Checkout type: choose a type
- Checkout with current product only
- Checkout with all products in cart
- Payment information: select a style for payment information page
- Show modal popup
- Redirect to checkout page
- Button type: 2 types
- Solid
- Outline
- Button text
Note: you can also turn on “Buy Now” button for all products via Live Customizer.
Product Attribute
Product Attribute quickly shows all product sharing a common attribute.
Here’s the Product Attribute for all products with size L.
- Per page: enter number of product items per page
- Columns: choose from 1 to 10 columns
- Enable Slider: use slider for product list
- Layout: choose from 4 layout options
- Grid
- Bordered grid
- Masonry
- List
- Item style: choose from 5 styles
- Hover style: choose from 4 styles
- Default
- Scale Image
- Mask Overlay
- 2-Image Preview
- Order by: choose from 8 order options
- Date
- ID
- Author
- Title
- Modified
- Random
- Comment count
- Menu order
- Sort order: change order sorting to ascending or descending order
- Attribute: choose attribute’s name to filter products
- Filter: filter product list based on attribute
Order Tracking Form
Here’s the Order Tracking Form.
By default there are no settings, just make sure that you enabled Visual Composer and used the correct shortcode.
Products
Products quickly shows all products in a list with thumbnail image and name.
- Order: choose from 7 order types
- All products
- Recent products
- Featured products
- Sale-off products
- Best selling products
- Top rated products
- Category
- Products: add products by ID or title
- Per page: enter number of product items per page, enter -1 to show all
- Columns: enter number of columns for product list
- Enable slider: use slider for product list
- Order by: choose from 8 order options
- Sort order: order sorting as ascending or descending
- Layout: choose from 5 layout options
- Grid
- Bordered Grid
- Masonry
- List With Big Thumbnail
- List With Small Thumbnail
- Style: choose from 5 styles
- Hover style: choose from 4 style options
- Default
- Scale Image
- Mask Overlay
- 2-Image Preview
Product
With Product element, you can add a single product section anywhere on your site.
Options:
- Select identificator: enter product ID, SKU, or title
- Style: choose from 5 styles to display product
- Hover style: choose a hover style for product item
- Default
- Scale Image
- Mask Overlay
- 2-Image Preview
- Enable countdown for sale product: display countdown timer (you have to set up sale schedule in product first)
Add To Cart
With this element, you can add the “add to cart” element anywhere on your site.
Options:
- Button Alignment: 3 alignment styles
- Left
- Right
- Center
- Select identificator: enter product ID, SKU, or title to be added to cart button
- Circle icon: display icon in a circle
- Enable wishlist button: display wishlist button
Product Categories
Product Categories quickly shows all categories in a list with thumbnail image and name.
Options:
- Title: enter title for ele
- Exclude: enter IDs of categories to exclude from this section
Note:
- To display only 1 product category, use Product Category element.
- To change the thumbnail of each Product Category, go to WooCommerce > Products > Categories > Edit category > Thumbnail
Product Category
With Product Category, you can showcase your main categories to help customers find them more easily.
Options:
- Product Category: pick up a product category to display
- Show Count: show or hide number of items in that product category
Note:
To display multiple product categories , use Product Categories element.
To change the thumbnail of Product Category, go to WooCommerce > Products > Categories > Edit category > Thumbnail
Product Menu
Use Product Menu shortcode to show a product list from a defined category.
Options:
- Menu title: title for product menu
- Sub-menu Title: subtitle for product menu
- Product Category: the product category that is used for product menu
- Per page: number of product items per page
- Style: pick up a style for the product menu
- Order by: order product items by ascending or descending
- Date
- ID
- Author
- Title
- Modified
- Random
- Comment count
- Menu order
Also choose ascending or descending order
Product Package
With Product Package shortcode, you can set product bundles and encourage the customers to buy set of different products.
Products: enter ID, SKU, or title of the products you want to display to see suggestions