Download a FREE Product Category Page Template for Divi’s Spice Shop Layout Pack

by | Jul 28, 2021 | Etcetera | 0 comments

Whats up Divi Country! Thank you for becoming a member of us for the following installment of our weekly Divi Design Initiative the place each and every week, we give away logo new freebies. This time round we’re construction upon the Spice Shop Layout Pack with a brand spanking new product class web page template that fits the remainder of the format pack completely. Hope you revel in it!

spice shop product category page template

Obtain The Product Class Web page Template For The Spice Store Format Pack

To put your palms at the unfastened product class web page template, you’re going to first wish to obtain it the use of the button underneath. To achieve get entry to to the obtain it is important to subscribe to our Divi Day by day electronic mail listing through the use of the shape underneath. As a brand new subscriber, you’re going to obtain much more Divi goodness and a unfastened Divi Format pack each and every Monday! If you happen to’re already at the listing, merely input your electronic mail deal with underneath and click on obtain. You are going to now not be “resubscribed” or obtain additional emails.

.et_bloom .et_bloom_optin_1 .et_bloom_form_content { background-color: #4843d2 !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header { background-color: #ffffff !vital; } .et_bloom .et_bloom_optin_1 .carrot_edge .et_bloom_form_content:earlier than { border-top-color: #ffffff !vital; } .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:earlier than, .et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:earlier than { border-top-color: clear !vital; border-left-color: #ffffff !vital; }
@media handiest display and ( max-width: 767px ) {.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_right .et_bloom_form_content:earlier than { border-top-color: #ffffff !vital; border-left-color: clear !vital; }.et_bloom .et_bloom_optin_1 .carrot_edge.et_bloom_form_left .et_bloom_form_content:after { border-bottom-color: #ffffff !vital; border-left-color: clear !vital; }
}.et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_fields i { colour: #f92c8b !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_form_content .et_bloom_custom_field_radio i:earlier than { background: #f92c8b !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_border_solid { border-color: #f7f9fb !vital } .et_bloom .et_bloom_optin_1 .et_bloom_form_content button { background-color: #f92c8b !vital; } .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2 sturdy { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; }.et_bloom .et_bloom_optin_1 .et_bloom_form_container p, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p span, .et_bloom .et_bloom_optin_1 .et_bloom_form_container p sturdy, .et_bloom .et_bloom_optin_1 .et_bloom_form_container shape enter, .et_bloom .et_bloom_optin_1 .et_bloom_form_container shape button span { font-family: “Open Sans”, Helvetica, Arial, Lucida, sans-serif; } p.et_bloom_popup_input { padding-bottom: 0 !vital;}

Download For Free

See also  Using Basic Captcha vs ReCaptcha in Divi’s Contact Form Module

Obtain For Unfastened

Sign up for the Divi Publication and we will be able to electronic mail you a replica of without equal Divi Touchdown Web page Format Pack, plus heaps of alternative superb and unfastened Divi sources, guidelines and tips. Observe alongside and you’re going to be a Divi grasp very quickly. In case you are already subscribed merely kind to your electronic mail deal with underneath and click on obtain to get entry to the format pack.

You’ve effectively subscribed. Please test your electronic mail deal with to substantiate your subscription and get get entry to to unfastened weekly Divi format packs!

The best way to Add The Template

Cross to Divi Theme Builder

To add the template, navigate to the Divi Theme Builder within the backend of your WordPress site.

spice shop product category page template

Add Web page Template

Then, within the height proper nook, you’ll see an icon with two arrows. Click on at the icon.

spice shop product category page template

Navigate to the import tab, add the JSON record which you have been ready to obtain on this publish, and click on on ‘Import Divi Theme Builder Templates’.

spice shop product category page template

Save Divi Theme Builder Adjustments

When you’ve uploaded the record, you’ll understand a brand new template with a brand new frame space that has been assigned to All Product Class Pages. Save the Divi Theme Builder adjustments once you wish to have the template to be activated.

spice shop product category page template

The best way to Regulate The Template

Open Product Class Web page Template

To change the template’s components, get started through opening the template.

See also  New Starter Site For Stylists (Quick Install)

spice shop product category page template

Within the Frame Format Editor, you’ll be able to edit the design at the entrance finish the use of the Divi Builder identical to you possibly can with a typical Divi web page.

spice shop product category page template

Concerning the Template

This Product Class Web page template is most commonly constructed with dynamic components that can paintings together with your product class pages straight away. The Store Module inside of this template does the filtering. Relying on what class web page you’ll land, it is going to handiest display related merchandise inside of that class.

spice shop product category page template

Replace Static Content material and Hyperlink URLs Inside of Template

Be sure to adjust all of the static content material on the finish of the product class template so it fits your site. And replace the hyperlink URLs for any modules used as a button or CTA.

spice shop product category page template

Construct Sidebar in Backend of Your WordPress Web page

You’ll be able to display anything else you wish to have throughout the sidebar of your product class web page template. You’ll be able to customise the sidebar through going for your WordPress Dashboard > Widgets > Including anything else you wish to have to the Sidebar space. You’ll be able to, as an example, upload an inventory of product classes.

spice shop product category page template

As soon as up to date, it is possible for you to to look and edit the manner of the content material the use of the Sidebar Module within the Divi Builder.

New Freebies Each and every Week!

We are hoping you’ve loved the Spice Store Format Pack and the Product Class Web page template freebie that is going at the side of it. We sit up for listening to your reviews within the remark segment underneath. You’ll want to test again subsequent week for extra freebies!

See also  Those 20 A/B Checking out Variables Measure A success Advertising and marketing Campaigns

The publish Download a FREE Product Category Page Template for Divi’s Spice Shop Layout Pack seemed first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment

DON'T LET YOUR WEBSITE GET DESTROYED BY HACKERS!

Get your FREE copy of our Cyber Security for WordPress® whitepaper.

You'll also get exclusive access to discounts that are only found at the bottom of our WP CyberSec whitepaper.

You have Successfully Subscribed!