http://www.kriesi.at/support/topic/woocommerce-additional-image-tab Support Forum - Topic: Woocommerce additional image tab en-US Sun, 19 May 2013 07:04:43 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/woocommerce-additional-image-tab#post-48472 Tue, 27 Mar 2012 08:22:54 +0000 jorisvh 48472@http://www.kriesi.at/support/ <p>Thank you so much!!! This is great! I really appreciate it.</p> <p>Martijn </p> http://www.kriesi.at/support/topic/woocommerce-additional-image-tab#post-48322 Mon, 26 Mar 2012 15:16:07 +0000 Ismael 48322@http://www.kriesi.at/support/ <p>This is what you have to do.</p> <p>1.) First look for woocommerce-hooks.php and add this line in the /* Product page tabs */</p> <pre>add_action( 'woocommerce_product_tabs', 'woocommerce_product_upsells_tab', 50 ); add_action( 'woocommerce_product_tab_panels', 'woocommerce_product_upsells_panel', 50 );</pre> <p>2.) Go to woocommerce-template.php look for /* Product page tabs then add this line</p> <pre>if (!function_exists('woocommerce_upsell_display')) { function woocommerce_product_upsells_tab() { woocommerce_get_template('single-product/tabs/tab-upsells.php', false); } }</pre> <p>3.) Again, in the woocommerce-template.php, look for /* Product page tab panels */ add this line.</p> <pre>if (!function_exists('woocommerce_upsell_display')) { function woocommerce_product_upsells_panel() { woocommerce_get_template('single-product/tabs/upsells.php', false); } }</pre> <p>4.) Go to templates &gt; single-product &gt; tabs and create a file called tabs-upsells.php and insert this code.</p> <p><code>&lt;li&gt;&lt;a href=&quot;#tab-upsells&quot;&gt;&lt;?php _e(&#39;Upsells&#39;, &#39;woocommerce&#39;); ?&gt;&lt;/a&gt;&lt;/li&gt;</code></p> <p>5.) Again in tabs folder create a file called upsells.php and insert this code.</p> <pre>&lt;?php /** * Upsell Tab */ global $woocommerce, $post; ?&gt; &lt;div class="panel" id="tab-upsells"&gt; &lt;?php /** * Up-sells */ global $product; $upsells = $product-&gt;get_upsells(); if (sizeof($upsells)==0) return; ?&gt; &lt;h2&gt;&lt;?php _e('You may also like…', 'woocommerce') ?&gt;&lt;/h2&gt; &lt;?php $args = array( 'post_type' =&gt; 'product', 'ignore_sticky_posts' =&gt; 1, 'posts_per_page' =&gt; 4, 'orderby' =&gt; 'rand', 'post__in' =&gt; $upsells ); query_posts($args); woocommerce_get_template_part( 'loop', 'shop' ); wp_reset_query(); ?&gt; &lt;/div&gt;</pre> <p>6.) You may now see the up-sell products on an upsells tab. You may want to remove the up-sells below the description tab to avoid redundancy. </p> http://www.kriesi.at/support/topic/woocommerce-additional-image-tab#post-48277 Mon, 26 Mar 2012 09:50:39 +0000 jorisvh 48277@http://www.kriesi.at/support/ <p>Hello Devin,</p> <p>Ok but how can I do that exactly? I am no PHP programmer. THanks a lot!!!!! </p> http://www.kriesi.at/support/topic/woocommerce-additional-image-tab#post-47815 Thu, 22 Mar 2012 18:19:46 +0000 Devin 47815@http://www.kriesi.at/support/ <p>Hi jorisvh,</p> <p>You would need to modify the WooCommerce template for single items. Its located in your plugins&gt;woocommerce&gt;templates&gt;single-product.php with calls to the single-product folder and the various files in there as well. </p> http://www.kriesi.at/support/topic/woocommerce-additional-image-tab#post-47769 Thu, 22 Mar 2012 15:16:19 +0000 jorisvh 47769@http://www.kriesi.at/support/ <p>Another question. In the product data I have a up-sells product. In other words that is an additional iamge (thanks Kriesli). But the image is under the description text. I want the up sells as a additional image tab. So to see the image you have to click on a tab. Is that possible?</p> <p>THanks a lot,</p> <p>Martijn </p>