Move Text Below Product Images

For SEO for e-commerce sites, category pages are more important than product pages. One important SEO ranking factor is the amount of relevant text describing the category. The problem is that if you write text it will appear above the product images, and if you write more than a couple of lines of text it will push the product images way down the page.

What you want is to have the text appear below the grid of product images, and this is how to accomplish it.

Mr WordPress has a YouTube video in which he describes adding a line of php to accomplish that.

I am using a child theme on one of my e-commerce sites, and I have a functions.php file within that child theme. So I added the php there. If you are using a parent theme then you can put your code in a snippets plugin.

Here’s the code (take out the tick at the beginning and end to use it)

' remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 ); 
add_action( 'woocommerce_after_shop_loop', 'woocommerce_taxonomy_archive_description', 100 ); '

An Alternative

If you are not comfortable doing this then I found a plugin in the WordPress repository that may do the job. It’s named Move Category description under products for WooCommerce. You should be able to find it from that description. It’s the one by Marco Barbadoro.

The thing I don’t like about it is that the shortcode you add at the beginning and end of the text you want to move, has the word ‘mcdusaltasotto’ baked in.

I just downloaded the plugin and I see that it consists of two files and a readme file. In the file named salta-sotto.php, the word mcdusaltasotto is on line 33 and I assume you can change this to whatever word you like. Most simple text editors will open the file. If you are on a Mac then the free COTEditor Plain-Text Editor for macOS is about as simple as it gets.

Note: The fact that the plugin is in the WordPress repository is a recommendation that it is safe to use, but I haven’t used it – so exercise the usual caution if you decide to use it.

Generate Press: Enable navigation search modal

Q: When I activate “Enable navigation search modal” no Search-Button apears in the main navigation. Why?

A: This new feature requires:

1. The use of “flexbox” – you have to switch to “flexbox” from “floats” using the “Structure” option in “Customize > General”. If you don’t see this option it means you’re already using flexbox.
2. The use of svg icons – you have to switch to “svg” from “font” using the “Icons” option in “Customize > General”.

[If you have the current Navigation Search option enabled, you need to disable it first so the new option appears.]