PHP Snippet 1: Remove Title @ WooCommerce Shop Page PHP Snippet 2: Remove Title @ WooCommerce Product Category […] Search for “category.php and “archive.php”. I think it prints the breadcrumb, because it's hooked woocommerce_breadcrumb. You could override in your theme the template Archive-product.php Editor Open function.php theme file Add the following code at the bottom of function.php file Save the changes. Ensure your Shop page is actually called what you want it to be called by going to Pages, hovering over the page and choosing Quick Edit. Category Display Smart Manager For WooCommerce (Free) Smart Manager For WooCommerce is a free but powerful WooCommerce bulk editor plugin that lets you manage and bulk edit WooCommerce products, variations, orders, coupons, etc, It gives you a Microsoft Excel-like spreadsheet to bulk edit WooCommerce variable products, prices, attributes, categories, coupons and many more. The products can be imported back with the updated category in the following manner: Navigate to WooCommerce > Product Im Ex. You can change the number of Columns and Rows, and also show or hide, the Product Title, Product Price, Product Rating, and the Add to Basket button. Enable the update products if exists checkbox to update the existing product details as shown above. When performing an audit of a small e-commerce WordPress site that uses Woocommerce I discovered I had a small problem with the default seo meta titles, Yoast SEO plugin insisted on applying the word ‘archives’ into every category title. WooCommerce uses the same concept as WordPress when it comes to categories. 3a) Specifically product item description page and main shop category heading background section are where i’m having the most issues. You can change the title or meta description for your WooCommerce shop page directly in the Snippet Preview on the WooCommerce shop page. * Fix - # symbol in product category name broke product export. Now let me show you how to change this default product sorting “menu_order + title” to something else. You can center column text using simple CSS. If you want to edit any details of any of the categories, you would simply need to select them and click on edit. Go to WooCommerce > Settings and click on the Products tab to ensure the correct Shop page is linked in the Product Archive/Shop drop-down. Ordering product by price, date and title is a good way to help customers sort out the products in your site. add_filter('woocommerce_default_catalog_orderby', 'custom_default_catalog_orderby'); Now, let's take a look at how WooCommerce displays the product categories and products on archive pages. From the WooCommerce 3.3 version and above, you can resize both shop product images and catalog/category images using the general settings: Appearance > Customize > WooCommerce > Product Images > Thumbnail Width. 4) How to change NAV buttons color background and text. WooCommerce provides some hooks for working with the product categories. By default, you’re able to create a title and description for those categories. How to change the product title font size at single product page? Currently you can display product categories this way (Wordpress 4.x): I think it prints the breadcrumb, because it's hooked woocommerce_breadcrumb. You can choose the display option on the Shop page here. Or it also looks like you can filter `woocommerce_taxonomy_args_product_cat` to adjust the rewrite slug there. one set for functions.php and one set for category_products_1.php, in the cms code area? To display multiple product categories , use Product Categories element. A title is the name of the product that you set for your individual product. There’s a problem, though. I tried a few Custom CSS additions I found on the internet but they did not work, perhaps they are old.. thanks in advance for the help! Firstly, open your WordPress Dashboard —> Theme Options —> WooCommerce Options —> Shop/Archive Page. You're looking for single_term_title() : http://codex.wordpress.org/Function_Reference/single_term_title WooCommerce Product Title. WooCommerce product page has a predetermined structure that shows product details in a fixed order. But do check. do this for all the categories In the video below you’ll see how the WooCommerce product page has been designed with our WooBuilder Blocks plugin and then the related products are chosen by using the WooCommerce Blocks plugin. This above step will remove the word “Archive” from the category title and tag title. Product Category. Move on to the Import section. Create a field group called “Product category title”. We're glad you're here. Then go to WooCommerce > Product Catalog. Choosing which products appear in the table. Method 1. Currently you can display product categories this way (Wordpress 4.x): get_id()) ?> They are – Use the default WooCommerce option, Add/Rename product sorting option and; Use a plugin. These control the positioning of your add-on groups & options, if you're using Product Table with the WooCommerce Product Add-Ons extension. Attach the updated CSV file from your system. The system of displaying 1 category title on a single product page fails if you start adding the item to multiple categories. Here’s the WooCommerce color scheme questions: WooCommerce: 3) How to change woocommerce background color and text throughout. A product category is an archive page like the category page of a blog. ... And where to change the product description and additional info font / color? As shown below, my list of products starts on the same row as my list of categories. [woocommerce_product_filter_price] So, click the box to turn on/off the product title link. You can center column text using simple CSS. This WooCommerce visual hook guide for a product page is an excellent resource to see the hooks laid out spatially on the product screen.. A commonly added change to WooCommerce product pages is removing the star reviews, so I’ll use that as an example. WooCommerce templates receive the most change via updates to stay compatible with the plugin, so it is important to bookmark this article or make note of your changes so you can re-do them again in the … In the bottom, you will find a subsection titled “WooCommerce” where the permastructures for Products, Product Categories and Product Tags can be edited. When displaying the WooCommerce categories, there is a number displayed on each category showing how many products are in each category, if your WordPress … Remember that in the above example, product-category is the default slug for WooCommerce product categories. There are many snippets on the internet but many are out of date… so this is how to completely hide the Shop Page title in WooCommerce (plus: how to hide the title on WooCommerce Category pages). This is coming in StoreKit in the near future. Looking at the page source the WooCommerce category title is a simple header, with a class of page-title, which can be used. After enabling this option appears the category which we have selected in the product settings of an individual product. #22717 ... Change WooCommerce emails footer from `Powered by WooCommerce` to `Built with WooCommerce`. Under Shop page display, select Show categories & products, and under Category display, select Show subcategories & products. If you are using WordPress 4.7 or later you could add the code Admin > Appearance > Customize > Additional CSS. Step 1: Filter products to be edited. Now search for “archive-title” and find the word ‘Archive’ and remove it. In today’s post, I am going to discuss three ways to change the default product sorting option in WooCommerce. When a particular buyer, rates your product for the quality, service, delivery or the overall product satisfaction star ratings appear. A hex code is a six-digit code that represents a specific color online. The Problem. ! Here you will see an option for Shop page display. WooCommerce - Change default catalog sort order. The “Additional Information” tab section will show the title of “Additional Information” and the Reviews tab section will a title of “Reviews.”. Let’s start with the first method. For example, you can display only category, the category with products or only products. Related Products Manager for WooCommerce plugin lets you change displayed WooCommerce related products number, columns, order; relate by tag, category, product attribute or manually on per product basis. Option “Category” – means product categories to be displayed (see “Products > Categories”). Option “Tag” – means product tags to be displayed (see “Products > Tags”). Option “Taxonomy” – means product taxonomy to be displayed. This option can be use when there are plugins extending capabilities of WooCommerce. Before doing this, I recommend backing up your site or the functions.php file, just to be safe. Another way to optimize your WooCommerce category pages for SEO is by adding text. How you’ll change the product title linkable? You can sort the products based on their product title, product tags, product type, product categories, and product regular price accordingly. Its just so spaced out at the moment. In there, you’ll see the Product title link and a box with two options, such as On and Off. When reorganizing the product page, getting an idea of the capabilities and options can be a really useful place to start. 2. This means that they might have their own custom code for WooCommerce, which might prevent the above code to work. The output of the Product by Attributes Block looks identical to the normal WooCommerce Product Grid, and the customization options are exactly the same as many of the other WooCommerce Blocks. Are you looking for a way to change the default “Related Products” title text on the WooCommerce product page? If you want to display product categories on your Shop page instead of just products, follow these steps: Click on Appearance > Customize. On the shop page you can display only categories, categories with products or only products. Use the get_categories function to retrieve categories name :- You can use this code to display product categories name - element. If you need to change it, you would likely need to create a custom WooCommerce single product template. ok no probs. Thanks for the advice. Unfortunately, there’s no built-in option or action/hooks in wooCommerce to change that text. .post-type-archive-product .page-title { font-size: 28px; } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 20px !important; } Thank you so much! This is perfect for targeted landing pages or category pages that require additional content. You can add more styling (font sizes, colors) using the same selectors (I have more help on that here and here if you prefer to code it), or of course you can just use the Divi customizer and module settings. I went crazy once on a project where a client was adding portfolio items to two categories and yet somehow wanted me to show the 'right' category title depending. Ensure the Slug matches your shop page title. If you haven't already, open the Customizer, select the WooCommerce tab, and click on Product Catalog . On your WordPress admin panel, go to Appearance > Customise > WooCommerce to access the settings, and click Product Catalog. If you are unfamiliar with code/templates and resolving potential conflicts, select a WooExpert or Developer for assistance. Enter this code in the “Additional CSS” section of your Theme Customizer:.woocommerce-loop-product__title {display: none;} Using Divi Page Builder to hide product title on shop page with WooCommerce. Discount Rules for WooCommerce Bulk discounts, user role discounts, BOGO deals, category/product/quantity discounts and more; Email Customizer for WooCommerce Revolutionary Email Customizer for WooCommerce with Drag and Drop builder; Loyalty Points and Rewards for WooCommerce Create a loyalty rewards and referral program in your WooCommerce store.