Add a logo to your WooCommerce checkout page

Every website needs to portray trust when trying to get potential customers to checkout.

This is especially important for your first orders.

All trust symbols, thats certification logos or other elements that can be used to help your checkout page should be considered.

How do you add these items? Well in this tweak we will show you how.

You can get the snippet below that we use in the video and remember to use a child theme.

Overall this is a great effect and something you should absolutely have in your list of snippets and solutions.

Enjoy.

How to hide the back to top button on mobile

In this simple tweak we give you a code snippet to remove your back to top button on mobile or tablet devices.

This code will work for any page powered by the Divi Theme.

It hides the back to top button when you are on a device which has a screen size smaller than the media query value.

To learn more check out the video.

You can get the snippet via the below code snippet on gist.

You can also get the code directly on gist.

Don’t forget to get more tweaks and edits on our youtube channel or via the blog.

How to video – stop cart fragments loading on your home page

We have been talking about page speed a fair bit lately. I have actually become pretty obsessive about it.

This lead me to make a fair few simple script adjustments to improve my homepage load time.

I setup a GTMetrix monitor on the homepage of Divi Framework and found the cart fragments load was slowing down my page at random times.

Overall I thought removing it on the homepage would make sense, so I experimented and found it was an excellent choice to turn it off.

How do you turn of the Cart Fragments? Lets me show you how.

First – Open your functions.php in your child theme.

Second – Past in our code snippet to your functions.php file

Third – save it an enjoy the time savings.

You can extend this to other pages if you want to. For now I only do it on my homepage.

Remove Emoji Script from WordPress – How To Video

Did you know that you are loading a bunch of emojis on your WordPress website even if you don’t use them?

If you aren’t using these fun symbols you need to remove the emoji script from WordPress.

When you turn off the emoji script it will make your page load faster with no loss of functionality for 90% of WordPress websites. Most people simply don’t use them. At Divi Framework we certainly don’t so I decided to remove emoji script and thought I would do a very quick video tutorial on how to make that happen.

First – Copy the snippet from our GIST

Second – Paste the snippet in your functions.php file for your child theme.

If you don’t have a child theme you should really think about creating one. It will help you maintain your WordPress website and means you can update parent themes with a lower risk of losing your updates or custom edits. In this case you can add this to your functions file for your parent theme but when you update your theme you will lose this change and have to re-implement it.

Three – Enjoy a faster webpage and faster load times.

This is a really simple way to make your site load faster and in a world where every millisecond counts its a quick win for any WordPress website.

 

Fixing WooCommerce Buttons in Divi

The WooCommerce Button styling in Divi is not the best. You can end up with simple issues of contrasting colour when you style your button.

For some reason, the elegant themes team have decide to not provide any styling specific items for the WooCommerce Buttons or Form Buttons so we are left to do custom CSS.

Because we do have a place to put that css it is relatively easy to deal with pasting in the code to fix the styling issue.

Watch over the screencast to understand how it all works.

The code is found in GIST as usual to fix this WooCommerce Button issue but you can also grab it below.

Remember to look over the CSS and make any adjustments you need for your particular website.

Check out the video on Youtube or follow our blog to get more tweaks of the week, where we help users of Divi and WordPress to make simple fixes for your website.

Making links that add product to your WooCommerce Cart

If you are like me, you want to make as few steps as possible to get to the checkout page of your website.

The less steps, the higher the conversion.

In this quick Tweak of the Week i show you how to make an add to cart link for any button on your website.

Its a great technique and works flawlessly. In this example I add the link for a Divi Button but this does work in any place on your site including the menu.

Enjoy

 

 

Get access to all our themes and plugins

Trusted by over 1000+ websites

Become a member to use our themes & plugins for an unlimited number of sites. No restrictions!

30-day money-back guarantee.

Not satisfied? Your money back, no questions asked.