Jan 9, 2024 | Tutorials
While Divi Builder empowers us to create stunning layouts, there are instances where its application needs careful consideration. For instance, utilizing Divi Builder for product editing might not be ideal in many scenarios. In this brief guide, we’ll explore...
Nov 8, 2023 | Tutorials
Divi offers a hidden gem in the form of its Scroll Effects feature, allowing you to breathe life into your website with captivating animations. These Scroll Effects can be applied to any element within the Divi builder, from individual modules to entire rows or...
Nov 18, 2022 | Freebies
Download our product loop layout pack. Love WooCommerce and Divi BodyCommerce? We have created our first loop layout pack for you to use to create beautiful online stores. Download Layout Pack To get it all up and running for this layout, you will need to: ...
Mar 11, 2022 | Blog, Code Snippets
NOTE: This is an advanced post aimed at developers. If you were struggling to figure out how to customize your LearnDash templates using your child theme, well, good luck! Just Kidding! It can be a pain to figure out how to customize your LearnDash templates with your...
Feb 15, 2022 | Tutorials
NOTE: We updated this post on 2/15/2022. What is a Divi Pop-Up? Definite the first step in learning How to create a Divi Pop-Up Overlay without a plugin using the Divi Builder, is to define it for those of you that may not know what it is. In Short, a Divi Pop-Up is a...
Dec 23, 2021 | News
Illustration by Jim Blug | @jimblug David Customer Support & Research Analyst You have probably seen his name around but today we want to introduce David to you. We love your brain and the way it works, constantly ticking and analyzing how we can make...
Oct 15, 2021 | Tutorials
Want a section to change content while standing still on scroll? Not sure what we are talking about – or maybe you do – whatever the case, scroll down to see what we are talking about. CreateImpressNo PluginPossibleTry it Can you believe this is done all...
Jul 16, 2021 | News
We have had some reports of Divi Search not working well with WooCommerce and BodyCommerce – it displays a white page. Upon investigation, we discovered that it is actually an issue with the Divi Theme and not something related to our plugins. We did not want to...
Apr 2, 2021 | Freebies
Save BIG with our 2021 Easter Hunt! Join the adventure for up to 30% OFF! This is one of our biggest annual sales and you are just in time to save some BIG. This is no ordinary hunt, so be sure to follow the rules below! The hunt ends on April 9th, 2021. ...
Mar 1, 2021 | Code Snippets, Tutorials
Today we have a quick Snippet for you that will allow you to have your cart totals update automatically as you change the quantity field without having to click the update button on the cart page. Simply add these to Divi > Theme Options > Integrations tab,...
Feb 23, 2021 | Blog
If you’re looking for a simple and effective way to increase your conversion rate, it may be simpler than you think. Instead of spending hours on your website trying to figure it out all by yourself, or trying to use a type of marketing to change things,...
Feb 22, 2021 | News
Illustration by Jim Blug | @jimblug Peter Co-Founder Today we want you to meet Peter, you probably have heard his voice in videos – but here is a little more about him. Tell us about yourself and how you got here. I was born in South Africa and...
Jan 25, 2021 | News
Illustration by Jim Blug | @jimblug Welcome, Fernando Marketing & Sales We love your brain and all the clever ideas you have. Such a great asset to the team on how we can keep producing great content for our customers! Tell us about yourself and how...
Jan 4, 2021 | Code Snippets, Tutorials
By default, WooCommerce hides the product images on the cart page when viewing from a mobile device. This can be quite annoying as images really help sell your products. Add this CSS to Divi > Theme Options > Custom CSS to fix Before...
Nov 12, 2020 | Freebies
Download our Recipe layout pack. We have created a layout pack for you to download and import on your own site. This will hopefully make life really easy when developing with Divi, Machine and ACF. There are a few files to import. Divi Library, Theme Builder, ACF...
Nov 9, 2020 | News
We have been supporting the Sozo Foundation now for 1 and a half years – what an impact you guys are all making – thank you! In this time we have given: 2332 hours of tutoring for school children 485 sessions of a 10-week skills course for a school child...
Oct 20, 2020 | News
Illustration by Jim Blug | @jimblug Welcome, Jeff Senior Web Developer The name’s Bond, Jeff Bond… Our secret agent when it comes to complex coding and bug fixing. Welcome Jeff, we are so excited to have you as part of the team to push the...
Oct 20, 2020 | Freebies
Download our Coffee layout pack. We have created a layout pack for you to download and import on your own site. This will hopefully make life really easy when developing with Divi, BodyCommerce and WooCommerce. There are two files to import, the first is the Divi...
Oct 8, 2020 | News
Illustration by Jim Blug | @jimblug Welcome, Kris Head of Client Services Today we are excited to introduce you to Kris. Enthusiastic, hard-working, friendly and always happy to listen even when you are having a bad day, he is such a great asset to the team....
Sep 22, 2020 | Freebies
Download our Documentation layout pack. We have created a layout pack for you to download and import on your own site. This will hopefully make life really easy when developing with Divi, Machine and ACF. There are a few files to import. Divi Library, Theme Builder,...
Jul 23, 2020 | Code Snippets, Tutorials
How to dynamically change a select option in a dropdown using jQuery Here is a nifty trick – if you have a select dropdown but want to have something a bit nicer in appearance and change the value of this drop down dynamically. Not sure what I am talking about?...
Jul 17, 2020 | Freebies
Download our Car Listing layout pack. We have created a layout pack for you to download and import on your own site. This will hopefully make life really easy when developing with Divi, Machine and ACF. There are a few files to import. Divi Library, Theme Builder, ACF...
Jul 17, 2020 | Freebies
Download our Estate Agents layout pack. We have created a layout pack for you to download and import on your own site. This will hopefully make life really easy when developing with Divi, Machine and ACF. There are a few files to import. Divi Library, Theme Builder,...
Jul 17, 2020 | Freebies
Download our Team Members layout pack. We have created a layout pack for you to download and import on your own site. This will hopefully make life really easy when developing with Divi, Machine and ACF. There are a few files to import. Divi Library, Theme Builder,...
Jun 23, 2020 | Tutorials
How to add the page name and url to the confirmation email that gets sent out using the Divi Contact module. Have you ever wanted to know what page the contact module is submitted from? Maybe you have a website with dynamic content such as real estate and you want to...
Jun 5, 2020 | Tutorials
In this tutorial, we will show you how to create a floating cart icon with Divi and then take it a little further and use Divi BodyCommerce to customise the cart icon and integrate the slide in mini cart. See below a video of what you will create at the end of this 1....
May 29, 2020 | Freebies
Download our Tech layout pack. We are really excited about this one. This tech layout pack also has free header and footer designs. We have created a layout pack for you to download and import on your own site. This will hopefully make life really easy when developing...
May 11, 2020 | Code Snippets, Tutorials
Have you ever wanted a section to be sticky when scrolling to it and be fixed? For years we have been using jQuery to target a specific section and then add a class name. Once this class name has been added to add some custom CSS to make it fixed and set the position....
May 6, 2020 | Freebies
Download our Backpack layout pack. We have created a layout pack for you to download and import on your own site. This will hopefully make life really easy when developing with Divi, BodyCommerce and WooCommerce. There are two files to import, the first is the Divi...
May 5, 2020 | Code Snippets
If you want Divi to search ONLY products, you are in the right place. We know how frustrating it is that Divi does not search the products but searches everything. This is not great for your customers UX so the snippet below will solve this for you. Add this code to...
Apr 28, 2020 | News
Just a little update from us about Covid-19 As many of you know that we give a gift on your behalf to The Sozo Foundation to help fund the brilliant work that they are doing there for the students. As the coronavirus epidemic sprung up, we wanted to make sure our...
Apr 23, 2020 | Freebies
Download our Restaurant layout pack. We have created a layout pack for you to download and import on your own site. This will hopefully make life really easy when developing with Divi, BodyCommerce and WooCommerce. There are two files to import, the first is the Divi...
Apr 16, 2020 | Code Snippets
If you want to display your SKU on the cart and checkout pages, simply add this code to your child theme in the functions.php file. It hooks into the action “woocommerce_cart_item_name” which is perfect. We hope this helps you in some...
Apr 3, 2020 | Tutorials
Do you want to create a desktop layout where you have two simultaneous divi menus running at the same time? In this tutorial we show you how simple it is to do this with Divi Mobile. We have the Divi centred menu and use Divi Mobile to create a slide-in menu from the...
Apr 1, 2020 | News
It has now been one year since we started giving a gift on your behalf for every purchase to the Sozo Foundation in South Africa – what a year it has been. We feel so fortunate that we can even do this and all the thanks go to all our customers – so thank...
Mar 19, 2020 | Tutorials
We love WooCommerce and Divi and all the amazing things we can do. Both are highly customisable and have a massive helpful community – it just makes sense! One of the main issues with the WooCommerce checkout page. It is clunky, too much information and we think...
Mar 9, 2020 | Blog
Search engines are such complex “creatures”, their algorithms are constantly changing. The main reason why they change is to reflect what the users actually care about. I think the main points they ask are: Did the user find what they were looking for? Did...
Mar 5, 2020 | News
Some of you might have noticed that we are adding VAT to our products at checkout now. As of the 1st March 2020, Divi Engine have become VAT registered. We thought it would be a good idea to write a post about this and explain the good and the bad points to this. The...
Feb 10, 2020 | Code Snippets
Do you want to make some checkout fields not required such as phone number or the first name? Use this snippet below to do this. In the above we are making the billing first name, last name, phone number, email and country as not required. To add more you need to just...
Feb 7, 2020 | Code Snippets
Have you needed to have a class added to your body for a particular job. Maybe you just need one added or maybe you need one added based on the user role – have you ever wanted to know how to add the user role as a class name to the body? Below are two snippets...
Jan 28, 2020 | Blog
Many aspiring entrepreneurs choose to take the route of getting their websites live as soon as possible. This does have some benefits, admittedly: it allows the domains to start building up trust with search crawlers, and starts building up brand recognition. And...
Jan 22, 2020 | Blog, Tutorials
Introduction Today we will be doing a tutorial on how to create a to do checklist on your website using HTML, CSS and jQuery. We were asked via email and on Facebook to create a tutorial of how we created our checklist here. So here we go, below is what we are going...
Jan 9, 2020 | Blog
VR and UX: are these topics on similar footing? In the eyes of many professionals (even those in digital fields), they’re quite comparable, which is to say exotic initialisms that have some relevance in business but don’t warrant major investment. This is far from the...
Jan 6, 2020 | Code Snippets, Tutorials
Need to change the text of a string on your WooCommerce shop such as “Billing Details” or “Product” to be something else. Here is a snippet that will help. We have given a few examples so simply replace/remove as you need. Add this text to your...
Jan 3, 2020 | Freebies
It is here! Our first BodyCommerce layout pack. We have created a layout pack for you to download and import on your own site. This will hopefully make life really easy when developing with Divi, BodyCommerce and WooCommerce. There are two files to import, the first...
Jan 2, 2020 | News
As we come to the end of the decade, 2019 has truly been a year to remember for us at Divi Engine. We truly appreciate all of you and so thankful for all our new customers. We thought it would be good to look back at the major things that happened over the year. ...
Jan 2, 2020 | Code Snippets
Has the admin bar ever annoyed you at the top or just wanted to move WP admin bar to the bottom of the browser? Use this snippet to move it to the bottom. Add this to your functions.php file in your child...
Dec 30, 2019 | Code Snippets, Tutorials
Ever wanted to add some CSS to WordPress admin to customise the appearance? Maybe you want to style the admin to look like your agency or if you are like me, love a certain colour and want to see this more often. Simply add this php code to your functions.php file in...
Dec 9, 2019 | Tutorials
Here are some cool features you may have missed Divi BodyCommerce has grown so fast and with all the cool features and settings you all have asked for, we thought you may have missed some so wanted a place where we can showcase them off for you. Below is a list of...
Nov 26, 2019 | Blog
When you just run a blog, and only update it on occasion, then you don’t need to think too much about security. After all, the potential repercussions of an attack are going to be mild (you might lose access, or have an account disabled), and then there’s the...
Oct 16, 2019 | Blog, Freebies
Over the years we have built many websites and have made many mistakes pre or post-launch, for example forgetting to change a URL or testing the contact form. We have built a list to check and thought you would benefit too. Why make the same mistakes as we made, with...
Sep 20, 2019 | Freebies, Tutorials
Today we are going to show you how a step by step guide on how to change your Divi logo on scroll, when your fixed header kicks in the logo will change to another. This method works on all browsers but requires more manual work. There are many ways to do this, for...
Sep 6, 2019 | Tutorials
Summary In summary, this blog post will look at where to position your mobile menu, what to have and how it can work for better UX. As our phones are getting bigger, do we need to adjust our designs? Is the standard burger icon on the top right-hand corner the best...
Aug 1, 2019 | News
As many of you are aware we want our business to be a giving business so part of this is for each sale we give a gift on your behalf to The Sozo Foundation. If you are not aware you can read about it here. We want you to be involved in the process so are going to...
Jul 15, 2019 | Tutorials
Today we start a new series called “How to…?” with Dave from Divi Engine. The first installment is how to clear your cache for your Divi website. Watch the video below and some further reading under that if you require more information. What is...
Jul 12, 2019 | Tutorials
Today we have created a clean, modern and easy to create product page template. The template is there for you to download and use but if you would like to learn how to build it, we have created a video showing you how it was made. This is the first video in a series...
Jun 13, 2019 | Blog, Tutorials
Introduction We have had a few requests on how to create a mega menu like the ones on the new Elegant Themes website. It is quite simple really when you are using Divi Mega Menu, so here is a tutorial on how to do it. You can see a live example here This is what we...
May 2, 2019 | News
As many of you are aware, last month we started a new initiative where every purchase that is make on our website we give a gift on your behalf to the Sozo Foundation in South Africa (no cost to you) – if you have not read it, here is a link. Well, after the...
Apr 18, 2019 | Freebies
Welcome to the greatest easter egg hunt ever! Well, it is not quite the greatest but still loads of fun. Ok, so we are running an Easter sale with a difference, an Easter egg hunt! Below are the rules. We have hidden 5 eggs and 1 bonus object around our...
Apr 2, 2019 | News
This is something we are very excited about! When you make a purchase at Divi Engine, we will give a gift on your behalf to the Sozo Foundation! What is the Sozo Foundation? The Sozo Foundation is a non-profit organisation based in the impoverished Cape Flats...
Jan 4, 2019 | Tutorials
We have had a few requests on how to move the WooCommerce cart icon from the secondary menu to the primary menu – so here it is 😀 By default Divi will add the cart icon to the primary menu, if you have one of the elements in the secondary menu, it will move the...
Dec 17, 2018 | Tutorials
We are working on making all our modules compatible with the Visual Builder and the new Divi Builder experience. We want this to be a smooth process with minimal errors, this is why we are doing this in stages. Please see below the modules we have added compatibility...
Nov 13, 2018 | Blog, Tutorials
We have had a few customers wanting to show the Mega Menus on desktop only. By default, Divi Mega Menu shows it on desktop and mobile. This tutorial will show you how to hide it on mobile. Step 1: Create your Divi Mega Menu in the Divi Engine settings as usual. Here...
Sep 18, 2018 | Freebies, Tutorials
Today we will be showing you how we created the login/register page on our frontend demo website. We will also include the layout JSON files for you to download into your website. Below is what we want to achieve. You can view an example of this here. What we have...
Jul 4, 2018 | Blog, Tutorials
I am writing this post because I had some frustrations getting my head all around this, followed so many tutorials online that didn’t work but after much trial and error I have a way that works for me and hope it will help you, learn how to setup event tracking for...
Jan 23, 2018 | Blog, Freebies
We love icon fonts and use both The Elegant Icon Font (by Elegant Themes) and Font Awesome on many of our projects – however felt there is lacking the more “detailed” icons. We have started a journey to bring you these. Our first pack is aimed...
Oct 12, 2017 | News
Have you seen these two cool features that BodyCommerce can do for your online store? We thought it would be helpful to visually show some of the features that BodyCommerce can help with. The following are only a small selection – a full list of what it does can...
Sep 22, 2017 | Tutorials
What is AJAX? Ajax is a client-side script that communicates to and from a server/database without the need for the page to reload. Ajax is fun and a great asset to a developer because it allows us to:Update a web page without reloading the pageSend data to the server...
Aug 2, 2017 | Blog
I used Cloudways for my clients in the past and have always been a fan. Divi Engine has always been on Siteground since day 1. Always striving to get better results we thought about moving Divi Engine to Cloudways to see the difference. See for yourself below. The...
Jun 26, 2017 | Blog
Please note, we have now set up a documentation site for Divi Protect – check it out here to read the full documentation. To password protect a section on your Divi Website, please first download and install Divi Protect. Once installed you will see the new menu...
May 31, 2017 | Tutorials
What are Content delivery networks (CDN) A CDN places cached files of your site in different locations around the world (their data centres) so that the person using your website can get the closest copy and therefore download it faster. By having your files located...
Apr 3, 2017 | Blog
What is Open Graph? Open Graph was introduced in 2010. It is the link between your website and Facebook – it speaks to Facebook and tells it what to show when you share a link. You have a degree of control over what travels across to Facebook from your website....
Mar 28, 2017 | Blog
The reason for this post So during my adventures in web design I have come across a few hurdles – one being the CSS delivery. It really frustrates me when I make a CSS change to my file, upload it to the server, clear Cloudflare and what ever caching plugin I am...
Mar 24, 2017 | Tutorials
Eliminate render blocking CSS Have you ever heard this term? What is render blocking CSS? Render means to become or visible, so render blocking CSS are CSS files that stop the page from becoming visible or loading. Everyone of your CSS files delay the page from...
Mar 14, 2017 | Tutorials
Images are one of the biggest factors in speeding up your site. I have come across some lovely looking sites that take ages to load because of the actual size of the images that the browser needs to download. As a rule of thumb, you don’t want them to be larger...
Mar 10, 2017 | Tutorials
We are going to talk about how a Divi website is loaded, however this the same for any website really. It is important to understand this process in order to know how to speed up your website. How is a website is displayed? A request is made when the URL is entered or...
Mar 5, 2017 | Tutorials
We love Divi. Having used Divi for around 3 years, creating website for some high profit clients – we have identified the short straws, one being the number of files Divi loads, it feels a bit bloated and the page speed is not fantastic. However there are ways to make...