{"id":15,"date":"2024-02-12T16:50:41","date_gmt":"2024-02-12T16:50:41","guid":{"rendered":"http:\/\/daniwp.com\/?p=10"},"modified":"2024-02-12T16:50:41","modified_gmt":"2024-02-12T16:50:41","slug":"remove-woocommerce-product-title-from-breadcrumbs","status":"publish","type":"post","link":"https:\/\/wproduct.io\/?p=15","title":{"rendered":"How to Remove WooCommerce Product Title from Breadcrumbs"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Having the WoCommerce product title appearing as a part of the breadcrumbs, which sit above the actual product title on single product pages, may look redundant and not very nice. <\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s how to remove, or more precisely hide, the product title in the breadcrumbs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We have to customize the WooCommerce breadcrumbs in order to add &lt;span&gt; HTML tags to them. These &lt;span&gt; tags we will customize later in CSS to hide the title in the breadcrumb.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the functions.php file of the used WordPress theme add this code to customize the WooCommerce breadcrumbs:<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>add_filter( 'woocommerce_breadcrumb_defaults', 'customize_woocommerce_breadcrumbs' );\nfunction customize_woocommerce_breadcrumbs() {\n    return array(\n            'delimiter'   =&gt; ' &amp;#47; ',\n            'wrap_before' =&gt; '&lt;nav class=\"woocommerce-breadcrumb\" itemprop=\"breadcrumb\"&gt;',\n            'wrap_after'  =&gt; '&lt;\/nav&gt;',\n            'before'      =&gt; '&lt;span&gt;',\n            'after'       =&gt; '&lt;\/span&gt;',\n            'home'        =&gt; _x( 'Home', 'breadcrumb', 'woocommerce' ),\n        );\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">As the &lt;span&gt; tags are added to the breadcrumbs, we can now customize them in the Additional CSS of your theme (available in yoursite.com\/wp-admin\/customize.php) to remove the product title.<\/p>\n\n\n\n<pre class=\"wp-block-code has-small-font-size\"><code>.single-product .woocommerce-breadcrumb span:last-child { display:none !important; }<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Any questions or suggestions? If so, you can use the comment form below.<\/p>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Having the WoCommerce product title appearing as a part of the breadcrumbs, which sit above the actual product title on single product pages, may look redundant and not very nice.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,16,18],"tags":[],"class_list":["post-15","post","type-post","status-publish","format-standard","hentry","category-tips","category-woocommerce","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Remove WooCommerce Product Title from Breadcrumbs - wproduct<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wproduct.io\/?p=15\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Remove WooCommerce Product Title from Breadcrumbs - wproduct\" \/>\n<meta property=\"og:description\" content=\"Having the WoCommerce product title appearing as a part of the breadcrumbs, which sit above the actual product title on single product pages, may look redundant and not very nice.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wproduct.io\/?p=15\" \/>\n<meta property=\"og:site_name\" content=\"wproduct\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-12T16:50:41+00:00\" \/>\n<meta name=\"author\" content=\"danji\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"danji\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wproduct.io\\\/?p=15#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wproduct.io\\\/?p=15\"},\"author\":{\"name\":\"danji\",\"@id\":\"https:\\\/\\\/wproduct.io\\\/#\\\/schema\\\/person\\\/9334aad829db794714f547b10ade522d\"},\"headline\":\"How to Remove WooCommerce Product Title from Breadcrumbs\",\"datePublished\":\"2024-02-12T16:50:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wproduct.io\\\/?p=15\"},\"wordCount\":154,\"commentCount\":0,\"articleSection\":[\"Tips\",\"WooCommerce\",\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/wproduct.io\\\/?p=15#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wproduct.io\\\/?p=15\",\"url\":\"https:\\\/\\\/wproduct.io\\\/?p=15\",\"name\":\"How to Remove WooCommerce Product Title from Breadcrumbs - wproduct\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wproduct.io\\\/#website\"},\"datePublished\":\"2024-02-12T16:50:41+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/wproduct.io\\\/#\\\/schema\\\/person\\\/9334aad829db794714f547b10ade522d\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wproduct.io\\\/?p=15#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wproduct.io\\\/?p=15\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wproduct.io\\\/?p=15#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wproduct.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Remove WooCommerce Product Title from Breadcrumbs\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wproduct.io\\\/#website\",\"url\":\"https:\\\/\\\/wproduct.io\\\/\",\"name\":\"wproduct\",\"description\":\"Independent E-Commerce with WP and Woo\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wproduct.io\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wproduct.io\\\/#\\\/schema\\\/person\\\/9334aad829db794714f547b10ade522d\",\"name\":\"danji\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/edecfe524783e795fd7498294654db6dd846a53fca4e9ca16c93cd6109815152?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/edecfe524783e795fd7498294654db6dd846a53fca4e9ca16c93cd6109815152?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/edecfe524783e795fd7498294654db6dd846a53fca4e9ca16c93cd6109815152?s=96&d=mm&r=g\",\"caption\":\"danji\"},\"sameAs\":[\"https:\\\/\\\/wproduct.io\"],\"url\":\"https:\\\/\\\/wproduct.io\\\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Remove WooCommerce Product Title from Breadcrumbs - wproduct","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wproduct.io\/?p=15","og_locale":"en_US","og_type":"article","og_title":"How to Remove WooCommerce Product Title from Breadcrumbs - wproduct","og_description":"Having the WoCommerce product title appearing as a part of the breadcrumbs, which sit above the actual product title on single product pages, may look redundant and not very nice.","og_url":"https:\/\/wproduct.io\/?p=15","og_site_name":"wproduct","article_published_time":"2024-02-12T16:50:41+00:00","author":"danji","twitter_card":"summary_large_image","twitter_misc":{"Written by":"danji","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wproduct.io\/?p=15#article","isPartOf":{"@id":"https:\/\/wproduct.io\/?p=15"},"author":{"name":"danji","@id":"https:\/\/wproduct.io\/#\/schema\/person\/9334aad829db794714f547b10ade522d"},"headline":"How to Remove WooCommerce Product Title from Breadcrumbs","datePublished":"2024-02-12T16:50:41+00:00","mainEntityOfPage":{"@id":"https:\/\/wproduct.io\/?p=15"},"wordCount":154,"commentCount":0,"articleSection":["Tips","WooCommerce","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wproduct.io\/?p=15#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wproduct.io\/?p=15","url":"https:\/\/wproduct.io\/?p=15","name":"How to Remove WooCommerce Product Title from Breadcrumbs - wproduct","isPartOf":{"@id":"https:\/\/wproduct.io\/#website"},"datePublished":"2024-02-12T16:50:41+00:00","author":{"@id":"https:\/\/wproduct.io\/#\/schema\/person\/9334aad829db794714f547b10ade522d"},"breadcrumb":{"@id":"https:\/\/wproduct.io\/?p=15#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wproduct.io\/?p=15"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wproduct.io\/?p=15#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wproduct.io\/"},{"@type":"ListItem","position":2,"name":"How to Remove WooCommerce Product Title from Breadcrumbs"}]},{"@type":"WebSite","@id":"https:\/\/wproduct.io\/#website","url":"https:\/\/wproduct.io\/","name":"wproduct","description":"Independent E-Commerce with WP and Woo","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wproduct.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wproduct.io\/#\/schema\/person\/9334aad829db794714f547b10ade522d","name":"danji","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/edecfe524783e795fd7498294654db6dd846a53fca4e9ca16c93cd6109815152?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/edecfe524783e795fd7498294654db6dd846a53fca4e9ca16c93cd6109815152?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/edecfe524783e795fd7498294654db6dd846a53fca4e9ca16c93cd6109815152?s=96&d=mm&r=g","caption":"danji"},"sameAs":["https:\/\/wproduct.io"],"url":"https:\/\/wproduct.io\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/wproduct.io\/index.php?rest_route=\/wp\/v2\/posts\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wproduct.io\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wproduct.io\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wproduct.io\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wproduct.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":0,"href":"https:\/\/wproduct.io\/index.php?rest_route=\/wp\/v2\/posts\/15\/revisions"}],"wp:attachment":[{"href":"https:\/\/wproduct.io\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wproduct.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=15"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wproduct.io\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}