{"id":81,"date":"2018-04-15T04:56:22","date_gmt":"2018-04-15T04:56:22","guid":{"rendered":"https:\/\/www.holithemes.com\/plugins\/wca\/?p=81"},"modified":"2018-04-15T04:56:22","modified_gmt":"2018-04-15T04:56:22","slug":"woocommerce-position","status":"publish","type":"post","link":"https:\/\/holithemes.com\/plugins\/click\/woocommerce-position\/","title":{"rendered":"WooCommerce Position"},"content":{"rendered":"\n<p>WooCommerce position is different then the floating position.<\/p>\n\n\n\n<p>Place the style in WooCommerce Single product page.<\/p>\n\n\n\n<p>The positions are depends on theme and style.<\/p>\n\n\n\n<p>plugins adds position based on WooCommerce hooks, and Website theme have to implement the hooks in right way,<\/p>\n\n\n\n<p>some style&#8217;s may not suite well in all the positions, &#8220;After the Add to cart button&#8221; there wont be much space, so some styles may not place well, in that case its better to choose different position or modify the style.<\/p>\n\n\n\n<p>Currently there are four positions available<\/p>\n\n\n\n<p>&#8220;<strong>woocommerece_before_single_product_summary<\/strong>&#8220;<\/p>\n\n\n\n<p>&#8220;<strong>woocommerece_before_main_content<\/strong>&#8220;<\/p>\n\n\n\n<p>&#8220;<strong>woocommerece_after_add_to_cart_button<\/strong>&#8220;<\/p>\n\n\n\n<p>&#8220;<strong>woocommerece_after_single_product<\/strong>&#8220;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerce_position.png\"><img decoding=\"async\" width=\"837\" height=\"170\" src=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerce_position.png\" alt=\"WooCommerce postion\" class=\"wp-image-202\" srcset=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerce_position.png 837w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerce_position-300x61.png 300w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerce_position-768x156.png 768w\" sizes=\"(max-width: 837px) 100vw, 837px\" \/><\/a><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerce_position_select.png\"><img decoding=\"async\" width=\"320\" height=\"102\" src=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerce_position_select.png\" alt=\"woocommerce position option\" class=\"wp-image-200\" srcset=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerce_position_select.png 320w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerce_position_select-300x96.png 300w\" sizes=\"(max-width: 320px) 100vw, 320px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>We are planning to add more positions.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Samples &#8211;\u00a0 using WooCommerce\u00a0Storefront Theme<\/h3>\n\n\n\n<p><strong>woocommerce_before_single_product_summary<\/strong><\/p>\n\n\n\n<p>place the style before the single product summary.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerce_before_single_product_summary-1.png\"><img decoding=\"async\" width=\"949\" height=\"581\" src=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerce_before_single_product_summary-1.png\" alt=\"woocommerce_before_single_product_summary \" class=\"wp-image-206\" srcset=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerce_before_single_product_summary-1.png 949w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerce_before_single_product_summary-1-300x184.png 300w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerce_before_single_product_summary-1-768x470.png 768w\" sizes=\"(max-width: 949px) 100vw, 949px\" \/><\/a><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p><strong>woocommerece_before_main_content<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerece_before_main_content.png\"><img decoding=\"async\" width=\"1183\" height=\"472\" src=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerece_before_main_content.png\" alt=\"\" class=\"wp-image-207\" srcset=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerece_before_main_content.png 1183w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerece_before_main_content-300x120.png 300w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerece_before_main_content-1024x409.png 1024w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerece_before_main_content-768x306.png 768w\" sizes=\"(max-width: 1183px) 100vw, 1183px\" \/><\/a><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p><strong>woocommerece_after_add_to_cart_button<\/strong><a href=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerece_after_add_to_cart_button.png\"><\/a><\/p>\n\n\n\n<p>style-1 may not suite well here.. have to reduce images size or have to change the position.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p><strong>woocommerece_after_single_product<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerece_after_single_product.png\"><img decoding=\"async\" width=\"440\" height=\"705\" src=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerece_after_single_product.png\" alt=\"C:\\Users\\bhimireddy\\Desktop\\woocommerece_after_single_product.png\" class=\"wp-image-209\" srcset=\"https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerece_after_single_product.png 440w, https:\/\/holithemes.com\/plugins\/click\/wp-content\/uploads\/2018\/04\/woocommerece_after_single_product-187x300.png 187w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/a><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n","protected":false},"excerpt":{"rendered":"<p>WooCommerce position is different then the floating position. Place the style in WooCommerce Single product page. The positions are depends on theme and style. plugins adds position based on WooCommerce hooks, and Website theme have to implement the hooks in right way, some style&#8217;s may not suite well in all the positions, &#8220;After the Add &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/holithemes.com\/plugins\/click\/woocommerce-position\/\"> <span class=\"screen-reader-text\">WooCommerce Position<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"categories":[3,5],"tags":[],"class_list":["post-81","post","type-post","status-publish","format-standard","hentry","category-docs","category-woocommerce"],"_links":{"self":[{"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/posts\/81","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/comments?post=81"}],"version-history":[{"count":0,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/posts\/81\/revisions"}],"wp:attachment":[{"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/media?parent=81"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/categories?post=81"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/holithemes.com\/plugins\/click\/wp-json\/wp\/v2\/tags?post=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}