virtuemart 3 latest products not side by side

[ericweb]

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]

[GJC Web Design]

without a live site and urls to the affected page no one can help you
can only be a css float etc thing

[ericweb]

Code Select Expand

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

[GJC Web Design]

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

[jlhall07]

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!

[jenkinhill]

You can use Firebug to look at the issue - every developer should have one!  http://forum.virtuemart.net/index.php?topic=116620.0

[GJC Web Design]

Haaa! an artisteer template -- all I will say is good luck....   

[jlhall07]

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!

[GJC Web Design]

I personally always start with Spyros's wonderfully hackable templates

www.virtuemarttemplates.eu

[jenkinhill]

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.

[jlhall07]

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!

[jlhall07]

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

[heisedesign]

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

[saviB]

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.

[heisedesign]

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.