VirtueMart Forum

VirtueMart 2 + 3 + 4 => Frontend Modules => Topic started by: ericweb on December 24, 2014, 10:00:39 AM

Title: virtuemart 3 latest products not side by side
Post by: ericweb on December 24, 2014, 10:00:39 AM
after updating joomla 2 to 3

The front page has changed my latest products not side by side, but placed under each other.



[attachment cleanup by admin]
Title: Re: virtuemart 3 latest products not side by side
Post by: GJC Web Design on December 24, 2014, 11:13:56 AM
without a live site and urls to the affected page no one can help you
can only be a css float etc thing
Title: Re: virtuemart 3 latest products not side by side
Post by: ericweb on December 24, 2014, 12:36:11 PM
<div class="latest-view">
<h4>Latest Products</h4>
<div class="row">
<div class="product vm-col vm-col-3 vertical-separator">
<div class="spacer">
<div class="vm-product-media-container">
<div class="vm-product-rating-container"> </div>
<div class="vm-product-descr-container-0">
<div class="vm3pr-2">
<div class="vm3pr-0">
<div class="vm-details-button">
</div>
</div>
<div class="product vm-col vm-col-3 vertical-separator">
<div class="spacer">
<div class="vm-product-media-container">
<div class="vm-product-rating-container"> </div>
<div class="vm-product-descr-container-0">
<div class="vm3pr-2">
<div class="vm3pr-0">
<div class="vm-details-button">
</div>
</div>
<div class="product vm-col vm-col-3 ">
<div class="spacer">
</div>
<div class="clear"></div>
</div>
Title: Re: virtuemart 3 latest products not side by side
Post by: GJC Web Design on December 24, 2014, 12:54:12 PM
that has nothing to do with it - it is the css that is working on it that sets the layout -- as I say - no live site - impossible to help
Title: Re: virtuemart 3 latest products not side by side
Post by: jlhall07 on January 27, 2015, 03:40:33 AM
hey GJC can you check on my site here is a live URL - ????????????
Maybe you can point us in the right direction.
Thanks in advance for the help!
Title: Re: virtuemart 3 latest products not side by side
Post by: jenkinhill on January 27, 2015, 12:11:48 PM
You can use Firebug to look at the issue - every developer should have one!  http://forum.virtuemart.net/index.php?topic=116620.0
Title: Re: virtuemart 3 latest products not side by side
Post by: GJC Web Design on January 27, 2015, 15:44:40 PM
Haaa! an artisteer template -- all I will say is good luck....   :)
Title: Re: virtuemart 3 latest products not side by side
Post by: jlhall07 on January 27, 2015, 17:41:51 PM
Ouch! What do you all use paid templates? I thought this would be a good solution to custom build templates... Got a better plan; I'm teachable!
Title: Re: virtuemart 3 latest products not side by side
Post by: GJC Web Design on January 27, 2015, 18:59:55 PM
I personally always start with Spyros's wonderfully hackable templates

www.virtuemarttemplates.eu
Title: Re: virtuemart 3 latest products not side by side
Post by: jenkinhill on January 27, 2015, 19:44:30 PM
Problem with Crapisteer is that it produces templates with non-standard Joomla code and does not include the full css styles that are part of a standard Joomla template. Probably OK for just a simple site with no extra components, but for a VM site you will always be working with one hand and one leg tied behind your back.

Recently most of my clients seem to like low cost templates from http://www.joomla51.com although a couple of free ones from http://www.siteground.com/joomla-templates.htm have also been considered.
Title: Re: virtuemart 3 latest products not side by side
Post by: jlhall07 on January 27, 2015, 21:33:08 PM
GJC and jenkinhill. Thanks a lot for the lead in the right direction. This will be very instrumental in getting my site to where it needs to be.
I'll play around with a few and see what I can do. Thanks again!
Title: Re: virtuemart 3 latest products not side by side
Post by: jlhall07 on February 10, 2015, 03:15:33 AM
Okay well call me a retard cause I just can not figure this out even after attempting to modify the CSS. Which I am also new at...
Title: Re: virtuemart 3 latest products not side by side
Post by: heisedesign on March 10, 2015, 19:38:14 PM
PHP :: 5.4.30
Joomla! :: 3.4.0
VM V :: 3.0.6.2
Gavick :: GK Storefront now compatible with VM3 and J! 3.4

I have the same problem described here in this thread but I have VM3 & J!3 and have not been able to fix this issue. The module is just not working correctly. When I try to display products using the "VirtueMart Products Module," no matter how I configue it,  the products display vertically rather then horizontally on the home pager. For example, I choose 6 displayed items and 3 items per row - so I expect to see 2 rows with 3 items in each row. I have alternated Div based with List based ul-li display styles and still all items are displaying incorrectly, on top of each other. see ThunderGodVines.org. I have used firebug to figure out the problem or see the CSS problem here but it seems more like a script communication error to me. Not sure. Please help - I would appreciate that Thanks.


Site required sign in:     tgv1957  |   kiwi$tyle3

See attachments for login credentials


ANOTHER ERROR IN THIS MOD:

When I choose to "Show Add-To-Cart Link?" <YES> it results in the following error message on the Home page results and the entire home page is blank white except for 1 product pic and this error.

Fatal error: Class 'mod_virtuemart_product' not found in /home/tg022515v/public_html/templates/gk_storefront/html/mod_virtuemart_product/default.php on line 187

Title: Re: virtuemart 3 latest products not side by side
Post by: saviB on April 01, 2015, 15:44:09 PM
GJC is right. In a custom CSS file, add:

.browse-view .row .product .spacer, .related-products-view .row .product .spacer {
  float:left;
}

This should get the VM columns working.
Title: Re: virtuemart 3 latest products not side by side
Post by: heisedesign on April 01, 2015, 15:57:40 PM
Thank you SaviB - this sounds practical but I don't know which custom CSS to create or add. Could you walk through that step by step for us non-coding professionals. Thank you.
Title: Re: virtuemart 3 latest products not side by side
Post by: GJC Web Design on April 01, 2015, 16:25:26 PM
logins don't work

but the point of BUYING a commercial template like GK is that support comes with it.. that's why you handed them your money
Why are u not asking Gavik why their template doesn't work?
Title: Re: virtuemart 3 latest products not side by side
Post by: heisedesign on April 01, 2015, 16:51:55 PM
I have a lifetime template membership (all templates new and archive included) with Gavick which does not include support but I think this problem lies with the VM mod, not in the template. If you can't help then I'm sorry to bother you - I thought this was a forum to learn from. I need some answers to the issue and all you guys do is just write back quick brief answers that leave a lot of questions. I've been designing with Joomla for 7 years but I'm not a professional coder so I just need a little extra instructions to get things accomplished and I don't mind getting into the coding process to gain a better understanding of how to handle problems myself. So if are you going to help with this issue then here is the credentials:


website - THUNDERGODVINES.ORG

Website access - tgv1957 | pw - kiwi$tyle3
Joomla access - vmhelp | pw - vm2015

Thanks for your time in advance
Dan Heise

If you need FTP access - email me at dan@heisedesign.com
Title: Re: virtuemart 3 latest products not side by side
Post by: GJC Web Design on April 01, 2015, 19:03:30 PM
I think you are being quite unrealistic in the level of help you expect...

No one on here gets paid to answer these questions - it is all done in our free time..

As you say you have been building sites for 7 years it seems unlikely you do this out of the kindness of your heart.. one assumes you bill the client at the end of it..

You have a commercial template with a layout issue .. you say Gavik provides no support.. pfffff -- what is that for customer respect?

But to expect someone to spend the time to find and fix your issue ( it can only be a missing or over-ridden float somewhere) - hmmm

Must try this the next time the car needs fixing ..   ;)

have you even tried to add the css below or learnt to use Firebug to find where the problem is?
Title: Re: virtuemart 3 latest products not side by side
Post by: heisedesign on April 02, 2015, 20:03:17 PM
Sometimes I get to the point where I do have to pay independent guys like you to help me out. I don't mind paying for some help because as a web designer I'd rather not spend to much time tweaking up codes. If you can help me give me a quote and I'll be glad to hire you - and probably will need your help later down the road too. Thanks

I have been designing and building sites since 1996. I have been building with Joomla for around 7-8 years and yes, to make money. I don't expect anything for free and obviously K2's Virturmart is free so I can't expect them to jump to my assistance with support or even on the forum but this is just frustrating because it seems like each and every component, module, etc that I purchase to enhance the site has some issues which set my work back and my clients loose confidence and honestly I feel the same way - even most (paid) modules, plugins, etc... create incompatibility issues which need quirky code tweaks to get them working correctly. This is quite frustrating to say the least. I'm working on this now for around 5 weeks to get this stupid VM Slider to do it's job. Anyway, I appreciate your help.
Title: Re: virtuemart 3 latest products not side by side
Post by: GJC Web Design on April 02, 2015, 22:33:51 PM
To fix your problem I doubt would take very much time at all - I assume it is just floats
Your welcome to email me if you want to take it further..

Re extensions - VM is provided free as is .. if e.g. you d/L the complete install you will see that everything works out of the box.

It is therefore incumbent on 3rd party ext dev's to try to make their work as compatible and bug free as possible AND having accepted the clients money to support their extensions. Of course it is reasonable to put some sort of time or major version change limit on this - but VM3 is freshly born...

To see a template dev selling templates THEN wanting a separate fee to support them I find quite .. well - can't find the word... it is certainly not the way I work...
Title: Re: virtuemart 3 latest products not side by side
Post by: Studio 42 on April 05, 2015, 00:08:07 AM
Hi heisedesign,
In your name you have design.  And don't know how to change a css rule?
Sorry but this have nothing to do with VM, Joomla. But HTML & CSS.
http://www.w3schools.com/css/css_float.asp for a little tuto.
Title: Re: virtuemart 3 latest products not side by side
Post by: saviB on April 09, 2015, 17:03:13 PM
1. Navigate to components/com_virtuemart/assets/
2. Copy (download - whatever) the file: vm-ltr-site.css
3. Navigate to templates/whatever template you are using/css
4. Paste the file you copied

This now overrides VM styles. In that file, just go to the very bottom (CSS is read top to bottom) and add:

.browse-view .row .product .spacer, .related-products-view .row .product .spacer {
  float:left;
}

If it doesn't work - make it by adding !Important;

.browse-view .row .product .spacer, .related-products-view .row .product .spacer {
  float:left!Important;
}

Also be aware that the per row section i the Configuration of the VM admin does not override the same section of each category. So if you have products per row set to 3 in Configuration, but your product category is set to 1 - it will only show one.

Hope that helps.