Author Topic: why my "related products" is in vertical?  (Read 14204 times)

sumsonchen

  • Beginner
  • *
  • Posts: 30
    • Xiamen Weixin Industial and Trade Co., Ltd.
why my "related products" is in vertical?
« on: April 13, 2012, 18:06:01 pm »
looks very strange.
http://www.weixin-china.com/products/other-products/silicone-tmj-tmd-tray-detail.html

How can I fix the problem?

[attachment cleanup by admin]
Joomla 2.5.10 + Virtuemart 2.0.20b
www.weixin-china.com

PRO

  • Global Moderator
  • Super Hero
  • *
  • Posts: 10431
  • VirtueMart Version: 3+
Re: why my "related products" is in vertical?
« Reply #1 on: April 13, 2012, 18:30:24 pm »
U need to add the css


.product-field product-field-type-R{width:25%;float:left;}

sumsonchen

  • Beginner
  • *
  • Posts: 30
    • Xiamen Weixin Industial and Trade Co., Ltd.
Re: why my "related products" is in vertical?
« Reply #2 on: April 14, 2012, 05:10:37 am »
Thanks, "Banquet Tables Pro".
I added .product-field product-field-type-R{width:25%;float:left;} to vmsiteltr.css, but didn't work.
Or should it be added to another css file?
Joomla 2.5.10 + Virtuemart 2.0.20b
www.weixin-china.com

sumsonchen

  • Beginner
  • *
  • Posts: 30
    • Xiamen Weixin Industial and Trade Co., Ltd.
Re: why my "related products" is in vertical?
« Reply #3 on: April 14, 2012, 05:31:00 am »
Hi "Banquet Tables Pro".

That is amazing.
I just add a dot and it works. Very very appreciate your help

.product-field.product-field-type-R{width:25%;float:left;}

or

.product-field,product-field-type-R{width:25%;float:left;}
Joomla 2.5.10 + Virtuemart 2.0.20b
www.weixin-china.com

finbarr69

  • Jr. Member
  • **
  • Posts: 61
Re: why my "related products" is in vertical?
« Reply #4 on: July 29, 2012, 14:54:07 pm »
This is very good, but when there are fewer than four related products, the "Reviews" section tags itself on the right hand side (and its horizontal rule separator runs through the middle of the related products.  Any ideas how to reserve the rest of the space so that reviews is forced underneath related products?

Thanks!

Brian

PRO

  • Global Moderator
  • Super Hero
  • *
  • Posts: 10431
  • VirtueMart Version: 3+
Re: why my "related products" is in vertical?
« Reply #5 on: July 29, 2012, 15:52:35 pm »
You need to add a clearing div after then, and before the reviews

finbarr69

  • Jr. Member
  • **
  • Posts: 61
Re: why my "related products" is in vertical?
« Reply #6 on: July 31, 2012, 23:32:58 pm »
Ah ok, I'll try that.  I guess that will be a template override.

If I figure it out, I'll post the code back on here.

Thanks,

Brian

sentnel

  • Beginner
  • *
  • Posts: 7
Re: why my "related products" is in vertical?
« Reply #7 on: October 17, 2012, 03:50:05 am »
Not sure if is wrong to bring back this old post, but since is directly related I'll ask here:
- Im getting my related products ok, in a row, but there's no way I can get the image to be centered above the text. The image shows floating left, while the text is centered. Can somebody tell me where, in the .css can I centered the image?

Thanks a lot!

Edit: Update: See the problem ("Productos Relacionados")

http://inposdom.gob.do/filatelia/index.php/component/virtuemart/conmemorativas/125-anos-relaciones-consulares-dominico-ecuatorianas-detail?Itemid=0

Joomla 2.5.7
Virtuemart 2.0.12b
PHP 5.3.3

sentnel

  • Beginner
  • *
  • Posts: 7
[SOLVED] Re: why my "related products" is in vertical?
« Reply #8 on: October 17, 2012, 06:02:09 am »
Solution:
change:

.product-field-display a img{display: block;}

to:

.product-field-display a img{display: block; margin-left:auto; margin-right:auto;}

in:
components/com_virtuemart/assets/css/vmsite-ltr.css


maverickon

  • Beginner
  • *
  • Posts: 1
Re: why my "related products" is in vertical?
« Reply #9 on: July 24, 2014, 14:50:20 pm »
Although this topic has not been visited recently, I came up by searchangin at this page so I thought someone else might benefit.
1. I added in custom css file optional for my template:
.product-field,product-field-type-R{width:25%!important;
float:left!important;} - this keeps it untouched in cas of an upgrade.
Alternatively step one might be added directly in vmsite-ltr.css, but this will be changed when upgrade is made.
2. Find file    ...........     /components/com_virtuemart/views/productdetails/tmpl/default_relatedproducts.php
add at the end
 <div style="clear: both;"></div>

This solved it in my case.

Milbo

  • Virtuemart Projectleader
  • Administrator
  • Super Hero
  • *
  • Posts: 10213
  • VM3.9 Eagle Owl
    • VM3 Extensions
  • VirtueMart Version: VirtueMart 3 on joomla 3
Re: why my "related products" is in vertical?
« Reply #10 on: August 13, 2014, 09:09:21 am »
Thank you.
Should I fix your bug, please support the VirtueMart project and become a member
______________________________________
Extensions approved by the core team: http://extensions.virtuemart.net/

dsidir

  • Jr. Member
  • **
  • Posts: 56
Re: why my "related products" is in vertical?
« Reply #11 on: September 07, 2014, 19:50:27 pm »
U need to add the css


.product-field product-field-type-R{width:25%;float:left;}

Having exactly the same problem. Could you please tell where exactly this code should be added ? I tried some thing bud didnt work. Using VM 2.9.9

GJC Web Design

  • 3rd party VirtueMart Developer
  • Super Hero
  • *
  • Posts: 10416
  • Virtuemart, Joomla & php developer
    • GJC Web Design
  • VirtueMart Version: 3.6.8
Re: why my "related products" is in vertical?
« Reply #12 on: September 07, 2014, 20:59:15 pm »
.product-field,product-field-type-R{
width:25%!important;
float:left!important;
}

in any css file that is loaded
GJC Web Design
VirtueMart and Joomla Developers - php developers http://www.gjcwebdesign.com
VM3 AusPost Shipping Plugin - e-go Shipping Plugin - VM3 Postcode Shipping Plugin - Radius Shipping Plugin - VM3 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
http://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

dsidir

  • Jr. Member
  • **
  • Posts: 56
Re: why my "related products" is in vertical?
« Reply #13 on: September 08, 2014, 18:37:27 pm »
any specific "line" or at the end of the file it doesnt matter?

GJC Web Design

  • 3rd party VirtueMart Developer
  • Super Hero
  • *
  • Posts: 10416
  • Virtuemart, Joomla & php developer
    • GJC Web Design
  • VirtueMart Version: 3.6.8
Re: why my "related products" is in vertical?
« Reply #14 on: September 09, 2014, 09:27:39 am »
just try it!  You will then learn something from your experience - i.e. how css rules work....
GJC Web Design
VirtueMart and Joomla Developers - php developers http://www.gjcwebdesign.com
VM3 AusPost Shipping Plugin - e-go Shipping Plugin - VM3 Postcode Shipping Plugin - Radius Shipping Plugin - VM3 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
http://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation