{"id":101,"date":"2020-04-19T11:02:01","date_gmt":"2020-04-19T08:02:01","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=101"},"modified":"2026-10-01T11:34:31","modified_gmt":"2026-10-01T08:34:31","slug":"woocommerce-single-product-data-tabs-pro","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/woocommerce-single-product-data-tabs-pro\/","title":{"rendered":"WooCommerce Single: Product Data Tabs"},"content":{"rendered":"<!-- Original article: https:\/\/elementor.com\/help\/woocommerce-single-product-data-tabs-pro\/ -->\n\n<p class=\"wp-block-paragraph\">The Product Data Tabs widget displays essential product details, reviews, and custom attributes on your single product pages. Control the text colors, typography, and borders for both the tabs and the content panels. This aligns the product data with your overall store design.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Control the product <em>Data Tabs<\/em> style in the WooCommerce Single template.<\/p>\n\n\n[callout type=&#8221;note&#8221;]You must have WooCommerce installed in order to use its features, including products and WooCommerce widgets.[\/callout]\n\n\n<h2 class=\"wp-block-heading\">Style the Tabs<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Design the navigation tabs for your product data. You can style the unselected and selected tabs independently.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/npi-backend.dev.cx.elementor.red\/npi-api\/api\/media\/wordpress-media\/9925699f85eb38f1fbbe45e03bf2b5d9.png\" alt=\"pasted-image-1790416659858\" data-alt=\"pasted-image-1790416659858\"><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Tabs<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Normal | Active<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The following options can be set independently for both the normal and active states.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><p><strong>Text Color<\/strong>: Choose the color of the Tabs text<\/p><\/li><li><p><strong>Background Color<\/strong>: Choose the background color of the Tabs text<\/p><\/li><li><p><strong>Border Color<\/strong>: Choose the border color of the Tab<\/p><\/li><\/ol>\n\n\n\n<ol class=\"wp-block-list\"><li><p><strong>Typography<\/strong>: Set the typography options for the Tabs text<\/p><\/li><li><p><strong>Border Radius<\/strong>: Set the border radius to control corner roundness<\/p><\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Style the Panel<\/h2>\n\n\n\n<ol class=\"wp-block-list\"><li><p><strong>Text Color<\/strong>: Choose the color of the Panel text<\/p><\/li><li><p><strong>Typography<\/strong>: Set the typography options for the Panel text<\/p><\/li><\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Heading<\/h4>\n\n\n\n<ol class=\"wp-block-list\"><li><p><strong>Text Color<\/strong>: Choose the color of the Heading text<\/p><\/li><li><p><strong>Typography<\/strong>: Set the typography options for the Heading text<\/p><\/li><li><p><strong>Border Width<\/strong>: Control the thickness of the Panel border<\/p><\/li><li><p><strong>Border Radius<\/strong>: Set the border radius to control corner roundness of the panel<\/p><\/li><li><p><strong>Box Shadow<\/strong>: Adjust box shadow options<\/p><\/li><\/ol>\n\n\n[callout type=&#8221;warning&#8221;]<strong>Note<\/strong>: The style of this widget is often affected by your theme and plugins. If you experience any such issue, try to switch to a basic theme and deactivate related plugins, or adjust the styling within your theme\u2019s settings.[\/callout]","protected":false},"excerpt":{"rendered":"<p>Learn how to style product Data Tabs in the WooCommerce single template<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65a3ea075f81d30efda2113e"],"footnotes":""},"categories":[1454],"tags":[1389,1388,1382,1390,1398,1235],"class_list":["post-101","post","type-post","status-publish","format-standard","hentry","category-ecom-design","tag-advanced","tag-agency","tag-ecommerce","tag-expert","tag-legacy-essential","tag-pro"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>WooCommerce Single: Product Data Tabs | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about WooCommerce Single: Product Data Tabs in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/woocommerce-single-product-data-tabs-pro\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WooCommerce Single: Product Data Tabs | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about WooCommerce Single: Product Data Tabs in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/woocommerce-single-product-data-tabs-pro\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-19T08:02:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-01T08:34:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/npi-backend.dev.cx.elementor.red\/npi-api\/api\/media\/wordpress-media\/9925699f85eb38f1fbbe45e03bf2b5d9.png\" \/>\n<meta name=\"author\" content=\"asafr\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"asafr\" \/>\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:\\\/\\\/elementor.com\\\/help\\\/woocommerce-single-product-data-tabs-pro\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/woocommerce-single-product-data-tabs-pro\\\/\"},\"author\":{\"name\":\"asafr\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/person\\\/5b0293d4a088f63c38be5dedda50c8da\"},\"headline\":\"WooCommerce Single: Product Data Tabs\",\"datePublished\":\"2020-04-19T08:02:01+00:00\",\"dateModified\":\"2026-10-01T08:34:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/woocommerce-single-product-data-tabs-pro\\\/\"},\"wordCount\":275,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/woocommerce-single-product-data-tabs-pro\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/npi-backend.dev.cx.elementor.red\\\/npi-api\\\/api\\\/media\\\/wordpress-media\\\/9925699f85eb38f1fbbe45e03bf2b5d9.png\",\"keywords\":[\"Advanced\",\"Agency\",\"eCommerce\",\"Expert\",\"Legacy Essential\",\"Pro\"],\"articleSection\":[\"Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/elementor.com\\\/help\\\/woocommerce-single-product-data-tabs-pro\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/woocommerce-single-product-data-tabs-pro\\\/\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/woocommerce-single-product-data-tabs-pro\\\/\",\"name\":\"WooCommerce Single: Product Data Tabs | Elementor\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/woocommerce-single-product-data-tabs-pro\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/woocommerce-single-product-data-tabs-pro\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/npi-backend.dev.cx.elementor.red\\\/npi-api\\\/api\\\/media\\\/wordpress-media\\\/9925699f85eb38f1fbbe45e03bf2b5d9.png\",\"datePublished\":\"2020-04-19T08:02:01+00:00\",\"dateModified\":\"2026-10-01T08:34:31+00:00\",\"description\":\"Learn everything about WooCommerce Single: Product Data Tabs in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/woocommerce-single-product-data-tabs-pro\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/elementor.com\\\/help\\\/woocommerce-single-product-data-tabs-pro\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/woocommerce-single-product-data-tabs-pro\\\/#primaryimage\",\"url\":\"https:\\\/\\\/npi-backend.dev.cx.elementor.red\\\/npi-api\\\/api\\\/media\\\/wordpress-media\\\/9925699f85eb38f1fbbe45e03bf2b5d9.png\",\"contentUrl\":\"https:\\\/\\\/npi-backend.dev.cx.elementor.red\\\/npi-api\\\/api\\\/media\\\/wordpress-media\\\/9925699f85eb38f1fbbe45e03bf2b5d9.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/woocommerce-single-product-data-tabs-pro\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sell Online (Ecommerce)\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/sell-online-ecommerce\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Design\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/sell-online-ecommerce\\\/ecom-design\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"WooCommerce Single: Product Data Tabs\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#website\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/elementor.com\\\/help\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/images.png\",\"contentUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/person\\\/5b0293d4a088f63c38be5dedda50c8da\",\"name\":\"asafr\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g\",\"caption\":\"asafr\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WooCommerce Single: Product Data Tabs | Elementor","description":"Learn everything about WooCommerce Single: Product Data Tabs in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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:\/\/elementor.com\/help\/woocommerce-single-product-data-tabs-pro\/","og_locale":"en_US","og_type":"article","og_title":"WooCommerce Single: Product Data Tabs | Elementor","og_description":"Learn everything about WooCommerce Single: Product Data Tabs in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/woocommerce-single-product-data-tabs-pro\/","og_site_name":"Help","article_published_time":"2020-04-19T08:02:01+00:00","article_modified_time":"2026-10-01T08:34:31+00:00","og_image":[{"url":"https:\/\/npi-backend.dev.cx.elementor.red\/npi-api\/api\/media\/wordpress-media\/9925699f85eb38f1fbbe45e03bf2b5d9.png","type":"","width":"","height":""}],"author":"asafr","twitter_card":"summary_large_image","twitter_misc":{"Written by":"asafr","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/woocommerce-single-product-data-tabs-pro\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/woocommerce-single-product-data-tabs-pro\/"},"author":{"name":"asafr","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/5b0293d4a088f63c38be5dedda50c8da"},"headline":"WooCommerce Single: Product Data Tabs","datePublished":"2020-04-19T08:02:01+00:00","dateModified":"2026-10-01T08:34:31+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/woocommerce-single-product-data-tabs-pro\/"},"wordCount":275,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/woocommerce-single-product-data-tabs-pro\/#primaryimage"},"thumbnailUrl":"https:\/\/npi-backend.dev.cx.elementor.red\/npi-api\/api\/media\/wordpress-media\/9925699f85eb38f1fbbe45e03bf2b5d9.png","keywords":["Advanced","Agency","eCommerce","Expert","Legacy Essential","Pro"],"articleSection":["Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/woocommerce-single-product-data-tabs-pro\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/woocommerce-single-product-data-tabs-pro\/","url":"https:\/\/elementor.com\/help\/woocommerce-single-product-data-tabs-pro\/","name":"WooCommerce Single: Product Data Tabs | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/woocommerce-single-product-data-tabs-pro\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/woocommerce-single-product-data-tabs-pro\/#primaryimage"},"thumbnailUrl":"https:\/\/npi-backend.dev.cx.elementor.red\/npi-api\/api\/media\/wordpress-media\/9925699f85eb38f1fbbe45e03bf2b5d9.png","datePublished":"2020-04-19T08:02:01+00:00","dateModified":"2026-10-01T08:34:31+00:00","description":"Learn everything about WooCommerce Single: Product Data Tabs in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/woocommerce-single-product-data-tabs-pro\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/woocommerce-single-product-data-tabs-pro\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/woocommerce-single-product-data-tabs-pro\/#primaryimage","url":"https:\/\/npi-backend.dev.cx.elementor.red\/npi-api\/api\/media\/wordpress-media\/9925699f85eb38f1fbbe45e03bf2b5d9.png","contentUrl":"https:\/\/npi-backend.dev.cx.elementor.red\/npi-api\/api\/media\/wordpress-media\/9925699f85eb38f1fbbe45e03bf2b5d9.png"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/woocommerce-single-product-data-tabs-pro\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Sell Online (Ecommerce)","item":"https:\/\/elementor.com\/help\/sell-online-ecommerce\/"},{"@type":"ListItem","position":3,"name":"Design","item":"https:\/\/elementor.com\/help\/sell-online-ecommerce\/ecom-design\/"},{"@type":"ListItem","position":4,"name":"WooCommerce Single: Product Data Tabs"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/5b0293d4a088f63c38be5dedda50c8da","name":"asafr","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g","caption":"asafr"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=101"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/101\/revisions"}],"predecessor-version":[{"id":171226,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/101\/revisions\/171226"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}