Creating a Filterable Woo Products Sidebar - DiviMenus Flex
Take advantage of the "Sub" link type included by the "DiviMenus Flex" module to reveal Divi "Sidebar" modules as a Product Filter by categories!
👉 CODE
1. Paste this into Woo Products - Advanced - CSS Class:
dd-shop
2. Paste this into Divi - Theme Options - Custom CSS:
.dd-shop.et_pb_shop li.product a {
display: flex;
align-items: center;
}
.dd-shop.et_pb_shop ul.products {
margin:0!important;
}
3. Paste this into Woo Products - Advanced - Custom CSS - Image:
max-width: 70px;
margin-right: 5px;
4. Paste this into Woo Products - Advanced - Custom CSS - Product:
margin: 0!important;
✅ That's it! Happy Building! 🥳
SEE ALSO:
👉 Creating a MegaMenu with Filterable Products
• Creating a MegaMenu with Filterable Produc...
👉 Revealing a Fixed Vertical Navigation from a Horizontal DiviMenu
• Revealing a Fixed Vertical Navigation from...
👉 Recreating a Select Dropdown
• Recreating a Select Dropdown - DiviMenus
👉 RED MEGAMENU - How It's Made
• RED MEGAMENU - How this Layout Was Made
Learn more:
https://dondivi.com/documentation/div...
Divi Marketplace
https://www.elegantthemes.com/marketp...
____
💜 DonDivi
We create premium tools for improving your creativity and simplifying the way to design stunning websites with Divi.