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

dsidir

  • Jr. Member
  • **
  • Posts: 56
Re: why my "related products" is in vertical?
« Reply #15 on: September 09, 2014, 17:12:37 pm »
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

  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 28324
  • Always on vacation
    • Jenkin Hill Internet
Re: why my "related products" is in vertical?
« Reply #16 on: September 09, 2014, 17:56:53 pm »
I think its time you used Firebug to work it out:  http://forum.virtuemart.net/index.php?topic=116620.0
Kelvyn

Jenkin Hill Internet,
Lowestoft, Suffolk, UK

Unsolicited PMs/emails will be ignored.

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

Currently using VirtueMart  4.0.2 10661 on Joomla 3.10.9 PHP 7.4.29

dsidir

  • Jr. Member
  • **
  • Posts: 56
Re: why my "related products" is in vertical? [solved]
« Reply #17 on: September 15, 2014, 18:13:29 pm »
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

  • 3rd party VirtueMart Developer
  • Super Hero
  • *
  • Posts: 10508
  • Virtuemart, Joomla & php developer
    • GJC Web Design
  • VirtueMart Version: 3.6.8
Re: why my "related products" is in vertical?
« Reply #18 on: September 15, 2014, 21:00:02 pm »
Quote
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 ?
$facebook is not a function - JS error - check your VM admin setup for facebook or your template needs up dating

Quote
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.
can't find an add to cart
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 #19 on: September 16, 2014, 15:47:02 pm »
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

  • 3rd party VirtueMart Developer
  • Super Hero
  • *
  • Posts: 10508
  • Virtuemart, Joomla & php developer
    • GJC Web Design
  • VirtueMart Version: 3.6.8
Re: why my "related products" is in vertical?
« Reply #20 on: September 16, 2014, 17:24:37 pm »
meant $facebox... was late

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

Quote
    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.

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 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 #21 on: September 17, 2014, 12:34:59 pm »
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

  • 3rd party VirtueMart Developer
  • Super Hero
  • *
  • Posts: 10508
  • Virtuemart, Joomla & php developer
    • GJC Web Design
  • VirtueMart Version: 3.6.8
Re: why my "related products" is in vertical?
« Reply #22 on: September 17, 2014, 23:21:45 pm »
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 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 #23 on: September 18, 2014, 16:02:07 pm »
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