{"id":57,"date":"2020-04-19T11:02:08","date_gmt":"2020-04-19T08:02:08","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=57"},"modified":"2025-06-05T16:07:14","modified_gmt":"2025-06-05T13:07:14","slug":"woocommerce-single-add-to-cart-pro","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/","title":{"rendered":"WooCommerce Single: Add To Cart widget"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"57\" class=\"elementor elementor-57\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26799a5d e-flex e-con-boxed e-con e-parent\" data-id=\"26799a5d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4660542b elementor-widget elementor-widget-text-editor\" data-id=\"4660542b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\n<p><a class=\"printArticle\" title=\"Print this article\" aria-label=\"Print this Article\" href=\"window.print()\"><i class=\"icon-print\"><\/i><\/a><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62abd0a7 e-flex e-con-boxed e-con e-parent\" data-id=\"62abd0a7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80b4893 elementor-widget elementor-widget-text-editor\" data-id=\"80b4893\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><div class=\"hbox callout-important\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.6342 13.6361C12.1394 15.1309 10.112 15.9707 7.99806 15.9707C5.8841 15.9707 3.85672 15.1309 2.36193 13.6361C0.867135 12.1413 0.0273691 10.114 0.0273692 8.00001C0.0273694 5.88605 0.867136 3.85868 2.36193 2.36388C3.85673 0.869087 5.8841 0.0293208 7.99806 0.029321C10.112 0.0293212 12.1394 0.869088 13.6342 2.36388C15.129 3.85868 15.9688 5.88605 15.9688 8.00001C15.9688 10.114 15.129 12.1413 13.6342 13.6361ZM7.99806 14.4707C9.71419 14.4707 11.36 13.789 12.5735 12.5755C13.787 11.362 14.4688 9.71615 14.4688 8.00001C14.4688 6.28388 13.787 4.63803 12.5735 3.42454C11.36 2.21105 9.71419 1.52932 7.99806 1.52932C6.28193 1.52932 4.63608 2.21105 3.42259 3.42454C2.2091 4.63803 1.52737 6.28388 1.52737 8.00001C1.52737 9.71615 2.2091 11.362 3.42259 12.5755C4.63608 13.789 6.28193 14.4707 7.99806 14.4707ZM7.99806 8.74998C7.58384 8.74998 7.24806 8.41419 7.24806 7.99998L7.24806 4.38963C7.24806 3.97542 7.58384 3.63963 7.99806 3.63963C8.41227 3.63963 8.74806 3.97542 8.74806 4.38963L8.74806 7.99998C8.74806 8.41419 8.41227 8.74998 7.99806 8.74998ZM8.45835 11.9068C8.2923 12.0178 8.09707 12.077 7.89735 12.077C7.62955 12.077 7.37271 11.9706 7.18334 11.7813C6.99397 11.5919 6.88758 11.3351 6.88758 11.0672C6.88758 10.8675 6.9468 10.6723 7.05776 10.5063C7.16872 10.3402 7.32642 10.2108 7.51093 10.1343C7.69544 10.0579 7.89848 10.0379 8.09435 10.0769C8.29022 10.1158 8.47015 10.212 8.61137 10.3532C8.75259 10.4945 8.84876 10.6744 8.88772 10.8703C8.92668 11.0661 8.90669 11.2692 8.83026 11.4537C8.75384 11.6382 8.62441 11.7959 8.45835 11.9068Z\" fill=\"black\"\/>\n\t\t\t\t\t<\/svg><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong>Important<\/strong>\n                    <div class=\"hcontent\"><span style=\"font-weight: 400\">This widget is a <\/span><b>REQUIRED<\/b><span style=\"font-weight: 400\"> element on the WooCommerce Single template. If this widget is not added to the WooCommerce Single template, the Elementor editor will not load. For more information, see <\/span><a href=\"https:\/\/elementor.com\/help\/single-product-site-part\/\"><span style=\"font-weight: 400\">Create a WooCommerce single template.<\/span><\/a> <\/div>\n                <\/div>\n            <\/div><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5efa54e elementor-widget elementor-widget-text-editor\" data-id=\"5efa54e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><div class=\"hbox callout-note\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.36581 2.36386C3.86061 0.869064 5.88798 0.0292969 8.00194 0.0292969C10.1159 0.0292969 12.1433 0.869064 13.6381 2.36386C15.1329 3.85865 15.9726 5.88603 15.9726 7.99999C15.9726 10.1139 15.1329 12.1413 13.6381 13.6361C12.1433 15.1309 10.1159 15.9707 8.00194 15.9707C5.88798 15.9707 3.86061 15.1309 2.36581 13.6361C0.871017 12.1413 0.03125 10.1139 0.03125 7.99999C0.03125 5.88603 0.871017 3.85865 2.36581 2.36386ZM8.00194 1.5293C6.28581 1.5293 4.63996 2.21103 3.42647 3.42452C2.21298 4.63801 1.53125 6.28385 1.53125 7.99999C1.53125 9.71612 2.21298 11.362 3.42647 12.5755C4.63996 13.7889 6.28581 14.4707 8.00194 14.4707C9.71807 14.4707 11.3639 13.7889 12.5774 12.5755C13.7909 11.362 14.4726 9.71612 14.4726 7.99999C14.4726 6.28385 13.7909 4.63801 12.5774 3.42452C11.3639 2.21103 9.71807 1.5293 8.00194 1.5293ZM8.00194 7.25002C8.41616 7.25002 8.75194 7.58581 8.75194 8.00002V11.6104C8.75194 12.0246 8.41616 12.3604 8.00194 12.3604C7.58773 12.3604 7.25194 12.0246 7.25194 11.6104V8.00002C7.25194 7.58581 7.58773 7.25002 8.00194 7.25002ZM7.54165 4.09316C7.7077 3.9822 7.90293 3.92298 8.10265 3.92298C8.37045 3.92298 8.62729 4.02937 8.81666 4.21874C9.00603 4.40811 9.11242 4.66495 9.11242 4.93275C9.11242 5.13246 9.0532 5.32769 8.94224 5.49375C8.83128 5.65981 8.67358 5.78923 8.48907 5.86566C8.30456 5.94208 8.10153 5.96208 7.90565 5.92312C7.70978 5.88416 7.52986 5.78799 7.38863 5.64677C7.24741 5.50554 7.15124 5.32562 7.11228 5.12975C7.07332 4.93387 7.09331 4.73084 7.16974 4.54633C7.24617 4.36182 7.37559 4.20412 7.54165 4.09316Z\" fill=\"black\"\/>\n\t\t\t\t  <\/svg><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong>Note<\/strong>\n                    <div class=\"hcontent\">You must have WooCommerce installed in order to use its features, including products and WooCommerce widgets.<\/div>\n                <\/div>\n            <\/div><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f1005ac elementor-widget elementor-widget-heading\" data-id=\"6f1005ac\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add the widget<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3cec374a e-con-full e-flex e-con e-child\" data-id=\"3cec374a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4beb9063 elementor-widget elementor-widget-image\" data-id=\"4beb9063\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"140\" height=\"99\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart.png\" class=\"attachment-medium_large size-medium_large wp-image-48452\" alt=\"WooCommerce Single Add To Cart\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e82c4d1 elementor-widget elementor-widget-n-accordion\" data-id=\"1e82c4d1\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-5110\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-5110\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Add the widget to the canvas <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-5110\" class=\"elementor-element elementor-element-4aaed4f6 e-con-full e-flex e-con e-child\" data-id=\"4aaed4f6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-42cb2f1f elementor-widget elementor-widget-text-editor\" data-id=\"42cb2f1f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">In Elementor Editor, click<\/span><b> +.<br \/><\/b>All available widgets are displayed.<\/li>\n<li style=\"font-weight: 400\">Click or drag the widget to the canvas. For more information, see <a href=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\"><span>Add elements to a page<\/span><\/a><span>.<\/span><\/li>\n<\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-308ac76 e-flex e-con-boxed e-con e-parent\" data-id=\"308ac76\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe5a78a elementor-widget elementor-widget-heading\" data-id=\"fe5a78a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What is the WooCommerce Single: Add To Cart widget?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30de8f2e elementor-widget elementor-widget-text-editor\" data-id=\"30de8f2e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">The Add to Cart allows you to insert an <\/span><b>Add to Cart <\/b><span style=\"font-weight: 400\">button onto your pages, particularly within the WooCommerce Single template. With this widget, you can control the layout and style of the Add to Cart button, adjusting settings such as button text, size, alignment, colors, typography, borders, and hover effects.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-637a7c65 e-flex e-con-boxed e-con e-parent\" data-id=\"637a7c65\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e495096 elementor-widget elementor-widget-heading\" data-id=\"7e495096\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Common use case<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78fce2fd elementor-widget elementor-widget-text-editor\" data-id=\"78fce2fd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">John is building an eCommerce website that sells kitchen items online. Their client wants to make it easy for customers to add products directly from the product pages to their carts. John uses the Add to Cart widget to insert customizable &#8220;Add to Cart&#8221; buttons on each product page.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">They configure the buttons to match the website&#8217;s design and branding, ensuring a consistent user experience. By implementing this solution, John enhances the website&#8217;s functionality, making it effortless for customers to buy products with just a click.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dde54d3 elementor-widget elementor-widget-image\" data-id=\"dde54d3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1999\" height=\"1136\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-3.png\" class=\"attachment-full size-full wp-image-48453\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-3.png 1999w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-3-300x170.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-3-1024x582.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-3-768x436.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-3-1536x873.png 1536w\" sizes=\"(max-width: 1999px) 100vw, 1999px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4246879 e-flex e-con-boxed e-con e-parent\" data-id=\"4246879\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f1be61 elementor-widget elementor-widget-heading\" data-id=\"6f1be61\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Additional use cases<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-793f8ed5 e-con-full e-flex e-con e-child\" data-id=\"793f8ed5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18c4f94d elementor-widget elementor-widget-text-editor\" data-id=\"18c4f94d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Include an &#8220;Add to Cart&#8221; button for event ticket sales on a website.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Add a &#8220;Donate Now&#8221; button to a nonprofit organization&#8217;s website for fundraising campaigns.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Integrate a &#8220;Request a Quote&#8221; button for services offered on a business website.<\/span><\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78ad62f2 elementor-widget elementor-widget-heading\" data-id=\"78ad62f2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add a WooCommerce Single: Add To Cart widget: Step-by-step<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-389b4c46 elementor-widget elementor-widget-text-editor\" data-id=\"389b4c46\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol>\n<li><span style=\"font-weight: 400\">Add the WooCommerce Single: Add To Cart widget to the canvas. For details, see <\/span><a href=\"https:\/\/elementor.com\/help\/add-elements-to-a-page\/\"><span style=\"font-weight: 400\">Add elements to a page.<\/span><\/a><br \/><div class=\"hbox callout-important\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.6342 13.6361C12.1394 15.1309 10.112 15.9707 7.99806 15.9707C5.8841 15.9707 3.85672 15.1309 2.36193 13.6361C0.867135 12.1413 0.0273691 10.114 0.0273692 8.00001C0.0273694 5.88605 0.867136 3.85868 2.36193 2.36388C3.85673 0.869087 5.8841 0.0293208 7.99806 0.029321C10.112 0.0293212 12.1394 0.869088 13.6342 2.36388C15.129 3.85868 15.9688 5.88605 15.9688 8.00001C15.9688 10.114 15.129 12.1413 13.6342 13.6361ZM7.99806 14.4707C9.71419 14.4707 11.36 13.789 12.5735 12.5755C13.787 11.362 14.4688 9.71615 14.4688 8.00001C14.4688 6.28388 13.787 4.63803 12.5735 3.42454C11.36 2.21105 9.71419 1.52932 7.99806 1.52932C6.28193 1.52932 4.63608 2.21105 3.42259 3.42454C2.2091 4.63803 1.52737 6.28388 1.52737 8.00001C1.52737 9.71615 2.2091 11.362 3.42259 12.5755C4.63608 13.789 6.28193 14.4707 7.99806 14.4707ZM7.99806 8.74998C7.58384 8.74998 7.24806 8.41419 7.24806 7.99998L7.24806 4.38963C7.24806 3.97542 7.58384 3.63963 7.99806 3.63963C8.41227 3.63963 8.74806 3.97542 8.74806 4.38963L8.74806 7.99998C8.74806 8.41419 8.41227 8.74998 7.99806 8.74998ZM8.45835 11.9068C8.2923 12.0178 8.09707 12.077 7.89735 12.077C7.62955 12.077 7.37271 11.9706 7.18334 11.7813C6.99397 11.5919 6.88758 11.3351 6.88758 11.0672C6.88758 10.8675 6.9468 10.6723 7.05776 10.5063C7.16872 10.3402 7.32642 10.2108 7.51093 10.1343C7.69544 10.0579 7.89848 10.0379 8.09435 10.0769C8.29022 10.1158 8.47015 10.212 8.61137 10.3532C8.75259 10.4945 8.84876 10.6744 8.88772 10.8703C8.92668 11.0661 8.90669 11.2692 8.83026 11.4537C8.75384 11.6382 8.62441 11.7959 8.45835 11.9068Z\" fill=\"black\"\/>\n\t\t\t\t\t<\/svg><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong>Important<\/strong>\n                    <div class=\"hcontent\"><span style=\"font-weight: 400\">This widget is a <\/span><b>REQUIRED<\/b><span style=\"font-weight: 400\"> element on the WooCommerce Single template. If this widget is not added to the WooCommerce Single template, the Elementor editor will not load. For more information, see <\/span><a href=\"https:\/\/elementor.com\/help\/single-product-site-part\/\"><span style=\"font-weight: 400\">Create a WooCommerce single template.<\/span><\/a><\/div>\n                <\/div>\n            <\/div><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Style<\/b><span style=\"font-weight: 400\"> tab, under the <\/span><b>Layout<\/b><span style=\"font-weight: 400\"> section, choose how the Add to Cart button is positioned relative to other elements on the page. Options include <\/span><b>Inline, Stacked<\/b><span style=\"font-weight: 400\">, and <\/span><b>Auto.<\/b> <br \/><img decoding=\"async\" class=\"alignnone wp-image-48454 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-5.png\" alt=\"WooCommerce Single Add To Cart 5\" width=\"1714\" height=\"774\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-5.png 1714w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-5-300x135.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-5-1024x462.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-5-768x347.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-5-1536x694.png 1536w\" sizes=\"(max-width: 1714px) 100vw, 1714px\" \/><\/li>\n<li><span style=\"font-weight: 400\">Under the <\/span><b>Button<\/b><span style=\"font-weight: 400\"> section, you get plenty of options to customize the Add to Cart button, such as:<\/span>\n<ol>\n<li><span style=\"font-weight: 400\">In the<\/span><b> Typography<\/b><span style=\"font-weight: 400\"> field, set the typography options for the button text. Learn more about <\/span><a href=\"https:\/\/elementor.com\/help\/what-is-typography\/\"><span style=\"font-weight: 400\">Typography<\/span><\/a><span style=\"font-weight: 400\">.<\/span><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Border Type<\/b><span style=\"font-weight: 400\"> field, choose the type of border for the Add To Cart button from options such as none, solid, double, dotted, dashed, or grooved.<\/span><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Border Width<\/b><span style=\"font-weight: 400\"> field, set the width of the button&#8217;s border.<\/span><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Border Radius<\/b><span style=\"font-weight: 400\"> field, set the border radius to control the roundness of the button&#8217;s corners. For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/border-radius-tools\/\"><span style=\"font-weight: 400\">Border radius tools.<\/span><\/a><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Padding<\/b><span style=\"font-weight: 400\"> field, change the button&#8217;s padding settings to adjust the space between the button text and its border.<\/span><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Text Color <\/b><span style=\"font-weight: 400\">field, choose the color of the Add To Cart button&#8217;s text for both normal and hover states. <\/span><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Background Color<\/b><span style=\"font-weight: 400\"> field, customize the background color of the Add To Cart button for both normal and hover states.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-48455 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-4.png\" alt=\"WooCommerce Single Add To Cart 4\" width=\"1999\" height=\"1015\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-4.png 1999w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-4-300x152.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-4-1024x520.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-4-768x390.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-4-1536x780.png 1536w\" sizes=\"(max-width: 1999px) 100vw, 1999px\" \/><\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Below the <\/span><b>View Cart<\/b><span style=\"font-weight: 400\"> sub-section, in the color field, choose the color of the View Cart button.<\/span><\/li>\n<li><span style=\"font-weight: 400\">In the<\/span><b> Typography<\/b><span style=\"font-weight: 400\"> field, set the typography options for the View Cart button text. Learn more about <\/span><a href=\"https:\/\/elementor.com\/help\/what-is-typography\/\"><span style=\"font-weight: 400\">Typography<\/span><\/a><span style=\"font-weight: 400\">.<\/span><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Spacing<\/b><span style=\"font-weight: 400\"> field, use a slider to adjust the spacing of the View Cart button.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-48456 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-8.png\" alt=\"WooCommerce Single Add To Cart 8\" width=\"1999\" height=\"1037\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-8.png 1999w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-8-300x156.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-8-1024x531.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-8-768x398.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-8-1536x797.png 1536w\" sizes=\"(max-width: 1999px) 100vw, 1999px\" \/><\/span><\/li>\n<\/ol>\n<\/li>\n<li><span style=\"font-weight: 400\">Under the <\/span><b>Quantity<\/b><span style=\"font-weight: 400\"> section, customize the quantity number. The customization options are:<\/span>\n<ol>\n<li><span style=\"font-weight: 400\">Slide the <\/span><b>Quantity<\/b><span style=\"font-weight: 400\"> toggle to Yes to display product quantity number.<\/span><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Spacing<\/b><span style=\"font-weight: 400\"> field, adjust the amount of space between the Quantity field and the Add To Cart button. <\/span><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Typography<\/b><span style=\"font-weight: 400\"> field, customize the typography options for the Quantity text, including font style, size, weight, line height, and letter spacing. Learn more about <\/span><a href=\"https:\/\/elementor.com\/help\/what-is-typography\/\"><span style=\"font-weight: 400\">Typography<\/span><\/a><span style=\"font-weight: 400\">.<\/span><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Border Type<\/b><span style=\"font-weight: 400\"> field, select the type of border for the Quantity field from options such as none, solid, double, dotted, dashed, or grooved.<\/span><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Border Radius<\/b><span style=\"font-weight: 400\"> field, set the border radius to control the roundness of the corners of the Quantity field. For more details, see <\/span><a href=\"https:\/\/elementor.com\/help\/border-radius-tools\/\"><span style=\"font-weight: 400\">Border radius tools.<\/span><\/a><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Padding<\/b><span style=\"font-weight: 400\"> field, change the padding settings of the Quantity field to adjust the amount of space between the Quantity text and its border.<\/span><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Text Color<\/b><span style=\"font-weight: 400\"> field, choose the color of the Quantity text for both normal and focus states.<\/span><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Background Color<\/b><span style=\"font-weight: 400\"> field, customize the background color of the Quantity field for both normal and focus states. <\/span><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Border Color <\/b><span style=\"font-weight: 400\">field, select the border color of the Quantity field for both normal and focus states.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-48458 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-11.png\" alt=\"WooCommerce Single Add To Cart 11\" width=\"1999\" height=\"1084\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-11.png 1999w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-11-300x163.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-11-1024x555.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-11-768x416.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-11-1536x833.png 1536w\" sizes=\"(max-width: 1999px) 100vw, 1999px\" \/><\/span><\/li>\n<\/ol>\n<\/li>\n<li><span style=\"font-weight: 400\">Under the <\/span><b>Variations<\/b><span style=\"font-weight: 400\"> section, you get to customize the appearance and functionality of variation selectors, such as<\/span>\n<ol>\n<li><span style=\"font-weight: 400\">In the<\/span><b> Width<\/b><span style=\"font-weight: 400\"> field, set the width of the variation. <\/span><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Spacing<\/b><span style=\"font-weight: 400\"> field, adjust the amount of space between the variations (labels and select fields) and the Add To Cart button.<\/span><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Space Between<\/b><span style=\"font-weight: 400\"> field, change the amount of space between each variation.<\/span><\/li>\n<li><span style=\"font-weight: 400\">Below the <\/span><b>Label<\/b><span style=\"font-weight: 400\"> subsection, in the <\/span><b>Label Color<\/b><span style=\"font-weight: 400\"> field, choose the color of the Variations&#8217; Label text.<\/span><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Typography<\/b><span style=\"font-weight: 400\"> field, customize the typography options of the Variations&#8217; Label text, including font style, size, weight, line height, and letter spacing. Learn more about <\/span><a href=\"https:\/\/elementor.com\/help\/what-is-typography\/\"><span style=\"font-weight: 400\">Typography<\/span><\/a><span style=\"font-weight: 400\">.<\/span><\/li>\n<li><span style=\"font-weight: 400\">Below the <\/span><b>Select<\/b><span style=\"font-weight: 400\"> field, in the <\/span><b>Color<\/b><span style=\"font-weight: 400\"> field, choose the color of the Variations&#8217; Select field text.<\/span><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Background Color<\/b><span style=\"font-weight: 400\"> field, customize the background color of the Variations&#8217; Select field.<\/span><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Border Color<\/b><span style=\"font-weight: 400\"> field, choose the border color of the Variations&#8217; Select field. <\/span><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Typography<\/b><span style=\"font-weight: 400\"> Field, customize the typography options of the Variations&#8217; Select field text, including font style, size, weight, line height, and letter spacing. <\/span><\/li>\n<li><span style=\"font-weight: 400\">In the <\/span><b>Border Radius<\/b><span style=\"font-weight: 400\"> field, set the border radius to control the roundness of the corners of the Variations&#8217; Select field.<br \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-48457 size-full\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-6.png\" alt=\"WooCommerce Single Add To Cart 6\" width=\"1999\" height=\"1024\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-6.png 1999w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-6-300x154.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-6-1024x525.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-6-768x393.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-6-1536x787.png 1536w\" sizes=\"(max-width: 1999px) 100vw, 1999px\" \/><\/span><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p><div class=\"hbox callout-note\">\n                <div class=\"hicon\"> \n                    <span class=\"material-symbols-outlined\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.36581 2.36386C3.86061 0.869064 5.88798 0.0292969 8.00194 0.0292969C10.1159 0.0292969 12.1433 0.869064 13.6381 2.36386C15.1329 3.85865 15.9726 5.88603 15.9726 7.99999C15.9726 10.1139 15.1329 12.1413 13.6381 13.6361C12.1433 15.1309 10.1159 15.9707 8.00194 15.9707C5.88798 15.9707 3.86061 15.1309 2.36581 13.6361C0.871017 12.1413 0.03125 10.1139 0.03125 7.99999C0.03125 5.88603 0.871017 3.85865 2.36581 2.36386ZM8.00194 1.5293C6.28581 1.5293 4.63996 2.21103 3.42647 3.42452C2.21298 4.63801 1.53125 6.28385 1.53125 7.99999C1.53125 9.71612 2.21298 11.362 3.42647 12.5755C4.63996 13.7889 6.28581 14.4707 8.00194 14.4707C9.71807 14.4707 11.3639 13.7889 12.5774 12.5755C13.7909 11.362 14.4726 9.71612 14.4726 7.99999C14.4726 6.28385 13.7909 4.63801 12.5774 3.42452C11.3639 2.21103 9.71807 1.5293 8.00194 1.5293ZM8.00194 7.25002C8.41616 7.25002 8.75194 7.58581 8.75194 8.00002V11.6104C8.75194 12.0246 8.41616 12.3604 8.00194 12.3604C7.58773 12.3604 7.25194 12.0246 7.25194 11.6104V8.00002C7.25194 7.58581 7.58773 7.25002 8.00194 7.25002ZM7.54165 4.09316C7.7077 3.9822 7.90293 3.92298 8.10265 3.92298C8.37045 3.92298 8.62729 4.02937 8.81666 4.21874C9.00603 4.40811 9.11242 4.66495 9.11242 4.93275C9.11242 5.13246 9.0532 5.32769 8.94224 5.49375C8.83128 5.65981 8.67358 5.78923 8.48907 5.86566C8.30456 5.94208 8.10153 5.96208 7.90565 5.92312C7.70978 5.88416 7.52986 5.78799 7.38863 5.64677C7.24741 5.50554 7.15124 5.32562 7.11228 5.12975C7.07332 4.93387 7.09331 4.73084 7.16974 4.54633C7.24617 4.36182 7.37559 4.20412 7.54165 4.09316Z\" fill=\"black\"\/>\n\t\t\t\t  <\/svg><\/span>\n                <\/div>\n                <div class=\"hboxinfo\">\n                    <strong>Note<\/strong>\n                    <div class=\"hcontent\"><span style=\"font-weight: 400\">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.<\/span><\/div>\n                <\/div>\n            <\/div><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31a61918 e-flex e-con-boxed e-con e-parent\" data-id=\"31a61918\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bbb6802 elementor-widget elementor-widget-heading\" data-id=\"6bbb6802\" data-element_type=\"widget\" id=\"settings\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Settings for the WooCommerce Single: Add To Cart Widget<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6553f39b elementor-widget elementor-widget-text-editor\" data-id=\"6553f39b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">You can customize your widgets using style, and other advanced parameters, offering you great flexibility in tailoring them to your needs. Click the tabs below to see all the settings available for this widget.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-53e0cc5a e-flex e-con-boxed e-con e-parent\" data-id=\"53e0cc5a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fac38ef elementor-widget elementor-widget-heading\" data-id=\"2fac38ef\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Style tab<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fb7df4a elementor-widget__width-auto e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"7fb7df4a\" data-element_type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"2142756682\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-21427566821\" data-tab-title-id=\"e-n-tab-title-21427566821\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-21427566821\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tLayout\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-21427566822\" data-tab-title-id=\"e-n-tab-title-21427566822\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-21427566822\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tButton\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-21427566823\" data-tab-title-id=\"e-n-tab-title-21427566823\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-21427566823\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tQuantity\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-21427566824\" data-tab-title-id=\"e-n-tab-title-21427566824\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"4\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-21427566824\" style=\"--n-tabs-title-order: 4;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tVariations\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-21427566821\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-21427566821\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-49fbec01 e-con-full e-flex e-con e-child\" data-id=\"49fbec01\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7832f44b elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"7832f44b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"584\" height=\"498\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-1.png\" class=\"attachment-full size-full wp-image-48465\" alt=\"WooCommerce Single Add To Cart 1\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-1.png 584w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-1-300x256.png 300w\" sizes=\"(max-width: 584px) 100vw, 584px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d451f0 elementor-widget__width-initial elementor-widget elementor-widget-n-accordion\" data-id=\"6d451f0\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1140\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1140\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Layout <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1140\" class=\"elementor-element elementor-element-7705bc72 e-con-full e-flex e-con e-child\" data-id=\"7705bc72\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53322571 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"53322571\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Choose how the Add to Cart button is positioned relative to other elements on the page. Options included are<\/span><b> Inline, Stacke<\/b><span style=\"font-weight: 400\"><strong>d<\/strong> and <\/span><b>Auto.<\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-21427566822\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-21427566822\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-1caaddf5 e-con-full e-flex e-con e-child\" data-id=\"1caaddf5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60dad156 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"60dad156\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"1469\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-2.png\" class=\"attachment-full size-full wp-image-48466\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-2.png 440w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-2-90x300.png 90w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-2-307x1024.png 307w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bf36349 elementor-widget__width-initial elementor-widget elementor-widget-n-accordion\" data-id=\"4bf36349\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1270\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1270\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Alignment <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1270\" class=\"elementor-element elementor-element-4d883460 e-con-full e-flex e-con e-child\" data-id=\"4d883460\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-381e2c00 elementor-widget elementor-widget-text-editor\" data-id=\"381e2c00\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Align the title to the left, right, center, or justified.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1271\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1271\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Typography <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1271\" class=\"elementor-element elementor-element-2a0b805d e-con-full e-flex e-con e-child\" data-id=\"2a0b805d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40e30041 elementor-widget elementor-widget-text-editor\" data-id=\"40e30041\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Change the typography options for the Add To Cart button.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1272\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1272\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Border Type <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1272\" class=\"elementor-element elementor-element-33d00fef e-con-full e-flex e-con e-child\" data-id=\"33d00fef\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c5cca77 elementor-widget elementor-widget-text-editor\" data-id=\"6c5cca77\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1273\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1273\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Border Width <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1273\" class=\"elementor-element elementor-element-25a94a4b e-con-full e-flex e-con e-child\" data-id=\"25a94a4b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7336d308 elementor-widget elementor-widget-text-editor\" data-id=\"7336d308\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Set the width of the button&#8217;s border.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1274\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1274\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Border Radius <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1274\" class=\"elementor-element elementor-element-5ecb1b40 e-con-full e-flex e-con e-child\" data-id=\"5ecb1b40\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3886b21 elementor-widget elementor-widget-text-editor\" data-id=\"3886b21\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Set the border radius to control corner roundness.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1275\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"6\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1275\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Padding <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1275\" class=\"elementor-element elementor-element-75b7afa9 e-con-full e-flex e-con e-child\" data-id=\"75b7afa9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2176a15f elementor-widget elementor-widget-text-editor\" data-id=\"2176a15f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Change the padding settings of the button.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1276\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"7\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1276\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Text Color <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1276\" class=\"elementor-element elementor-element-169851cc e-con-full e-flex e-con e-child\" data-id=\"169851cc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c74a311 elementor-widget elementor-widget-text-editor\" data-id=\"2c74a311\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Choose the color of the button\u2019s text for both the normal and hover states.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1277\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"8\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1277\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Background Color <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1277\" class=\"elementor-element elementor-element-193ef98e e-con-full e-flex e-con e-child\" data-id=\"193ef98e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f8ecc07 elementor-widget elementor-widget-text-editor\" data-id=\"1f8ecc07\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Choose the background color of the button for both the normal and hover states.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1278\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"9\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1278\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Border Color <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1278\" class=\"elementor-element elementor-element-50370aa e-con-full e-flex e-con e-child\" data-id=\"50370aa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ddad1c elementor-widget elementor-widget-text-editor\" data-id=\"3ddad1c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Choose the border color of the button for both the normal and hover states.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1279\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"10\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1279\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> View Cart <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1279\" class=\"elementor-element elementor-element-cb0edc6 e-con-full e-flex e-con e-child\" data-id=\"cb0edc6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a71aee8 elementor-widget elementor-widget-text-editor\" data-id=\"a71aee8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Color: Choose the color of the View Cart button.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Typography: <\/span><span style=\"font-weight: 400\">Set the typography options for the View Cart button text. Learn more about <\/span><a href=\"https:\/\/elementor.com\/help\/what-is-typography\/\"><span style=\"font-weight: 400\">Typography<\/span><\/a><span style=\"font-weight: 400\">.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Spacing: Use a slider to adjust the spacing of the View Cart button.<\/span><\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-21427566823\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-21427566823\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\" elementor-element elementor-element-16e616df e-con-full e-flex e-con e-child\" data-id=\"16e616df\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-745380d0 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"745380d0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"565\" height=\"1255\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-9.png\" class=\"attachment-full size-full wp-image-48467\" alt=\"WooCommerce Single Add To Cart 9\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-9.png 565w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-9-135x300.png 135w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-9-461x1024.png 461w\" sizes=\"(max-width: 565px) 100vw, 565px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68c4317 elementor-widget__width-initial elementor-widget elementor-widget-n-accordion\" data-id=\"68c4317\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1090\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1090\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Quantity <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1090\" class=\"elementor-element elementor-element-689d56e e-con-full e-flex e-con e-child\" data-id=\"689d56e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-445fe289 elementor-widget elementor-widget-text-editor\" data-id=\"445fe289\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Slide the Quantity toggle to <\/span><b>Yes<\/b><span style=\"font-weight: 400\"> to display the product quantity number.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1091\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1091\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Spacing <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1091\" class=\"elementor-element elementor-element-757e5731 e-con-full e-flex e-con e-child\" data-id=\"757e5731\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-194ab6ac elementor-widget elementor-widget-text-editor\" data-id=\"194ab6ac\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Adjust the amount of space between the Quantity field and the Button.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1092\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1092\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Typography <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1092\" class=\"elementor-element elementor-element-4116fd30 e-con-full e-flex e-con e-child\" data-id=\"4116fd30\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67297d31 elementor-widget elementor-widget-text-editor\" data-id=\"67297d31\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Change the typography options for the Quantity text.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1093\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1093\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Border Type <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1093\" class=\"elementor-element elementor-element-601cc2b9 e-con-full e-flex e-con e-child\" data-id=\"601cc2b9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32acca6a elementor-widget elementor-widget-text-editor\" data-id=\"32acca6a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1094\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1094\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Border Radius <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1094\" class=\"elementor-element elementor-element-34d94207 e-con-full e-flex e-con e-child\" data-id=\"34d94207\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2859ccde elementor-widget elementor-widget-text-editor\" data-id=\"2859ccde\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Set the border radius to control corner roundness.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1095\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"6\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1095\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Padding <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1095\" class=\"elementor-element elementor-element-31b90db5 e-con-full e-flex e-con e-child\" data-id=\"31b90db5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19d8e7d0 elementor-widget elementor-widget-text-editor\" data-id=\"19d8e7d0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Change the padding settings of the Quantity field.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1096\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"7\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1096\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Text Color <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1096\" class=\"elementor-element elementor-element-22c0b9b4 e-con-full e-flex e-con e-child\" data-id=\"22c0b9b4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-673ad3cf elementor-widget elementor-widget-text-editor\" data-id=\"673ad3cf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Choose the color of the Quantity\u2019s text for both the normal and focus states.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1097\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"8\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1097\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Background Color <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1097\" class=\"elementor-element elementor-element-4a943f5a e-con-full e-flex e-con e-child\" data-id=\"4a943f5a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73513a30 elementor-widget elementor-widget-text-editor\" data-id=\"73513a30\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Choose the background color of the Quantity field for both the normal and focus states.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1098\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"9\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1098\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Border Color <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1098\" class=\"elementor-element elementor-element-15ca0d87 e-con-full e-flex e-con e-child\" data-id=\"15ca0d87\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26ee2d6d elementor-widget elementor-widget-text-editor\" data-id=\"26ee2d6d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Choose the border color of the Quantity field for both the normal and focus states.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-21427566824\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-21427566824\" data-tab-index=\"4\" style=\"--n-tabs-title-order: 4;\" class=\" elementor-element elementor-element-187fd498 e-con-full e-flex e-con e-child\" data-id=\"187fd498\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f2c7fc5 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"1f2c7fc5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"566\" height=\"1278\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-10.png\" class=\"attachment-full size-full wp-image-48468\" alt=\"WooCommerce Single Add To Cart 10\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-10.png 566w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-10-133x300.png 133w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-10-454x1024.png 454w\" sizes=\"(max-width: 566px) 100vw, 566px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-128063c5 elementor-widget__width-initial elementor-widget elementor-widget-n-accordion\" data-id=\"128063c5\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-3100\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-3100\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Width <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-3100\" class=\"elementor-element elementor-element-2d376992 e-con-full e-flex e-con e-child\" data-id=\"2d376992\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3af374d3 elementor-widget elementor-widget-text-editor\" data-id=\"3af374d3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Set the width of the variation.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-3101\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-3101\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Spacing <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-3101\" class=\"elementor-element elementor-element-620fa896 e-con-full e-flex e-con e-child\" data-id=\"620fa896\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a36a7d6 elementor-widget elementor-widget-text-editor\" data-id=\"7a36a7d6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Change the amount of space between the variations and the Add To Cart button.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-3102\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-3102\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Space Between <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-3102\" class=\"elementor-element elementor-element-56893601 e-con-full e-flex e-con e-child\" data-id=\"56893601\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35e1b18a elementor-widget elementor-widget-text-editor\" data-id=\"35e1b18a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Change the amount of space between each variation. <\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-3103\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-3103\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Label <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-3103\" class=\"elementor-element elementor-element-7767712a e-con-full e-flex e-con e-child\" data-id=\"7767712a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e12db80 elementor-widget elementor-widget-text-editor\" data-id=\"4e12db80\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Color: Choose the color of the Variations\u2019 Label text.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Typography: Change the typography options of the Variations\u2019 Label text.<\/span><\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-3104\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-3104\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Select Field <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-3104\" class=\"elementor-element elementor-element-1b5e8610 e-con-full e-flex e-con e-child\" data-id=\"1b5e8610\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7be34d26 elementor-widget elementor-widget-text-editor\" data-id=\"7be34d26\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Color: Choose the color of the Variations\u2019 Select field text.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Background Color: Choose the background color of the Variations\u2019 Select field.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Border Color: Choose the border color of the Variations\u2019 Select field.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Typography: Change the typography options of the Variations\u2019 Select field.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Border Radius: Set the border radius to control corner roundness.<\/span><\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12268fd e-flex e-con-boxed e-con e-parent\" data-id=\"12268fd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75b63f39 elementor-widget elementor-widget-heading\" data-id=\"75b63f39\" data-element_type=\"widget\" id=\"settings\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Advanced tab<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50468140 elementor-widget elementor-widget-text-editor\" data-id=\"50468140\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">The Advanced tab provides options to control widget position, adjust spacing, add custom code, and\u00a0<\/span><span style=\"font-weight: 400\">more.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7540ac96 elementor-widget__width-auto e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"7540ac96\" data-element_type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"1967172758\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-19671727581\" data-tab-title-id=\"e-n-tab-title-19671727581\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-19671727581\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tAdvanced\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-19671727581\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-19671727581\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-65ad31dc e-con-full e-flex e-con e-child\" data-id=\"65ad31dc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54363d76 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"54363d76\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"303\" height=\"758\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-7.png\" class=\"attachment-full size-full wp-image-48469\" alt=\"WooCommerce Single Add To Cart 7\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-7.png 303w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart-7-120x300.png 120w\" sizes=\"(max-width: 303px) 100vw, 303px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7010c2f1 elementor-widget__width-initial elementor-widget elementor-widget-n-accordion\" data-id=\"7010c2f1\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1880\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1880\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Advanced <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><i aria-hidden=\"true\" class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t<span class='e-closed'><i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1880\" class=\"elementor-element elementor-element-35d73b7c e-con-full e-flex e-con e-child\" data-id=\"35d73b7c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41209e13 elementor-widget elementor-widget-text-editor\" data-id=\"41209e13\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">Learn more about the <\/span><a href=\"https:\/\/elementor.com\/help\/advanced-tab\/\"><span style=\"font-weight: 400\">Advanced tab settings.<\/span><\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lists the differences between Elementor&#8217;s free version and its Pro version<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65ba398aff2ba23c1ca87bc8"],"footnotes":""},"categories":[1454],"tags":[1389,1388,1382,1390,1398,1235],"class_list":["post-57","post","type-post","status-publish","format-standard","hentry","category-woocommerce-widgets","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 v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WooCommerce Single: Add To Cart widget | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about WooCommerce Single: Add To Cart widget 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-add-to-cart-pro\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WooCommerce Single: Add To Cart widget | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about WooCommerce Single: Add To Cart widget 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-add-to-cart-pro\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-19T08:02:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-05T13:07:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart.png\" \/>\n\t<meta property=\"og:image:width\" content=\"140\" \/>\n\t<meta property=\"og:image:height\" content=\"99\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"WooCommerce Single: Add To Cart widget\",\"datePublished\":\"2020-04-19T08:02:08+00:00\",\"dateModified\":\"2025-06-05T13:07:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/\"},\"wordCount\":2346,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart.png\",\"keywords\":[\"Advanced\",\"Agency\",\"eCommerce\",\"Expert\",\"Legacy Essential\",\"Pro\"],\"articleSection\":[\"WooCommerce widgets\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/\",\"url\":\"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/\",\"name\":\"WooCommerce Single: Add To Cart widget | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart.png\",\"datePublished\":\"2020-04-19T08:02:08+00:00\",\"dateModified\":\"2025-06-05T13:07:14+00:00\",\"description\":\"Learn everything about WooCommerce Single: Add To Cart widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart.png\",\"width\":140,\"height\":99,\"caption\":\"WooCommerce Single Add To Cart\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Online Commerce\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/online-commerce\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"WooCommerce widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/online-commerce\/woocommerce-widgets\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"WooCommerce Single: Add To Cart widget\"}]},{\"@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\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WooCommerce Single: Add To Cart widget | Elementor","description":"Learn everything about WooCommerce Single: Add To Cart widget 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-add-to-cart-pro\/","og_locale":"en_US","og_type":"article","og_title":"WooCommerce Single: Add To Cart widget | Elementor","og_description":"Learn everything about WooCommerce Single: Add To Cart widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/","og_site_name":"Help","article_published_time":"2020-04-19T08:02:08+00:00","article_modified_time":"2025-06-05T13:07:14+00:00","og_image":[{"width":140,"height":99,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart.png","type":"image\/png"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"WooCommerce Single: Add To Cart widget","datePublished":"2020-04-19T08:02:08+00:00","dateModified":"2025-06-05T13:07:14+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/"},"wordCount":2346,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart.png","keywords":["Advanced","Agency","eCommerce","Expert","Legacy Essential","Pro"],"articleSection":["WooCommerce widgets"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/","url":"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/","name":"WooCommerce Single: Add To Cart widget | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart.png","datePublished":"2020-04-19T08:02:08+00:00","dateModified":"2025-06-05T13:07:14+00:00","description":"Learn everything about WooCommerce Single: Add To Cart widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/WooCommerce-Single-Add-To-Cart.png","width":140,"height":99,"caption":"WooCommerce Single Add To Cart"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/woocommerce-single-add-to-cart-pro\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Online Commerce","item":"https:\/\/elementor.com\/help\/elementor-editor\/online-commerce\/"},{"@type":"ListItem","position":4,"name":"WooCommerce widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/online-commerce\/woocommerce-widgets\/"},{"@type":"ListItem","position":5,"name":"WooCommerce Single: Add To Cart widget"}]},{"@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\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/57","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=57"}],"version-history":[{"count":10,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/57\/revisions"}],"predecessor-version":[{"id":58532,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/57\/revisions\/58532"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=57"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=57"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}