Joomla Templates Club 406,261 posts

[lemick28 Friend lemick28Join date: February 2013Posts: 23Downloads:12Uploads:6 Thanked: 1 times in 1 posts]

#1011098

For some reason I cannot use the Virtuemart CSS with Ja Vintas because it will not show all products (it skips some so I have a big empty space).
Anyway I deselect Use Virtuemart CSS and the products showup correctly.
However when doing so I cannot change the number of coloums for categories or prodcuts per row
so instead of having 4 categories horizontally and then another 4 and so on… I end up with all categories in a list vertically down the right side of the page same for Products.
how can I edit the template to show 4 categories across??

---

Attachments:

1. 
2. 
3. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1011155

Hi,

You can change the number of categories per row via settings of Virtuemart > Configuration > Templates > Shopfront settings: http://prntscr.com/e9c5hd

Regards

[lemick28 Friend lemick28Join date: February 2013Posts: 23Downloads:12Uploads:6 Thanked: 1 times in 1 posts]

#1011158

Thank you but that does not seem to work with virtuemart CSS turned off.
I was able to partially fix the problem just now by turning Virtuemart CSS back on and editing the file
vm-ltr-site.css
I had to change
div[class="-view"] .row{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
to:
div[class="-view"] .row{
display: inline;
flex-wrap: wrap;
justify-content: flex-start;
}

Now it will show all products but will not place them in the correct rows. now i have three products across and then one product
then three products and then one product and so on….

so the problem is that Flex command doesn’t work I dont know why..
maybe I should remove the lines???:
flex-wrap: wrap;
justify-content: flex-start

also Now with Virtuemart CSS enabled setting product per row to "one" or "three" has zero effect.

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1011557

This reply has been marked as private.

[lemick28 Friend lemick28Join date: February 2013Posts: 23Downloads:12Uploads:6 Thanked: 1 times in 1 posts]

#1011580

Seems to be working with Virtuemart CSS but couldn’t get it to work without it.
The Virtuemart Category Layout settings on the Individual categories were overriding the main virtuemart settings which is why some categories showed 3 rows while others showed only one.

Had to do quite a bit of testing and changing of the css code to get it where it is now but I think it looks good.
still a long ways to go.. cant get the product-info Text to center in the block on all pages now. with margins I can center when only one line or for two lines but not both… vertical-align just doesn’t work for some reason.
And I really wanted to move the ja-Main field over there is too large a margin between that and the left menu but seems to be styled by an element that I cannot change or cant find with firebug.

http://www.lemickracing.com/index.php/shop/road-racing/brakes/master-cylinders/beringer-master-cylinders

http://www.lemickracing.com/index.php/shop/road-racing/brakes/calipers/front-calipers/beringer

ill just keep working on it.
I really appreciate your help on it!

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1011967

Could you illustrate the modification you expect via screenshot so I can check?

[Author]

Posts