Website Building » WooCommerce » How Do I Edit My WooCommerce Search Page?

How Do I Edit My WooCommerce Search Page?

Last updated on January 12, 2023 @ 6:17 pm

If you’re like most WooCommerce store owners, you want to offer your customers the best possible search experience. After all, if they can’t find what they’re looking for, they’re likely to leave your store and take their business elsewhere.

The good news is that there are a few simple things you can do to improve your WooCommerce search page. In this article, we’ll take a look at how to edit your WooCommerce search page and give it a more polished look.

First, let’s take a look at the default WooCommerce search page. As you can see, it’s not very exciting:

Now, let’s take a look at how to edit your WooCommerce search page. The first thing you’ll need to do is log into your WordPress Dashboard and go to the WooCommerce->Settings page. From here, click on the “Search” tab:

PRO TIP: When editing the WooCommerce search page, be sure to take a backup of your site first. Editing the search page can break your site if not done carefully.

On the Search Settings page, you’ll see a number of options that you can use to customize your search page. For example, you can choose whether or not to show product thumbnails in the search results, and you can also choose the number of products that should be displayed on the search results page.

Once you’ve made your changes, be sure to click on the “Save Changes” button at the bottom of the page.

Now let’s take a look at how to style your WooCommerce search page using CSS. The first thing you’ll need to do is create a file called “woocommerce-search.css” in your child theme’s directory. You can do this using a text editor such as Notepad or TextEdit.

Once you’ve created the file, copy and paste the following CSS code into it:

p {
font-size: 16px;
}
b {
font-weight: bold;
}
u {
/* Underline can be used instead of  */
text-decoration: underline;
/* or overline */
/* or line-through */
/* or blink */
}
Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.