Woo Layout Injector

Woo Layout Injector is one of the most brilliant plugin, that allows you to have complete control over your Woo commerce website by letting you style WooCommerce single product pages, the shop page, the product category pages, the cart page, the checkout page and the my account pages.

We will quickly install the plugin via following steps:

  • Go to Plugins in the WordPress dashboard.
  • Select Add New.
  • Click Choose File and navigate to the plugin file on your computer and select it.
  • Click Install Now and wait for the plugin to upload.
To activate your license:

1. Go to Plugins in the dashboard menu.
2. Select Woo Layout Injector
3. Enter your license key.
4. Select Activate License.

Woo Layout Injector is now ready to use.

Woo Layout Injector settings can be accessed under the WooCommerce section. Here, you can enable/disable features like Header Mini Cart, Zoom feature, cross sells, label to be displayed on Add to Cart button. Sale Badge location for archive/single product pages can be set right from here.
One can design templates and save it in the Divi Library and can set different layouts for shop page/archive page/ checkout page/ my account/ cart page/empty cart page. Woo Layout Injector is flexible enough to let you set different layouts for different categories.

Product Page

This is how the default product page looks like. Now Woo Layout Injector allows you to build a custom product page using through Divi Library.
1.Go to Divi Library and Click on Add New Layout
2. Name the Layout and set it as a template
After designing the template and saving it in Divi Library do not forget to go to the Woo Layout Injector Setting and select Woo Single Product Template from dropdown in the Single Product Page Section.

Similarly, We will design other pages and assign them.

Cart Page

Here is the default Cart Page and now we are going to customize it using Woo Layout Injector.
This is how you can style your cart page. In order to remove the sidebar you need to copy the short code from default editor and paste it in any text module using the Divi Theme.
You have options to remove the coupon option from the module settings( Woo Add to Cart ).And also several other styling options similar to other modules of Divi Builder.

Checkout Page

This is the default checkout Page.
This is how you can design the checkout page according to your preferences.

Account Page

Here is the default account page followed by the custom account page.

Shop Page

We are next going to see how to design the shop page.
This is just a basic demo of how you can design your shop page. There are innumerable options to experiment with, in order to get your desired results.

Sale Badges

Woo Layout Injector also allows you to display products which are on sale with the help of the sale badge settings.

Modules

There are no fewer than custom 37 modules available to you using Woo Injector. Each has a purpose and a place to be used with the bulk of them being universal. Details below:

Checkout Modules

• Billing Address
• Shipping Address
• Checkout Coupon – so you can position the coupon form anywhere you like and style accordingly
• Checkout Review – so you can see what you’re about to buy
• Checkout Payment – final pay now button and links to the payment processors

Cart modules

• Cart products – the cart/basket itself showing a list of products with their quantities and costs
• Cart Totals – A table showing the total cost and shipping calculator

Account Modules

• Account Page – the account page itself. Used as a container for all of other accounts.
• Account Navigation – the list of links to the account sub-pages.
• Account Downloads – the Downloads Tab
• Account Orders – a list of your orders and receipts
• Account Details – your personal information, a profile
• Account Addresses – a place to set your default billing and shipping details

General Modules

• Content – the product description
• Short Content – the shorter product description/excerpt
• Read More – a simple button to allow you to create links to your product pages easily
• Title – the product title
• Shop Category Title – Similar to the title module except that it shows the title of the category page you’re on
• Notices – notices such as “Product has been added to your cart” etc
• Gallery – the product images with my own zoom/lightbox functionality
• Thumbnails – the additional product images with the option to split and show in various positions on your pages
• Price
• Add to Cart
• Rating – star rating for the product you’re looking at
• Reviews – a separate module if you don’t want the reviews to feature part of the tabs
• Information Tab – a separate module if you don’t want the additional info tab to be part of the tabs
• Tabs – the Woo tab system
• Attribute – display a product attribute and its linked terms
• Product Category
• Meta – showing information such as categories
• General – old and largely unused but it’s a collection of the modules joined together..such as title, price, add to cart and description.
• Breadcrumbs
• Related Products
• Upsells
• Cross Sells

Feature Modules

• Single Product – a handy module to allow you to show a single product on any page on your site
• Loop Archive – a revolutionary approach to layouts whereby two layouts are used, one for the archive itself and another to handle how each product item appears
• Archive – a shop type module to give a basic list or grid of products to be used on simple stores
• Category Archive – Want to show a grid of categories to navigate around your site.. this does that!

More Information
For more information visit https://wppluginsplus.com/