piccolina Posted October 30, 2014 Share Posted October 30, 2014 I'm using a modified (my own edits) of Kuruto. If you view one of my products in the new arrival category you'll see there's significant space between the bottom of div# product_detail box to the top of the first cell of the table below created in the product>description. http://www.piccolina.com.au/index.php?_a=product&product_id=1192 How can I reduce this space? ie move the table so it's closer to the product_detail box ? I hope that's clear... Thanks in advance. Geoff Quote Link to comment Share on other sites More sharing options...
bsmither Posted October 31, 2014 Share Posted October 31, 2014 The HTML structure for this page is:<form> <div id="no-name"> <div id="product_detail" /> <div id="gallery" /> </div> <div id="product_description"> <table /> <p /> </div> </form> You can try to put the <table> just before the closing of the product_detail div. Quote Link to comment Share on other sites More sharing options...
piccolina Posted October 31, 2014 Author Share Posted October 31, 2014 thanks Brian but not clear on what, or where to do this... Do you mean. <form> <div id="no-name"> <div id="product_detail" /> <div id="gallery" /> </div> <div id="product_description"> <table /> <p /> </div></form> change to below... in common.css <form> <div id="no-name"> <div id="product_detail" <table /> <div id="gallery" /> </div> <div id="product_description"> <p /> </div></form> Thank you Geoff Quote Link to comment Share on other sites More sharing options...
bsmither Posted October 31, 2014 Share Posted October 31, 2014 From what I posted earlier, in the skin template file content.product.php, here is that code expanded:<form> <div><!-- This div block has no id associated with it --> <div id="product_detail"> Price, Buy button, etc </div> <div id="gallery"> Images </div> </div> <div id="product_description"> <table> Lots of table stuff </table> <p>Product Description and stuff</p> </div> </form> Move the table so that it looks like the following:<form> <div><!-- This div block has no id associated with it --> <div id="product_detail"> Price, Buy button, etc <table> Lots of table stuff </table> </div> <div id="gallery"> Images </div> </div> <div id="product_description"> <p>Product Description and stuff</p> </div> </form> Quote Link to comment Share on other sites More sharing options...
piccolina Posted October 31, 2014 Author Share Posted October 31, 2014 ...thanks Brian..... Quote Link to comment Share on other sites More sharing options...
piccolina Posted November 3, 2014 Author Share Posted November 3, 2014 From what I posted earlier, in the skin template file content.product.php, here is that code expanded: <form> <div><!-- This div block has no id associated with it --> <div id="product_detail"> Price, Buy button, etc </div> <div id="gallery"> Images </div> </div> <div id="product_description"> <table> Lots of table stuff </table> <p>Product Description and stuff</p> </div> </form> Move the table so that it looks like the following: <form> <div><!-- This div block has no id associated with it --> <div id="product_detail"> Price, Buy button, etc <table> Lots of table stuff </table> </div> <div id="gallery"> Images </div> </div> <div id="product_description"> <p>Product Description and stuff</p> </div> </form> Brian, I've tried this as you suggested but nothing changed so I don't think I made the changes correctly. In the content.product.php the only table is <table class="list"> <tr> <th width="50">{$LANG.common.quantity}</th> <th width="100">{$LANG.catalogue.price_per_unit}</th> </tr> {foreach from=$PRODUCT.discounts item=discount} <tr> <td align="center">{$discount.quantity}+</td> <td align="center">{$discount.price}</td> </tr> {/foreach} </table> so I move that (cut and paste in notepad++) so it looks lie this below? <div id="product_detail"> {if $PRODUCT.ctrl_sale} <h1><span class="price_previous">{$PRODUCT.price}</span> <span class="price_sale">{$PRODUCT.sale_price}</span></h1> {else} <h1>{$PRODUCT.price}</h1> {/if} {if isset($PRODUCT.discounts)} <p class="bulk_discount">(<a href="#quantity_discounts">{$LANG.catalogue.bulk_discount}</a>)</p> {/if} {if $PRODUCT.review_score && $CTRL_REVIEW} <p class="rating"> {for $i = 1; $i <= 5; $i++} {if $PRODUCT.review_score >= $i} <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/common/star.png" alt="" /> {elseif $PRODUCT.review_score > ($i - 1) && $PRODUCT.review_score < $i} <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/common/star_half.png" alt="" /> {else} <img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/images/common/star_off.png" alt="" /> {/if} {/for} </p> <p class="rating-info">{$LANG_REVIEW_INFO}</p> {/if} {if $PRODUCT.manufacturer} <p>{$LANG.catalogue.manufacturer}: {$MANUFACTURER}</p> {/if} {if $PRODUCT.stock_level} <p>{$LANG.catalogue.stock_level}: {$PRODUCT.stock_level}</p> {/if} {if is_array($OPTIONS)} <div class="options"> {foreach from=$OPTIONS item=option} {if $option.type == '0'} <div> <label for="option_{$option.option_id}" class="return">{$option.option_name}{if $option.price} ({$option.symbol}{$option.price}){/if}{if $option.required} *{/if}</label> <span><select name="productOptions[{$option.option_id}]" id="option_{$option.option_id}" class="textbox {if $option.required}required{/if}"> <option value="">{$LANG.form.please_select}</option> {foreach from=$option.values item=value} <option value="{$value.assign_id}">{$value.value_name}{if $value.price} ({$value.symbol}{$value.price}){/if}</option> {/foreach} </select> </span> <table class="list"> <tr> <th width="50">{$LANG.common.quantity}</th> <th width="100">{$LANG.catalogue.price_per_unit}</th> </tr> {foreach from=$PRODUCT.discounts item=discount} <tr> <td align="center">{$discount.quantity}+</td> <td align="center">{$discount.price}</td> </tr> {/foreach} </table> </div> Quote Link to comment Share on other sites More sharing options...
bsmither Posted November 3, 2014 Share Posted November 3, 2014 Sorry, I wasn't thinking clearly. The table I was referring to is apparently in your product's Description tab. And, of course, you can't simply move part of the description content outside of the product_description div block. An entirely different solution will need to be developed. Quote Link to comment Share on other sites More sharing options...
piccolina Posted November 3, 2014 Author Share Posted November 3, 2014 ...Brian....only if you have time ...it's not a major issue... But thanks for your reply. Geoff Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.