{"id":246,"date":"2020-03-30T16:04:54","date_gmt":"2020-03-30T16:04:54","guid":{"rendered":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/?p=246"},"modified":"2024-02-27T12:11:08","modified_gmt":"2024-02-27T12:11:08","slug":"buttons-labels","status":"publish","type":"post","link":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/","title":{"rendered":"Buttons &#038; Labels"},"content":{"rendered":"\n<p>From <strong>YITH &gt; Catalog Mode &gt; Buttons &amp; Labels<\/strong> tab you will be able to create many different custom buttons with your own style, so you can use the right one for your products.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/buttons-labels-tab.jpg\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2216\" height=\"924\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/buttons-labels-tab.jpg\" alt=\"Buttons &amp; labels tab\" class=\"wp-image-744\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/buttons-labels-tab.jpg 2216w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/buttons-labels-tab-300x125.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/buttons-labels-tab-1024x427.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/buttons-labels-tab-768x320.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/buttons-labels-tab-1536x640.jpg 1536w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/buttons-labels-tab-2048x854.jpg 2048w\" sizes=\"auto, (max-width: 2216px) 100vw, 2216px\" \/><\/a><\/figure>\n\n\n\n<p>You can have one custom button that replaces the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cart button on the Shop page<\/li>\n\n\n\n<li>Cart button on product page<\/li>\n\n\n\n<li>Price on the Shop page<\/li>\n\n\n\n<li>Price on product page<\/li>\n<\/ul>\n\n\n\n<p>Let&#8217;s see how to create custom buttons. First of all, click on the button <strong>Create a new button or label<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/33.create-button-label.jpg\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1502\" height=\"818\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/33.create-button-label.jpg\" alt=\"Create new button or label\" class=\"wp-image-747\" style=\"width:694px;height:auto\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/33.create-button-label.jpg 1502w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/33.create-button-label-300x163.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/33.create-button-label-1024x558.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/33.create-button-label-768x418.jpg 768w\" sizes=\"auto, (max-width: 1502px) 100vw, 1502px\" \/><\/a><\/figure>\n\n\n\n<p>There are three sections: <em><strong><a href=\"#update-content\">Content<\/a><\/strong><\/em>, <em><strong><a href=\"#style\">Style<\/a><\/strong><\/em>, and <em><strong><a href=\"#options\">Options<\/a><\/strong><\/em> and a preview box on the right.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"update-content\">Content<\/h3>\n\n\n\n<p>In this section you can customize the text and icon for the button\/label.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/034.button-content.jpg\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2170\" height=\"1228\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/034.button-content.jpg\" alt=\"Button content tab\" class=\"wp-image-936\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/034.button-content.jpg 2170w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/034.button-content-300x170.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/034.button-content-1024x579.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/034.button-content-768x435.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/034.button-content-1536x869.jpg 1536w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/034.button-content-2048x1159.jpg 2048w\" sizes=\"auto, (max-width: 2170px) 100vw, 2170px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Label text<\/strong>: here you can find a textual editor to add the custom text of your button, with custom formatting. Please, consider that if you select Theme Default from the font dropdown, the button will inherit the font of the theme, but the preview might not be perfect. If you want to, you can also include a file from your Media gallery.<\/li>\n\n\n\n<li><strong>Icon<\/strong>: pick a custom icon from the list or upload a custom one. You&#8217;ll be able to customize its size in px, alignment, and colors.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/37.icon-customization.jpg\" data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"856\" height=\"1108\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/37.icon-customization.jpg\" alt=\"Button or label icon customization settings\" class=\"wp-image-755\" style=\"width:353px;height:auto\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/37.icon-customization.jpg 856w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/37.icon-customization-232x300.jpg 232w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/37.icon-customization-791x1024.jpg 791w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/37.icon-customization-768x994.jpg 768w\" sizes=\"auto, (max-width: 856px) 100vw, 856px\" \/><\/a><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"style\">Style<\/h3>\n\n\n\n<p>In this section, you will be able to customize the default and hover colors and style of the button (text, borders, width, margin, padding):<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/35.button-label-style.jpg\" data-rel=\"lightbox-image-4\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2154\" height=\"1414\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/35.button-label-style.jpg\" alt=\"Button or label style\" class=\"wp-image-753\" style=\"object-fit:cover\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/35.button-label-style.jpg 2154w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/35.button-label-style-300x197.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/35.button-label-style-1024x672.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/35.button-label-style-768x504.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/35.button-label-style-1536x1008.jpg 1536w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/35.button-label-style-2048x1344.jpg 2048w\" sizes=\"auto, (max-width: 2154px) 100vw, 2154px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/border-style-settings.jpg\" data-rel=\"lightbox-image-5\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2134\" height=\"1062\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/border-style-settings.jpg\" alt=\"Border and space style settings\" class=\"wp-image-757\" style=\"object-fit:cover\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/border-style-settings.jpg 2134w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/border-style-settings-300x149.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/border-style-settings-1024x510.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/border-style-settings-768x382.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/border-style-settings-1536x764.jpg 1536w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/border-style-settings-2048x1019.jpg 2048w\" sizes=\"auto, (max-width: 2134px) 100vw, 2134px\" \/><\/a><\/figure>\n\n\n\n<p>In the product page, the button would look like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/contact-info-example.jpg\" data-rel=\"lightbox-image-6\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1884\" height=\"1044\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/contact-info-example.jpg\" alt=\"Contact for info button example\" class=\"wp-image-766\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/contact-info-example.jpg 1884w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/contact-info-example-300x166.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/contact-info-example-1024x567.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/contact-info-example-768x426.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/contact-info-example-1536x851.jpg 1536w\" sizes=\"auto, (max-width: 1884px) 100vw, 1884px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"options\">Options<\/h3>\n\n\n\n<p>In this section, you can configure the link and animation of the button\/label.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/36.button-label-options.jpg\" data-rel=\"lightbox-image-7\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2148\" height=\"1236\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/36.button-label-options.jpg\" alt=\"Button or label options\" class=\"wp-image-754\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/36.button-label-options.jpg 2148w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/36.button-label-options-300x173.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/36.button-label-options-1024x589.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/36.button-label-options-768x442.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/36.button-label-options-1536x884.jpg 1536w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/36.button-label-options-2048x1178.jpg 2048w\" sizes=\"auto, (max-width: 2148px) 100vw, 2148px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Link to<\/strong>: choose one of the following:\n<ul class=\"wp-block-list\">\n<li><strong>Unlinked text label<\/strong>: this lets you simply print a static text without any link.<\/li>\n\n\n\n<li><strong>Product page<\/strong>: this will make the button dynamically direct your users to the page of the product where the button appears.<\/li>\n\n\n\n<li><strong>Custom URL<\/strong>: enter here a custom URL of your choice.<\/li>\n\n\n\n<li><strong>Hover animation<\/strong>: here you can choose the hover animation from <em>Float, Grow, Button, Move Hover Color, Press, Push, Shake, Slide Top, Slide Left.<\/em><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>Once you have create a new button or label, you can apply specific actions directly from the Buttons &amp; Labels list:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Edit<\/strong><\/li>\n\n\n\n<li><strong>Duplicate<\/strong><\/li>\n\n\n\n<li><strong>Delete<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/32.buttons-labels-list.jpg\" data-rel=\"lightbox-image-8\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1584\" height=\"1070\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/32.buttons-labels-list.jpg\" alt=\"Buttons &amp; labels actions\" class=\"wp-image-742\" style=\"width:690px;height:auto\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/32.buttons-labels-list.jpg 1584w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/32.buttons-labels-list-300x203.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/32.buttons-labels-list-1024x692.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/32.buttons-labels-list-768x519.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/32.buttons-labels-list-1536x1038.jpg 1536w\" sizes=\"auto, (max-width: 1584px) 100vw, 1584px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>From YITH &gt; Catalog Mode &gt; Buttons &amp; Labels tab you will be able to create many different custom buttons with your own style, so you can use the right one for your products. You can have one custom button that replaces the following: Let&#8217;s see how to create custom buttons. First of all, click &hellip; <a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Buttons &#038; Labels<\/span><\/a><\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-246","post","type-post","status-publish","format-standard","hentry","category-premium-version-settings"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>YITH Catalog Mode: Buttons &amp; Labels<\/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:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"YITH Catalog Mode: Buttons &amp; Labels\" \/>\n<meta property=\"og:description\" content=\"From YITH &gt; Catalog Mode &gt; Buttons &amp; Labels tab you will be able to create many different custom buttons with your own style, so you can use the right one for your products. You can have one custom button that replaces the following: Let&#8217;s see how to create custom buttons. First of all, click &hellip; Continue reading Buttons &#038; Labels\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/\" \/>\n<meta property=\"og:site_name\" content=\"YITH WooCommerce Catalog Mode\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-30T16:04:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-27T12:11:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/buttons-labels-tab.jpg\" \/>\n<meta name=\"author\" content=\"ausilia\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ausilia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/\",\"name\":\"YITH Catalog Mode: Buttons & Labels\",\"isPartOf\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/buttons-labels-tab.jpg\",\"datePublished\":\"2020-03-30T16:04:54+00:00\",\"dateModified\":\"2024-02-27T12:11:08+00:00\",\"author\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/#\/schema\/person\/5689fc6012d168000704e80bf26087da\"},\"breadcrumb\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/#primaryimage\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/buttons-labels-tab.jpg\",\"contentUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/buttons-labels-tab.jpg\",\"width\":2216,\"height\":924,\"caption\":\"Buttons & labels tab\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Buttons &#038; Labels\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/#website\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/\",\"name\":\"YITH WooCommerce Catalog Mode\",\"description\":\"Plugin documentation\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/#\/schema\/person\/5689fc6012d168000704e80bf26087da\",\"name\":\"ausilia\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b8d070e41e47a70dee7611c4d905ff05?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b8d070e41e47a70dee7611c4d905ff05?s=96&d=mm&r=g\",\"caption\":\"ausilia\"},\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/author\/ausilia\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"YITH Catalog Mode: Buttons & Labels","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:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/","og_locale":"en_US","og_type":"article","og_title":"YITH Catalog Mode: Buttons & Labels","og_description":"From YITH &gt; Catalog Mode &gt; Buttons &amp; Labels tab you will be able to create many different custom buttons with your own style, so you can use the right one for your products. You can have one custom button that replaces the following: Let&#8217;s see how to create custom buttons. First of all, click &hellip; Continue reading Buttons &#038; Labels","og_url":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/","og_site_name":"YITH WooCommerce Catalog Mode","article_published_time":"2020-03-30T16:04:54+00:00","article_modified_time":"2024-02-27T12:11:08+00:00","og_image":[{"url":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/buttons-labels-tab.jpg","type":"","width":"","height":""}],"author":"ausilia","twitter_card":"summary_large_image","twitter_misc":{"Written by":"ausilia","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/","name":"YITH Catalog Mode: Buttons & Labels","isPartOf":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/#primaryimage"},"image":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/buttons-labels-tab.jpg","datePublished":"2020-03-30T16:04:54+00:00","dateModified":"2024-02-27T12:11:08+00:00","author":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/#\/schema\/person\/5689fc6012d168000704e80bf26087da"},"breadcrumb":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/#primaryimage","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/buttons-labels-tab.jpg","contentUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-content\/uploads\/sites\/292\/2024\/02\/buttons-labels-tab.jpg","width":2216,"height":924,"caption":"Buttons & labels tab"},{"@type":"BreadcrumbList","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/premium-version-settings\/buttons-labels\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/"},{"@type":"ListItem","position":2,"name":"Buttons &#038; Labels"}]},{"@type":"WebSite","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/#website","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/","name":"YITH WooCommerce Catalog Mode","description":"Plugin documentation","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/#\/schema\/person\/5689fc6012d168000704e80bf26087da","name":"ausilia","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b8d070e41e47a70dee7611c4d905ff05?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b8d070e41e47a70dee7611c4d905ff05?s=96&d=mm&r=g","caption":"ausilia"},"url":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/author\/ausilia\/"}]}},"_links":{"self":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-json\/wp\/v2\/posts\/246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-json\/wp\/v2\/comments?post=246"}],"version-history":[{"count":34,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-json\/wp\/v2\/posts\/246\/revisions"}],"predecessor-version":[{"id":937,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-json\/wp\/v2\/posts\/246\/revisions\/937"}],"wp:attachment":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-json\/wp\/v2\/media?parent=246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-json\/wp\/v2\/categories?post=246"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-catalog-mode\/wp-json\/wp\/v2\/tags?post=246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}