Price/sale price layout

[abbeydriving]

Store ID: 156836
Website URL: http://qualitypouffes.co.uk
URL to page in question: http://qualitypouffes.co.uk/category...nd-ottomans/6/

Hi,

Ive just added a few sale prices to products. Because the sale price is situated below the actual price its throwing the product boxes out of line, leaving large empty spaces. I would like to place the sale price to the side of the actual price to solve the problem. You can see what I mean here: http://qualitypouffes.co.uk/category...nd-ottomans/6/

I just need to know what change to make within the product defaults

Stephen

[Eric]

Try changing this:

  <div class="prc">
    <small>
      Was: <span style="text-decoration: line-through;">[product.currency mode='sign'][product.price]</span>
      Now: <span style="font-weight: bold; color:red;">[product.currency mode='sign'][product.saleprice]</span>
    </small>
  </div>

To this:

  <div class="prc">
    <small>Was: <span style="text-decoration: line-through;">[product.currency mode='sign'][product.price]</span> Now: <span style="font-weight: bold; color:red;">[product.currency mode='sign'][product.saleprice]</span></small>
  </div>

In your view.

Eric

[abbeydriving]

That sorted out the position great, they are side by side as I wanted but the product boxes are smaller now than the none sale boxes (opposite problem) so the category page layouts are still out of line

http://qualitypouffes.co.uk/category...-and-ottomans/

[Eric]

You'll need to change the other tags from this:

  <div class="prc">
    <small>
      [product.currency mode='sign'][product.price]
    </small>
  </div>

To this:

  <div class="prc">
    <small>[product.currency mode='sign'][product.price]</small>
  </div>

[abbeydriving]

That's great Eric, Thank you