{"id":4901,"date":"2023-08-10T10:54:19","date_gmt":"2023-08-10T00:54:19","guid":{"rendered":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/?p=4901"},"modified":"2025-07-23T23:08:59","modified_gmt":"2025-07-23T13:08:59","slug":"simple-cart-setting-up-product-variations","status":"publish","type":"post","link":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/simple-cart-setting-up-product-variations-4901","title":{"rendered":"Setting Up Product Variations"},"content":{"rendered":"\n<p>The <a href=\"https:\/\/wordpress.org\/plugins\/wordpress-simple-paypal-shopping-cart\/\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Simple Shopping Cart plugin<\/strong><\/a> has a very simple variation setup feature. You can use Variation Control to design products as shown in the following screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2009\/07\/simple-cart-product-with-variation-control-screenshot.png\"><img loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"410\" src=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2009\/07\/simple-cart-product-with-variation-control-screenshot.png\" alt=\"simple-cart-product-with-variation-control-screenshot\" class=\"wp-image-4389\" srcset=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2009\/07\/simple-cart-product-with-variation-control-screenshot.png 281w, https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2009\/07\/simple-cart-product-with-variation-control-screenshot-206x300.png 206w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2009\/07\/simple-cart-screenshot-with-variation.png\"><img loading=\"lazy\" decoding=\"async\" width=\"552\" height=\"444\" src=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2009\/07\/simple-cart-screenshot-with-variation.png\" alt=\"simple-cart-screenshot-with-variation\" class=\"wp-image-4387\" srcset=\"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2009\/07\/simple-cart-screenshot-with-variation.png 552w, https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-content\/uploads\/2009\/07\/simple-cart-screenshot-with-variation-300x241.png 300w\" sizes=\"(max-width: 552px) 100vw, 552px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<h2 class=\"simpletoc-title\">Table of Contents<\/h2>\n<ul class=\"simpletoc-list\">\n<li><a href=\"#video-tutorial-configuring-product-variations\">Video Tutorial: Configuring Product Variations<\/a>\n\n<\/li>\n<li><a href=\"#shortcode-parameter-for-product-variation\">Shortcode Parameter for Product Variation<\/a>\n\n<\/li>\n<li><a href=\"#product-variation-with-price-modifier\">Product Variation with Price Modifier<\/a>\n\n\n<ul><li>\n<a href=\"#variation-notes\">Variation Notes<\/a>\n<\/li>\n<\/ul>\n<\/li><\/ul>\n\n<h2 class=\"wp-block-heading\" id=\"video-tutorial-configuring-product-variations\">Video Tutorial: Configuring Product Variations<\/h2>\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Using Product Variations with Simple Shopping Cart\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/9NxDgldBEQE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n<h2 class=\"wp-block-heading\" id=\"shortcode-parameter-for-product-variation\">Shortcode Parameter for Product Variation <\/h2>\n\n\n<p>To apply variation control to your product, utilize the &#8216;var1&#8217;, &#8216;var2&#8217;, &#8216;var3&#8217; parameters in the shortcode, as demonstrated below:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[wp_cart_button name=\"Test Product\" price=\"25.95\" var1=\"VARIATION-NAME|VARIATION1|VARIATION2|VARIATION3\"]<\/pre>\n\n\n\n<p>Here is an example product shortcode using one variation option:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[wp_cart_button name=\"Test Product\" price=\"29.95\" var1=\"Size|Small|Medium|Large\"]<\/pre>\n\n\n\n<p>Below is an example product shortcode using 3 variations:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[wp_cart_button name=\"Test Product\" price=\"29.95\" var1=\"Size|small|medium|large\" var2=\"Color|red|green|blue\" var3=\"Sleeve|short|full\"]<\/pre>\n\n\n<h2 class=\"wp-block-heading\" id=\"product-variation-with-price-modifier\">Product Variation with Price Modifier<\/h2>\n\n\n<p>You can now create product variations that dynamically adjust the base price based on the selected option. This is useful when certain variations cost more (or less) than the default price.<\/p>\n\n\n\n<p>Use the following format to define variations with price modifiers:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[wp_cart_button name=\"Test Product\" price=\"15.00\" var1=\"Size|small|medium::5|large::10\" var2=\"Color|red|green::2|blue::3\" var3=\"Sleeve|short|full::5\"]<\/pre>\n\n\n\n<p>In the above example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Selecting <strong>medium<\/strong> adds $5 to the base price.<\/li>\n\n\n\n<li>Selecting <strong>large<\/strong> adds $10.<\/li>\n\n\n\n<li>Choosing <strong>green<\/strong> adds $2, and <strong>blue<\/strong> adds $3.<\/li>\n\n\n\n<li>Choosing <strong>full<\/strong> sleeves adds $5.<\/li>\n<\/ul>\n\n\n\n<p>You can also apply <strong>negative<\/strong> price modifiers to reduce the base price. For example:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[wp_cart_button name=\"Test Product Two\" price=\"20.00\" var1=\"Size|small|medium::10|large::-5\" var2=\"Color|red|green::2|blue::3\" var3=\"Sleeve|short|full\"]<\/pre>\n\n\n\n<p>In this case:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Selecting <strong>large<\/strong> subtracts $5 from the base price.<\/li>\n<\/ul>\n\n\n<h3 class=\"wp-block-heading\" id=\"variation-notes\">Variation Notes<\/h3>\n\n\n<ul class=\"wp-block-list\">\n<li>Ensure each variation group (var1, var2, etc.) is properly formatted with the | separator for options and :: for price modifiers.<\/li>\n\n\n\n<li>If no price modifier is needed for an option, simply omit the ::modifier part (e.g., short or full in the example above).<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The Simple Shopping Cart plugin has a very simple variation setup feature. You can use Variation Control to design products as shown in the following screenshot. Video Tutorial: Configuring Product Variations Shortcode Parameter for Product Variation To apply variation control to your product, utilize the &#8216;var1&#8217;, &#8216;var2&#8217;, &#8216;var3&#8217; parameters in the shortcode, as demonstrated below: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-4901","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-uncategorized","7":"entry"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/posts\/4901"}],"collection":[{"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/comments?post=4901"}],"version-history":[{"count":0,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/posts\/4901\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/media?parent=4901"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/categories?post=4901"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tipsandtricks-hq.com\/ecommerce\/wp-json\/wp\/v2\/tags?post=4901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}