Output
Style – 1
Style – 2
Style – 3
Style – 4
Settings
Layout
- You can choose Product style
Settings
Product Type
- Choose which product type you want to display in this blocks.
- Select the products to display by Orderby.
- Select the products to display by Order.
- Limit: Drag the slider to select number of products you want to display. set 8 as the default no of product.
- Enable or Disable Container.
- Drag and select column for all screen sizes.
- Enable or Disable Product Center Align.
- Enable or Disable Product White Bg hover.
- Enable or Disable On Sale.
- Enable or Disable Best Selling.
- Enable or Disable Top Rated.
- Enable or Disable Featured.
Responsive settings
- Drag and Select responsive limit.
- Enter responsive class.
Block Title ?
- Enable or Disable Block Title.
- Customize size, color, tag, align for block title.
Block Action Text ?
- Enable or Disable Block Action Text.
- Customize size, color, tag for block action text.
Product Image ?
- Drag and selelct product image border radius.
Product Format ?
- Enable or Disable Product Format.
- Customize size, color, tag for product format.
Product Title ?
- Enable or Disable Product Title.
- Customize size, color, tag for product title.
Product Author ?
- Enable or Disable Product Author.
- Customize size, color, tag for product author.
Product Price ?
- Enable or Disable Product Price.
- Customize size, color, tag for product price.
Add to cart ?
- Enable or Disable Add to Cart.
- Customize size, color, tag foradd to cart.
Compare ?
- Enable or Disable Compare.
- Customize size, color, tag for compare.
Whislist ?
- Enable or Disable Wishlist
- Customize size, color, tag for product format.
Discount Badge ?
- Enable or Disable discount badge
- Customize size, color, tag for discount badge.
Spacing
Drag and select spacing (margin-bottom) for Block title, image, format, title, add to cart, whishlist, compare, price and author.
Block Spacing
- You can adjust block spacing
Responsive
- You can hide block Desktop, Tablet, Mobile.
- You can add additional class in Advanced.
Custom CSS
- You can use this area to further customize your block. Any custom CSS added here will only affect this block.
Advanced
- You can add additional class in Advanced.