News:

Looking for documentation? Take a look on our wiki

Main Menu

why my "related products" is in vertical?

Started by sumsonchen, April 13, 2012, 18:06:01 PM

Previous topic - Next topic

dsidir

thanx for the help

ok. I see.

I tried it at vmsite-ltr.css  but nothing happened, it didnt work.

I tried after that to a css file of the template at now it seems to work but all the related products fall over a module position and ruin other modules. Furthermore some of the are next to each other, and others are a little bit more on the right.
please see image

[attachment cleanup by admin]

jenkinhill

Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

dsidir

#17
The solution for whoever has a similar problem is to put at template css file at the end or wherever the following code:

.product-field.product-field-type-R.row-fluid {
width: 32%;
display: inline-block;
}
.product-field.product-field-type-R.row-fluid > .span6 {
float: left;
width: 100%;
margin-left: 0px;
}

However I have 2 more questions for this issue:
1. Another question is when I click to the related products they open to a new tab. Do you know where I can find the code to change it so that will open to the same window ?
2. When you add a product to the basket and the pop up window shows, I see related products again in vertical position and very big. Any help with that will be perfect..Probably I have to use the same code as above but I cant find the file.

GJC Web Design

QuoteAnother question is when I click to the related products they open to a new tab. Do you know where I can find the code to change it so that will open to the same window ?
$facebook is not a function - JS error - check your VM admin setup for facebook or your template needs up dating

QuoteWhen you add a product to the basket and the pop up window shows, I see related products again in vertical position and very big. Any help with that will be perfect..Probably I have to use the same code as above but I cant find the file.
can't find an add to cart
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 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
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

dsidir

I really didnt understand anything of the above.

1. What facebook has to do with that ?
2. I mean when clicking add to basket for a product

GJC Web Design

meant $facebox... was late

have a look thru your VM config->config->templates - what do you find... ? Activate Css Styles & Javascripts

QuoteWhen you add a product to the basket and the pop up window shows, I see related products again in vertical position and very big. Any help with that will be perfect..Probably I have to use the same code as above but I cant find the file.

can't find an add to cart

so did I - do you want me to spend half an hour trying to find a product with an add to cart
or will you quicken the whole process by posting a direct link????
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 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
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

dsidir

This is on a test server. http://agrogen.esy.es/el/e-shop/futoxomata/futoxoma-50lt- 
Click thw green frame saying "Στο καλάθι" means add to basket and you will see what I mean concerning the related products issue. They are presenting horizontal

GJC Web Design

3 lines of css -
I think you better go and read up a bit about css..

.product-field {
  float: left;
  margin: 0 10px 0 0;
  max-width: 150px;
  padding-bottom: 10px !important;
}

[attachment cleanup by admin]
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 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
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

dsidir

yes thats great. and its true that I have to read a bit of css.

However I cant find the file that I have to add the code you wrote