WooLayout Injector has been a go to for thousands of Divi users who want to style their product pages, archives and checkouts in WooCommerce using the Divi theme. We did a top to bottom drill down of Woo Layout Injector sometime ago and produced this instruction document.
Today we focus only on the LOOP item which can be a little confusing – This post is Courtesy of Colin Falcon a Web Developer who lives in the Northern Part of the UK and is taken from a recent Facebook post he did concerning the LOOP item in woo Layout Injector – well done Colin.
The Loop Archive is a collection of Loop Items displayed on a Category or Archive page.
The image below is a custom Category page (I have eight of them) built using an image/title/image/text THEN the Loop Archive module below them.
LOOP ITEM Builder Image
Example #2 – The Loop Archive
The Loop Archive is a collection of Loop Items displayed on a Category or Archive page.
The image below is a custom Category page (I have eight of them) built using an image/title/image/text THEN the Loop Archive module below them
Example #3 – The ACTUAL Loop Archive
this is just a simple builder layout which is the default way all Categories/Archives will be laid out if you don’t include any other modules (which I have in the Category layout). This can include Title/Sidebar etc
Example #4 – Product layout
As you know the WLI let’s you build custom Product layouts (see image) and assign each Produst it’s own custom layout, should you desire. On my current build I’m using three different product layouts, but each one includes:
Product image
Product thumbs
Add to cart
Tabs
Related Items
You can see Colin’s work on Daisy and Bump in action here and a special thanks to Colin for jumping in and advising people on how best to use the Woo Layout Injector and showing us all what can be achieved with a little bit of thought and using the plugin on all your Woo Commerce enabled product pages, archives, taxonomies and checkouts. Even Better News! WLI is now being made to work perfectly within the Visual Builder – with over 30 modules its been hard work but you will soon see the updated version in our store and in your WLI update notifications if you are a current user.
