http://www.kriesi.at/support/tags/single-product-page Support Forum - Tag: single product page - Recent Posts en-US Wed, 22 May 2013 05:43:11 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/single-product-page-change-so-that-product-image-takes-up-more-of-the-space#post-95338 Tue, 05 Feb 2013 18:40:56 +0000 nikicampbell 95338@http://www.kriesi.at/support/ <p>Thank you so much! Perfection :) </p> http://www.kriesi.at/support/topic/single-product-page-change-so-that-product-image-takes-up-more-of-the-space#post-95251 Tue, 05 Feb 2013 13:44:49 +0000 Devin 95251@http://www.kriesi.at/support/ <p>Hi Niki,</p> <p>You can change the layout of the single product page in the theme files config-woocommerce&gt;config.php file. Look for:<br /> <pre><code># # wrap single product image in an extra div # add_action( &#39;woocommerce_before_single_product_summary&#39;, &#39;avia_add_image_div&#39;, 2); add_action( &#39;woocommerce_before_single_product_summary&#39;, &#39;avia_close_div&#39;, 20); function avia_add_image_div() { echo &quot;&lt;div class=&#39;four units single-product-main-image alpha&#39;&gt;&quot;; } # # wrap single product summary in an extra div # add_action( &#39;woocommerce_before_single_product_summary&#39;, &#39;avia_add_summary_div&#39;, 25); add_action( &#39;woocommerce_after_single_product_summary&#39;, &#39;avia_close_div&#39;, 3); function avia_add_summary_div() { echo &quot;&lt;div class=&#39;eight units single-product-summary&#39;&gt;&quot;; }</code></pre> <p>The first div wraps the image in a four unit grid section and the second one in an eight unit grid. You can use just about any combination of the twelve unit grid to change the layout quickly and easily.</p> <p>Additionally, Nick has posted some code to change the layout so that the product tabs are full width and wrap under the image here: <a href="http://www.kriesi.at/support/topic/product-details-page-layout#post-88883" rel="nofollow">http://www.kriesi.at/support/topic/product-details-page-layout#post-88883</a></p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/single-product-page-change-so-that-product-image-takes-up-more-of-the-space#post-95129 Mon, 04 Feb 2013 21:16:43 +0000 nikicampbell 95129@http://www.kriesi.at/support/ <p>Hello - here is the site + product page:</p> <p><a href="http://www.peacerev.ca/cardshop/shop/redbird-spirit-unbound/" rel="nofollow">http://www.peacerev.ca/cardshop/shop/redbird-spirit-unbound/</a></p> <p>...how can I change it so that the image takes up 60% of the space, and the words take up 40%. I understand you are using units - but I don't know where to make the changes.</p> <p>Thanks!<br /> Niki </p> http://www.kriesi.at/support/topic/varations-carousel-on-single-page-products#post-78096 Mon, 01 Oct 2012 13:58:40 +0000 Devin 78096@http://www.kriesi.at/support/ <p>I'm going to close this for now. If you have any other issues/questions let us know and we'll do our best to answer :)</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/varations-carousel-on-single-page-products#post-77735 Fri, 28 Sep 2012 08:31:17 +0000 boudoirs 77735@http://www.kriesi.at/support/ <p>Hi Nick,</p> <p>Integrating it via a pluggin would be sweet, but regarding pluggin stability while updating woocommerce / wordpress / abundance I prefer not to put another potential of bugs. My wordpress level is kind of too modest.</p> <p>But if you find any, I'll be glad to try it on my test version site.<br /> Kind regards,<br /> Sophie </p> http://www.kriesi.at/support/topic/varations-carousel-on-single-page-products#post-77660 Thu, 27 Sep 2012 19:18:49 +0000 Nick 77660@http://www.kriesi.at/support/ <p>Hi Sophie,</p> <p>Have you considered integrating this functionality via a plugin? The beauty of WordPress is the tens of thousands of free and premium plugins available to give you the freedom to customize and differentiate your web presence as you see fit and give you that competitive advantage. I would look closely at what's available since if most clothing e-commerce websites have that option, its likely to be found online.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/varations-carousel-on-single-page-products#post-77443 Wed, 26 Sep 2012 15:03:40 +0000 boudoirs 77443@http://www.kriesi.at/support/ <p>Well, if you can put some small thumbails I think it should be allright.<br /> Plus there's definitely a need of showing thing to customers and not waiting for them to go and find out :) (most of clothing e-commerce websites do present this option)</p> <p>kind regards,<br /> Sophie </p> http://www.kriesi.at/support/topic/varations-carousel-on-single-page-products#post-77292 Tue, 25 Sep 2012 16:49:50 +0000 Devin 77292@http://www.kriesi.at/support/ <p>I will put that in as a feature request to Kriesi but it isn't something we could walk you through adding as it would take a significant addition to the individual product page.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/varations-carousel-on-single-page-products#post-77151 Mon, 24 Sep 2012 17:21:43 +0000 boudoirs 77151@http://www.kriesi.at/support/ <p>Sorry, I come back.</p> <p>Do you think it would be possible to get a products slide show with autorotation like the option we have in template builders?<br /> This would be great and exactly what I need in a way </p> http://www.kriesi.at/support/topic/varations-carousel-on-single-page-products#post-77150 Mon, 24 Sep 2012 17:18:54 +0000 boudoirs 77150@http://www.kriesi.at/support/ <p>Hi,</p> <p>Sorry for answering late.<br /> Yes Ismael, that was the idea, to get a gallery variations in a easy way.<br /> Giving up to do better things, many thanks guys </p> http://www.kriesi.at/support/topic/cant-get-rid-of-most-popular-widget-in-sidebar-on-product-pages#post-72028 Tue, 21 Aug 2012 04:37:41 +0000 Mya 72028@http://www.kriesi.at/support/ <p>Hi,</p> <p>I can't say for sure why it's appearing if it's not under Appearance &gt; Widgets. If you want to just hide you can add this to your custom.css or Quick CSS.</p> <pre><code>#best_sellers-2 { display: none; }</code></pre> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/how-do-i-take-the-single-product-page-title-above-the-full-width-image-slider#post-71958 Mon, 20 Aug 2012 20:05:26 +0000 Devin 71958@http://www.kriesi.at/support/ <p>Glad you were able to get it all working :)</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/how-do-i-take-the-single-product-page-title-above-the-full-width-image-slider#post-71886 Mon, 20 Aug 2012 12:58:03 +0000 shhaival 71886@http://www.kriesi.at/support/ <p>Figured it out finally...thanks for all the help </p> http://www.kriesi.at/support/topic/cant-get-rid-of-most-popular-widget-in-sidebar-on-product-pages#post-71742 Sun, 19 Aug 2012 07:45:47 +0000 ShortieD 71742@http://www.kriesi.at/support/ <p>no - the site is live - please try again </p> http://www.kriesi.at/support/topic/how-do-i-take-the-single-product-page-title-above-the-full-width-image-slider#post-71725 Sun, 19 Aug 2012 04:59:02 +0000 shhaival 71725@http://www.kriesi.at/support/ <p>Hi Peter,</p> <p>The price is hidden but the margins for the post title is not affected by first code.</p> <p>regards</p> <p>Shhaival </p> http://www.kriesi.at/support/topic/how-do-i-take-the-single-product-page-title-above-the-full-width-image-slider#post-71649 Sat, 18 Aug 2012 07:45:25 +0000 Dude 71649@http://www.kriesi.at/support/ <p>Hey! </p> <p> I adjusted the code above a bit. You can change the margin top/bottom of the title with following code - add it to css/custom.css:</p> <pre><code>.container.post-title.portfolio-single-post-title{ margin-top: 10px; margin-bottom: 10px; }</code></pre> <p>You can hide the price with following code:</p> <pre><code>.single-product .price_container{ display: none; }</code></pre> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/cant-get-rid-of-most-popular-widget-in-sidebar-on-product-pages#post-71462 Thu, 16 Aug 2012 22:59:29 +0000 Ismael 71462@http://www.kriesi.at/support/ <p>Hi,</p> <p>Your site is on maintenance mode. </p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/cant-get-rid-of-most-popular-widget-in-sidebar-on-product-pages#post-71461 Thu, 16 Aug 2012 22:51:24 +0000 ShortieD 71461@http://www.kriesi.at/support/ <p>Hi There - since I did the woocommerce plug in update the 'Most Popular' items appears on my single product pages automatically. I've gone and had a look at the widgets area and there is nothing in the sidebar so it must be generated from somewhere else. I don't want this widget here - can you please advise how to get rid of this</p> <p>url:<br /> <a href="http://statisbeverages.com.au/catalogue/hartz-sparkling-mineral-water/" rel="nofollow">http://statisbeverages.com.au/catalogue/hartz-sparkling-mineral-water/</a></p> <p>thanks </p> http://www.kriesi.at/support/topic/how-do-i-take-the-single-product-page-title-above-the-full-width-image-slider#post-71363 Thu, 16 Aug 2012 11:25:48 +0000 shhaival 71363@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>Here is the site online temporarily. <a href="http://modoline.com/ready/catalogue/real-estate-trifold-brochure-template/" rel="nofollow">http://modoline.com/ready/catalogue/real-estate-trifold-brochure-template/</a></p> <p>Thanks </p> http://www.kriesi.at/support/topic/how-do-i-take-the-single-product-page-title-above-the-full-width-image-slider#post-71195 Wed, 15 Aug 2012 16:09:03 +0000 Devin 71195@http://www.kriesi.at/support/ <p>Hi shhaival,</p> <p>I'm not sure why the second price is getting output. But the header will need to be styled a bit to get it re-aligned. Can you put the site online temporary so that we can take a look at what is getting output now live?</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/how-do-i-take-the-single-product-page-title-above-the-full-width-image-slider#post-70739 Mon, 13 Aug 2012 08:12:56 +0000 shhaival 70739@http://www.kriesi.at/support/ <p>Thanks Dude,<br /> The title goes up but the alignment goes haywire. And the Price remains where it is. This is what it does to the page. As the site is being developed offline, the screen grab may be seen here. <a href="http://www.mindcube.com/help/grab2.jpg" rel="nofollow">http://www.mindcube.com/help/grab2.jpg</a></p> <p>Thanks </p> http://www.kriesi.at/support/topic/how-do-i-take-the-single-product-page-title-above-the-full-width-image-slider#post-70647 Sun, 12 Aug 2012 05:02:51 +0000 Dude 70647@http://www.kriesi.at/support/ <p>Open up config-woocommerce/config.php and replace:</p> <pre><code>if(empty($avia_config[&#39;slide_output&#39;])) { $slider = new avia_slideshow(get_the_ID()); $slider -&gt; setImageSize(&#39;portfolio&#39;); echo $slider-&gt;display(); echo $slider-&gt;slideshow_thumbs(); } else { avia_add_to_cart($post, $product ); echo &quot;&lt;h1 class=&#39;post-title portfolio-single-post-title&#39;&gt;&quot;.get_the_title().&quot;&lt;/h1&gt;&quot;; }</code></pre> <p>with:</p> <pre><code>if(empty($avia_config[&#39;slide_output&#39;])) { $slider = new avia_slideshow(get_the_ID()); $slider -&gt; setImageSize(&#39;portfolio&#39;); echo $slider-&gt;display(); echo $slider-&gt;slideshow_thumbs(); } else { avia_add_to_cart($post, $product ); }</code></pre> <p>Then open up header.php and replace:</p> <pre><code>if(!empty($avia_config[&#39;slide_output&#39;])) echo &quot;&lt;div class=&#39;container_wrap&#39; id=&#39;slideshow_big&#39;&gt;&lt;div class=&#39;container&#39;&gt;&quot;.$avia_config[&#39;slide_output&#39;].&quot;&lt;/div&gt;&lt;/div&gt;&quot;;</code></pre> <p>with:</p> <pre><code>if(!empty($avia_config[&#39;slide_output&#39;]) &amp;&amp; is_product() ) echo &quot;&lt;h1 class=&#39;container post-title portfolio-single-post-title&#39;&gt;&quot;.get_the_title().&quot;&lt;/h1&gt;&quot;; if(!empty($avia_config[&#39;slide_output&#39;])) echo &quot;&lt;div class=&#39;container_wrap&#39; id=&#39;slideshow_big&#39;&gt;&lt;div class=&#39;container&#39;&gt;&quot;.$avia_config[&#39;slide_output&#39;].&quot;&lt;/div&gt;&lt;/div&gt;&quot;;</code></pre> http://www.kriesi.at/support/topic/how-do-i-take-the-single-product-page-title-above-the-full-width-image-slider#post-69967 Wed, 08 Aug 2012 07:54:30 +0000 shhaival 69967@http://www.kriesi.at/support/ <p>How do I take the Single product title on the Single product page<br /> 1. Above the full width image slider (right now as default it appears below the shopping cart as in the demo site)<br /> 2. Retain it where it is and also make it appear above the full width image slider. </p> http://www.kriesi.at/support/topic/single-product-category-page-widget-is-there-a-limit#post-66564 Thu, 19 Jul 2012 16:50:01 +0000 Devin 66564@http://www.kriesi.at/support/ <p>I had forgotten about that with the layered navigation. Glad Peter could help clear that up :)</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/single-product-category-page-widget-is-there-a-limit#post-66556 Thu, 19 Jul 2012 16:10:21 +0000 RyanM6 66556@http://www.kriesi.at/support/ <p>Ok, I can work with that information. Thank you for the clarification/response. </p> http://www.kriesi.at/support/topic/single-product-category-page-widget-is-there-a-limit#post-66483 Thu, 19 Jul 2012 06:07:47 +0000 Dude 66483@http://www.kriesi.at/support/ <p>Hi! </p> <p> Yes, the layered nav widget only works on product archive pages - see: <a href="http://wcdocs.woothemes.com/user-guide/layered-navigation-widget/" rel="nofollow">http://wcdocs.woothemes.com/user-guide/layered-navigation-widget/</a> </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/review-complementary-information-on-single-products-pages#post-66098 Tue, 17 Jul 2012 13:28:35 +0000 Ismael 66098@http://www.kriesi.at/support/ <p>Hey,</p> <p>Glad you fixed it. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/review-complementary-information-on-single-products-pages#post-66095 Tue, 17 Jul 2012 13:20:17 +0000 boudoirs 66095@http://www.kriesi.at/support/ <p>I think I got it guys, I both didn't ue it on the good way and had stuff not well set up.<br /> many thanks for the tips.<br /> Sophie </p> http://www.kriesi.at/support/topic/varations-carousel-on-single-page-products#post-66076 Tue, 17 Jul 2012 12:16:26 +0000 Ismael 66076@http://www.kriesi.at/support/ <p>Hello.</p> <p>I think Devin's idea is to add a new product with the same name and description but with a different variation, if I am not mistaken. You would then insert images of the variations and link it manually to those product variation pages. That is a lot of work if you have a lot of products with different colors and stuff.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/varations-carousel-on-single-page-products#post-66070 Tue, 17 Jul 2012 11:54:21 +0000 boudoirs 66070@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>I don't get excatly the tip but it sounds like it's what I want:<br /> do you mean by adding featured pictures behind the main one but changing their name and including a link to the variation page?<br /> so that they would appear above the 1st picture but would go straight to the other color?</p> <p>many thanks,<br /> sophie </p>