Add Text Before Shopping Cart Icon

Would you like to add an extra piece of text before the shopping cart icon in your woo-commerce divi site. For example you might want to add the words “Shopping Cart” or “All Cart Items” before the cart icon. This will make it very obvious for the user, where the shopping cart is.

To achieve this I added some jquery to the Divi theme. To add jQuery to the Divi theme you can scroll to – Divi -> Theme Options – Integration Tab -> Add code to the < head > of your blog.

Paste the following jQuery and Save Changes. You can change the words “Shopping Cart” to anything you want it to be. You can also adjust the margin or add some of your own styles (color, font etc) in the style attribute.

<script type=”text/javascript”>
jQuery(function($){
$(‘#et-secondary-menu’).prepend(‘<span style=”margin:0 7px”>Shopping Cart</span>’);
});
</script>

I hope you like this piece of code and hope it works for your divi customization.