Nicola Mustone

Happiness Lead @ Automattic



How to Show the Product Short Description on the Shop Page

If you’re running an online store using WooCommerce, you know how important it is to grab your customers’ attention quickly. The WooCommerce shop page is often the first point of contact between your products and potential buyers. Today, I’ll guide you through a simple yet effective tweak: showing the product’s short description on the WooCommerce shop page. This change can significantly enhance user experience and potentially increase sales.

Why the Short Description Matters

Think of short descriptions as quick introductions to your products. When customers can read these short descriptions on your shop page, they can understand what you’re selling faster. This can help them decide what to buy without clicking on each product. This is convenient for your customers and can help you sell more.

Adding the Short Description to Your Shop Page

Now, let’s get to the practical part. We will add these short descriptions to your shop page. Don’t worry, I’ll explain it in simple steps.

Before you make any code changes, have a backup of your site. This will help you restore things in case of unforeseen errors. I recommend using Jetpack Backup for real-time backups and one-click restores.

Add this code at the end of the file functions.php in wp-content/themes/your-child-theme-name/:

The code snippet above will print the product’s short description between the product price and the Add to Cart button.

I’d suggest using it only if you don’t have too many products in your store and the short description is actually short. Otherwise, your store page could become very long and won’t be easy or enjoyable to navigate.

After adding the descriptions, you might want to make them look nice. You can do this by adding some custom CSS to your child theme’s style.css file. Change the font, color, and size to match your store’s style, although the theme should take care of most of the work for you already.

You can use this CSS template to start:

Check and Launch

Always test your changes before making them live. Look at your shop page and make sure everything looks right and works well. When you’re happy with how it looks, it’s time to show your new shop page to your customers.

And that’s it! By adding short descriptions to your shop page, you’re making your online store more user-friendly. This can help your customers find what they need quickly and could lead to more sales for you.

Did you try this out? I’d love to hear about it in the comments! But if you’re looking for more ways to customize your store, you should learn more about customizing the Out of Stock text on the single product page!


Subscribe to This Blog

Receive new articles from this blog directly in your inbox! No spam guaranteed!

Join 669 other subscribers

43 responses to “How to Show the Product Short Description on the Shop Page”

  1. Great article! That and comments here have me almost where I want to be. Is there a way to keep the SHort Descriptons formatting (line breaks, bold, etc) when I display the short description in the shop page? I have items with brief information list and want to keep that formatting, such as:

    Date
    Time (with time zone)
    Type

Leave a Reply

You Might Also Like These Articles


Contribute to Improving This Blog

Did you enjoy this article? Was it helpful? Contribute to help me write more articles! The funds collected from this blog are reinvested directly into improving my skills or the blog so that I can provide more and better content!

One-Time
Monthly
Yearly

Make a one-time donation

Make a monthly donation

Make a yearly donation

Choose an amount

€1.00
€5.00
€10.00
€5.00
€15.00
€100.00
€5.00
€15.00
€100.00

Or enter a custom amount


Your contribution is appreciated.

Your contribution is appreciated.

Your contribution is appreciated.

DonateDonate monthlyDonate yearly

Don't Miss a Thing!

Receive new articles from this blog directly in your inbox!

No spam guaranteed!

Join 669 other subscribers

Continue Reading

Discover more from Nicola Mustone

Subscribe now to keep reading and get access to the full archive.

Continue reading