Jump to content

How to remove some space in product page


piccolina

Recommended Posts

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

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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>
Link to comment
Share on other sites

 

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>
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...