- Posts: 29
- Thank you received: 0
Product Display layout misalignment
-
Nick Rains
Inactive member -
- Member
-
Less
More
12 years 1 week ago - 12 years 1 week ago #27956
by Nick Rains
Replied by Nick Rains on topic Product Display layout misalignment
It's right there on line 148 of hot_furniturestore/html/com_virtuemart/productdetails/default.php
</div>
<div class="addtocart-bar">
<?php // Display the quantity box ?>
<!-- <label for="quantity<?php echo $this->product->virtuemart_product_id;?>" class="quantity_box"><?php echo JText::_('COM_VIRTUEMART_CART_QUANTITY'); ?>: </label> -->
<span class="quantity-box">
<input type="text" class="quantity-input" name="quantity[]" value="1" />
</span>
<span class="quantity-controls">
<input type="button" class="quantity-controls quantity-plus" />
<input type="button" class="quantity-controls quantity-minus" />
etc etc
And the 'add to cart button' shows up in the second example, with a misaligned text/link...
srv12.netregistry.net/~nini4758/index.ph...-104-detail?Itemid=0
The button is missing here though:
srv12.netregistry.net/~nini4758/index.ph...2013-detail?Itemid=0
Why it's missing from this one I don't know. The difference is that the first one is a digital download with more text in the product details page. whilst the second one is a normal product.
</div>
<div class="addtocart-bar">
<?php // Display the quantity box ?>
<!-- <label for="quantity<?php echo $this->product->virtuemart_product_id;?>" class="quantity_box"><?php echo JText::_('COM_VIRTUEMART_CART_QUANTITY'); ?>: </label> -->
<span class="quantity-box">
<input type="text" class="quantity-input" name="quantity[]" value="1" />
</span>
<span class="quantity-controls">
<input type="button" class="quantity-controls quantity-plus" />
<input type="button" class="quantity-controls quantity-minus" />
etc etc
And the 'add to cart button' shows up in the second example, with a misaligned text/link...
srv12.netregistry.net/~nini4758/index.ph...-104-detail?Itemid=0
The button is missing here though:
srv12.netregistry.net/~nini4758/index.ph...2013-detail?Itemid=0
Why it's missing from this one I don't know. The difference is that the first one is a digital download with more text in the product details page. whilst the second one is a normal product.
Last edit: 12 years 1 week ago by Nick Rains.
Please Log in to join the conversation.
-
ivan.milic
Support Staff -
- Moderator
-
Less
More
- Posts: 14116
- Thank you received: 1639
12 years 1 week ago #27962
by ivan.milic
Replied by ivan.milic on topic Product Display layout misalignment
submit your default.php
Please Log in to join the conversation.
-
Nick Rains
Inactive member -
- Member
-
Less
More
- Posts: 29
- Thank you received: 0
12 years 1 week ago #27989
by Nick Rains
This is the file, after making the changes you suggested.
Nick
Replied by Nick Rains on topic Product Display layout misalignment
This is the file, after making the changes you suggested.
Nick
Please Log in to join the conversation.
-
ivan.milic
Support Staff -
- Moderator
-
Less
More
- Posts: 14116
- Thank you received: 1639
12 years 6 days ago #28000
by ivan.milic
Replied by ivan.milic on topic Product Display layout misalignment
Try this in attachment.
Please Log in to join the conversation.
-
Nick Rains
Inactive member -
- Member
-
Less
More
- Posts: 29
- Thank you received: 0
12 years 6 days ago #28027
by Nick Rains
Replied by Nick Rains on topic Product Display layout misalignment
That seems to have done the trick thanks.
The only other thing would be to add some padding below the title because if there is no price specified the image on the right tends to sit up behind the title text. Padding the top title text would also shift everything down a bit and make the page look a lot better balanced.
I can probably do this with CSS but I usually break something else when I do this.
Thanks for your help.
Nick
The only other thing would be to add some padding below the title because if there is no price specified the image on the right tends to sit up behind the title text. Padding the top title text would also shift everything down a bit and make the page look a lot better balanced.
I can probably do this with CSS but I usually break something else when I do this.
Thanks for your help.
Nick
Please Log in to join the conversation.
-
ivan.milic
Support Staff -
- Moderator
-
Less
More
- Posts: 14116
- Thank you received: 1639
12 years 6 days ago #28030
by ivan.milic
Replied by ivan.milic on topic Product Display layout misalignment
You can set it in vm_furniturestore.css:
.productdetails-view h1 {
font-size: 32px;
}
add padding property
.productdetails-view h1 {
font-size: 32px;
}
add padding property
Please Log in to join the conversation.
Time to create page: 0.095 seconds