Shop

Library item: "Dawn Shop"

You can insert the “Dawn Shop” module into your pages by inserting it as a module from the module library.

The Divi Shop Module  was made to integrate with the Woocommerce shop Plugin.

For this module to display something, there should be an number of products present in your shop.

To learn more about how you can set up your products & Woocommerce shop, read the Woocommerce documentation here.

On the general tab of the module you can choose how many columns to display in your shop module. 4 columns should be used for a 1 column row. 3 columns should be used for a 3/4 row column. 2 column should be used for a 1/2 row column. 1 column should be used for a 1/4 row column.

By choosing the type of products you would like to display for the Shop module you are configuring, you can create different pages for your shop, or even different sections for your shop on one page (by inserting several modules underneath each other on the same page, with differing settings on what to display). You can also choose Recent Products which will display all of your products in chronological order, Featured Products, Sale Products, Best Selling Products, or Top Rated Products. With these settings you could create attention grabbing strips at the top of pages with sale or new items. You can insert the shop module anywhere on your site, so you can for example also use it to display a strip of sale or new items on your homepage.

You can also specify how many products you’d like to show in the “Post Number” field, and specify the order in which your products should appear with the “Order By” field.

On the Design Tab you can set the colour of the sale label, and also pick an icon for the hover function, and set the colour of the icon.

[divi_help]

[et_pb_shop columns_number=”4″ sale_badge_color=”#f5907c” hover_overlay_color=”rgba(255,255,255,0.55)” hover_icon=”U” admin_label=”Shop”] [/et_pb_shop]

Example of Shop module showing only one row of sale items – could be added at the top of your shop to draw attention to them. The module has been set to only display sale items, and only 4 items in total. The module has been placed on a section with a background colour:

NOW IN SALE:

[et_pb_shop type=”sale” posts_number=”4″ columns_number=”4″ sale_badge_color=”#f5907c” hover_overlay_color=”rgba(255,255,255,0.55)” hover_icon=”U” saved_tabs=”all”][/et_pb_shop]