Every WooCommerce element is a separate module so you can design a layout using only the elements you want and placing them anywhere you want. WC Product Builder adds 20 new modules to the Divi Builder to help you build custom product pages. I’ve also added a background and changed the text to light. The description area now shows my layout. I’ve created a layout with the Divi Builder and added a slider. Of course a lot more can be done with the Divi Builder. Other content, such as images, can be added. This is the description area within the product page. The image above shows the standard description. The standard product description area uses the TinyMCE editor. Building a WC Product Builder Product Description Layout You can use the default or choose a new layout from the dropdown box. Layouts for the products are built within the Divi Library. If you’ve enabled it, the Divi Builder is automatically added to the WooCommerce product editor, allowing you to use the Divi Builder to create a layout for the product description area. Using WC Product Builder on WooCommerce Product PostsĪ couple of new features are added to the product page: They’re also available at the developer’s website if you need it. Although it does require you to navigate to this page to get the shortcode, I prefer this to going to another website to get the shortcodes. The Shortcodes tab provides a list of 14 shortcodes so you can copy and paste Woo elements such as descriptions and images within the content area of Divi modules such as text, sliders, tabs, toggles, etc. This allows you use the Divi Builder to create layouts within the product description area of the WooCommerce product editor. I’ve always added this through PHP, but I’d much rather click a button. You can override the default layout for specific products if you want by choosing a new layout on the product page.īe sure to select Enable for the Divi Builder for Product Description. This allows you to create a premade layout with the Divi Builder to set as your default. In the General Settings tab you can choose your default product layout page from a dropdown box. WC Product Builder General Settings and Shortcodes In the dashboard menu, go to Settings, WC Product Builder. Next you’ll need to input your activation key. If you don’t already have WooCommerce activated it will alert you to activate it. Upload and activate the plugin as normal. Images for the examples were taken from Elegant Theme’s free Photo Marketplace layout pack. In this plugin highlight we’ll take a look at the plugin and each of the demos. It also includes 8 demos of product page layouts. It provides every WooCommerce product element as a Divi module (20 Divi modules in all), adds 14 shortcodes so you can place WooCommerce elements within Divi modules on the product page, and adds the Divi Builder to the product pages so you create practically any type of product description layout you can imagine. WC Product Builder from DiviKingdom is one of these plugins. Fortunately there are several third-party plugins made for Divi that do exactly that. Even with themes such as Divi and Extra, there isn’t much that can be done to change the layout. Even with its popularity, WooCommerce product page design is limited. ![]() There’s no question as to the popularity of WooCommerce for WordPress.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |