Web Hosting

How to Properly Delete All WooCommerce Products – King Rosales

There may come a time when you may need to remove all the products in your WooCommerce powered ecommerce website. There’s just no easy way to do this natively in WooCommerce. I needed to do it because I changed the my product data XML file I was using to import into the site. It’s pretty straight forward, but to do it properly, you have to make sure you’re deleting all the additional data such as taxonomy, relationships, etc connected with all the existing products.

I tried using the WooCommerce Remove All Products plugin to do this, but first it didn’t work with my WordPress 4.1.1 installation and second it doesn’t remove any taxonomy.

So, to remove all your products you’ll need access to your PhpMyAdmin or some other tool like Sequel Pro to edit your WordPress database. I’ll be using PhpMyAdmin because its the easiest.


Sent from my Samsung Galaxy smartphone.

Divi BodyCommerce – Divi Engine

Divi BodyCommerce is a plugin that tackles the hard or awkward tasks when building a Woocommerce website with the Divi Theme.

It can be seen as a all-in-one plugin for Woocommerce, a swiss army knife.

The main features of BodyCommerce are:

– Customise the Woocommerce account area using the Divi Builder.
– Customise the Woocommerce email template.
– Customise the product page template using the Divi Builder, create different layouts for each category or even specify a specific layout for one product only.
– Customise the product category/shop template using the Divi Builder
– Customise the login page template using the Divi Builder.
– Add a mini cart to your store.
– Ajax add to cart for Woocommerce single and variable products
– Custom improved sale badges for Woocommerce
– Product Slider

Divi BodyCommerce is ever changing, we have ideas which we are going to add in the near future. If you have a problem which you want to overcome, speak to us and we can look at adding this as part of the core plugin.


Sent from my Samsung Galaxy smartphone.

Divi Display Logic

This revolutionary new plugin allows you to add logic to be used with any divi element element (module, section, row). The system works using shortcodes however, there are a number of pre-set examples and a polished interface to make using this plugin very easy indeed.

On activating the plugin you will see, right away, a new interface at the bottom of any section, row or module called “Display Logic”. Within this section you will find full instructions and some handy controls to get the logic you want. Please see screenshots below this text for a better example!

Examples of use

You might be thinking now “great idea but how would I use it??’. Here’s a few examples we’ve had so far from the community!

  • Show a marketing homepage to logged out but show handy links/articles to those logged in
  • Show members only content based on WordPress capability or role.
  • A restaurant business may wish to show the breakfast menu in the morning but the evening menu in the afternoon
  • An eCommerce store may wish to show documentation and post-purchase links to those who are logged in or have purchased (custom php filter)
  • Show an article or page to those who have signed up to a mailing list (custom php filter)
  • Show offers or holiday wishes on a per country basis..
  • Hide your local offers to those who don’t live in the same city
  • And many more!

Examples Built-In


Sent from my Samsung Galaxy smartphone.

Styling Caldera Forms With Divi Just Got Even Easier – Caldera Forms

Caldera Forms Style Customizer for Divi & Extra gives you total control over the look of your forms — all from the customizer, no CSS required. It’s a new Caldera Forms 3rd-party add-on and it’s available today. This add-on was developed by Caldera Forms and Divi community member Pierre Bichet.

What Can You Style?

What can’t you style with this add-on is a better question. Change the size and color of Caldera Forms buttons, inputs, even style the file uploader. Make your checkboxes look cool. Keep your all important lead generation forms totally on brand.

Check out this gallery showing what this new add-on can do and how it works:


Sent from my Samsung Galaxy smartphone.

Divi Overlays | Create Overlays, Popups, or Modals with the Divi Builder!

Divi Overlays is a brand new way to create beautiful full screen overlays, popups, or modals using the Divi Builder.

Divi Overlays takes advantage of the power and flexibility of the Divi Builder which gives you the ability to easily add any type of content imaginable to an overlay, then trigger it with anything on the page: text links, images, Divi buttons, etc. Or use an automatic trigger such as timed delay, scroll delay, or exit intent!


Sent from my Samsung Galaxy smartphone.

Two Line Toggles and Buttons in Divi | Divi Soup

Last week I was helping out a member of my Facebook Group with creating two lines of text in the Toggle module.

As you may know, the title fields of the Divi modules don’t support HTML, therefore getting two lines of text is close to impossible without JavaScript. But there is a way around this using the :before and :after pseudo elements, and as we have those fields in the advanced tab of the modules, it’s still relatively simple for clients to edit without breaking anything 😉


Sent from my Samsung Galaxy smartphone.

Vertically Center Text or Other Modules in a Row – Divi Notes

Wouldn’t it be nice if there was a quick and easy way to vertically align a Divi Text Module or any other module for that matter in the row that it’s in? Well, many folk would do this with the Divider module or with padding, but in this tutorial, I’ll show you how to do it with a little bit of CSS.


In the example below you’ll see that both text modules are vertically centered to the row they’re in.


Sent from my Samsung Galaxy smartphone.

Divi Plugin List With Descriptions – Divi Theme Resources


Divi Plugin Index

A Simple List of Plugins Built Specifically for Divi

Divi Plugins

Divi Community Favorites:

  • Divi Booster – makes customizing Divi a breeze
  • Aspen Footer Editor – easily edit your Divi website’s footer information
  • Divi Builder Everywhere – use the Divi modules in the header, footer and sidebar
  • Divi Switch – 43 toggles giving you access to no fewer than 70 customizations in literally thousands of possible combinations
  • Divi Widget Builder – lets you build your own widgets using the Divi Page Builder.
  • Bloom Email Opt-in – add opt-in forms to your website, by the makers of Divi
  • Monarch Social Media Sharing – by the makers of Divi
  • Fullwidth Header Extended Module – add various animations and effects to your header
  • A Mobile Friendly Divi/Extra Page Builder – make the Builder more usable on mobile devices
  • Divi Ghoster – replace Divi and Elegant Themes’ branding with your own brand on the back-end of WordPress
  • Divi Image Intense – expands on the Divi imagemodule to give you 20 different overlay and hover effects
  • Divi Dashboard Welcome – gives you control over the WordPress dashboard welcome screen
  • Divi Staff – manage and display your staff & departments more intuitively using new custom post types, archive templates and modules built exclusively for use with the Divi theme.
  • Testify – Create an attractive and engaging testimonial section for your website, including guest submission with Caldera Forms
  • Divi Overlays – add any type of content imaginable to an overlay, then trigger it with anything on the page: text links, images, Divi buttons, etc.
  • Aspen Grove/Divi Space All Access Pass – Access to all the child themes, layout packs and plugins by Aspen Grove and Divi Space!

Other Handy Divi Plugins:

Sent from my Samsung Galaxy smartphone.

Divi Plugins | WordPress Plugins for Elegant Themes Divi

Our Divi Plugins are custom WordPress plugins developed specifically for the Divi theme by Elegant Themes, extending the functionality and features of the Divi theme. Divi Plugins are also easy to use. Simply install one of our plugins and you’ll find new modules within the Divi page builder. You can use the new modules just like you use the default modules that come pre-loaded with the Divi theme. And just like the default Divi modules, our plugins are easily configured in the module settings.

Divi Plugins are also consistently updated to work with the latest version of the Divi theme. So what are you waiting for? Stop spending countless hours in the Elegant Themes support forum! Download a Divi Plugin and super charge your Divi website with new modules!


Sent from my Samsung Galaxy smartphone.

! How to use CSS Grid in Divi – Tutorial for Divi | Divi Soup


by Michelle | Sep 13, 2017 | Advanced, CSS Tips & Tricks, Layouts | 0 comments

R33: How to use CSS Grid in Divi

I’ve been creating a lot of layouts recently that require breaking out of the constraints Divi imposes through its 4 column layout limit.

There are a number of ways to achieve this; the built in column shortcodes, specialty sections, floats, flexbox and even plugins.

But the single most powerful and more importantly, fun way to do this is to use CSS Grids.

I’m in love with CSS Grids. Seriously, this relatively new CSS3 functionality is going to change your life!


Sent from my Samsung Galaxy smartphone.

WP Help — WordPress Plugins


Site operators can create detailed, hierarchical documentation for the site’s authors, editors, and contributors, viewable in the WordPress admin. Powered by Custom Post Types, you get all the power of WordPress to create, edit, and arrange your documentation. Perfect for customized client sites. Never send another “here’s how to use your site” e-mail again!

NEW: You can now pull in help documents from another WP Help install, and they will be automatically updated when the source documents change (even additions and deletions!). Perfect for WordPress multisite installs, or consultants with a large number of client installs.


Sent from my Samsung Galaxy smartphone.

! Timeline

TimelineJS is an open-source tool that enables anyone to build visually rich, interactive timelines. Beginners can create a timeline using nothing more than a Google spreadsheet, like the one we used for the Timeline above. Experts can use their JSON skills to create custom installations, while keeping TimelineJS’s core functionality.


Sent from my Samsung Galaxy smartphone.

! Reveal a Hidden Divi Section, Row, Or Module On Button Click – Divi Notes

Sometimes you want to keep your page clean but still want to have “more” content available to your visitors without them having to navigate away from the page they’re on. In this tutorial, I’ll show you how to toggle a Divi section, row, or module when you click on a button.

This tutorial is a minor variation of a tutorial I found on creaweb2b.com called Custom Toggle Section In Div


Sent from my Samsung Galaxy smartphone.

! How to ask for email addresses before allowing access to content on your website

You’ve got your first bracket here, which shows which opt-in form it’s going to grab, and then kind of the closing bracket. This content that’s in the middle here, this is what you’re actually locking people out of, so once they fill out the form they’re going to have access to whatever I put in between those two brackets. So what I’m going to do is, I’m going to put a “Download” link.



WooCommerce List View For Divi Theme | Divi Kingdom

WooCommerce List View For Divi is a simple plugin to bring the classic blog list style into your store. The plugin changes the default WooCommerce grid view of Shop, Categories & Tags to a simple blog list style. The WC List View plugin comes with extra options to display the product short description, read more button & add to cart button.


  • Enable list view for shop page, categories & tags individually.
  • Display Product short description for each product in the list.
  • Display Read more button.
  • Customize the read more button text.
  • Display add to cart button.
  • Customizing the buttons style.
  • Responsive design.


Sent from my Samsung Galaxy smartphone.

Free contact form layouts for Divi Page Builder | Infinite Imagination Web Design and Development

Free contact form layouts for Divi Page Builder

by Olga Summerhayes | Aug 18, 2017 | Divi Freebie

I recently changed the layout of the contact form on my site. While making the changes I experimented with a few designs and I am excited to share with you 4 Divi Contact Form layouts. Feel free to download them and use them as you wish. They can be used to create a contact page or as a contact section on the one-page website. Here we go


Sent from my Samsung Galaxy smartphone.

Mobile Menu Customizer for Divi

Divi theme has lots of awesome features but one of the features that it lacks is the ability to customize the styling of mobile menu without diving into custom coding. The Mobile Menu Customizer plugin lets you style your Divi site mobile menu via Theme Customizer with live preview. Just upload and activate it, then go to Theme Customizer and start styling the mobile menu, as simple as that!

Some of the great features offered by this plugin are:

  • Mobile Menu Item Icons watch onYouTube
  • Mobile Menu Background Image
  • Type any text besides the mobile menu hamburger icon (e.g. “Menu”)
  • 10 New Menu Animations watch onYouTube
  • Menu Gradients watch on YouTube
  • Making mobile menu fullwidth.
  • Making mobile menu fixed.
  • Making submenu collapsible.
  • Aligning menu link text.
  • Adjusting menu item height.
  • Applying menu shadow.

And lots of other controls to play with colors, borders, text sizes, margins, paddings, etc. of the mobile menu.


Sent from my Samsung Galaxy smartphone.

How to Apply Color Palettes to Your Divi Website (20 examples!) | Elegant Themes Blog

In today’s Divi tutorial, we’re going to share some amazing color palettes that you can use on the next websites you build with Divi. Using the right colors for your website is one of the primary things that’ll determine how your website will look and feel like in overall


Sent from my Samsung Galaxy smartphone.

Divi Overlays | Create Overlays, Popups, or Modals with the Divi Builder!

Divi Overlays is a brand new way to create beautiful full screen overlays, popups, or modals using the Divi Builder.

Divi Overlays takes advantage of the power and flexibility of the Divi Builder which gives you the ability to easily add any type of content imaginable to an overlay, then trigger it with anything on the page: text links, images, Divi buttons, etc. Or use an automatic trigger such as timed delay, scroll delay, or exit intent!


Sent from my Samsung Galaxy smartphone.

How to Create a Scrollable Text Preview Tablet with Divi

How to Create a Scrollable Text Preview Tablet with Divi

In today’s tutorial, we’re going to show you how to create a scrollable text preview tablet on your website. The text preview will be represented in a tablet where the visitors can scroll within the tablet to read a few of the chapters that are being shared.

Adding a text preview tablet to your website is an excellent way of teasing your visitors. You’re giving them the chance to explore a piece of the content you’ve created. Once they’ve read the content and felt intrigued by it, the chances are more likely that they’ll want to read the rest as well. Using a text preview tablet can be interesting in the following cases, for example:

  • When selling a book
  • When sharing a free ebook with your visitors and wanting to encourage them to download the complete version (by subscribing)
  • When sharing case studies or testimonials

Jane Clark

Netgrrl & Wildgrapes


Mobile 0417864935
Skype JaneClarkNT

Siteground Website Hosting

Where in the World is Jane?

May 2017
Travel / Blogging in Xinjiang, NW China

Follow my Trip Blog here

Urumqi, Turpan, Korla, Kuqa, Aksu, Kashgar, Tashkurgan.

Hiking in Wakayama, Japan - Kumano Kodo pilgrimmage trail

July - November 2017
Alice Springs - available for IT/Massage/Counselling

December 2017
South Korea - family visits
Chiang Mai - study

Feb-May 2018
Alice Springs - available for IT/Massage/Counselling

June / July 2018

Aug-Oct 2018
Alice Springs - available for IT/Massage/Counselling

Best Wordpress Hosting

Web Hosting

Living the life of a millionaire without the bother of all those $$$ .......

Seriously, you don't need much money to live like a millionaire.. quite the opposite.

In 2010 (7 years ago) I came up with my adventure lifestyle challenge. I wondered whether it would be possible to work for 12 weeks, travel overseas for 4 weeks, then repeat... I also divided up my day, working from home, doing Web Site Design in the mornings and Massage in the afternoons. I am also a professional WordPress mentor helping people across the globe achieve their dreams. Both businesses now have clients on a 6-12 month waiting list... Strangely, the less I worked the more $ I made....

How did I do it? I'm still looking back defining all the little turns in life which lead to this balance, and writing a course to help you do the same..