Public Forums 71,145 posts

[adminjlf Friend adminjlfJoin date: May 2015Posts: 27Downloads:69Uploads:0 Thanks: 7]

#1088988

Hi, we are trying to use the JA_Builder with Virtuemart, but we have some troubles with the products display…

i have 2 questions : http://prntscr.com/i7887m

1 : Is there a way to remove the blank space below my products (these spaces are for the price and add to cart).

2 : Is it possible to resize the product picture to use all the space ?

Thank you for your help !

• This topic was modified 6 years, 9 months ago by  adminjlf.

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

#1089072

Hi,

I can’t access your site at this moment, could you check again?

[adminjlf Friend adminjlfJoin date: May 2015Posts: 27Downloads:69Uploads:0 Thanks: 7]

#1089206

Hi,
we made the update of the link to our website. Can you try again please ?

Thank you for your help !

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

#1089334

Hi,

That space is for displaying some info of product like rating/description/etc… if you want to hide them, you can try with this custom CSS:

.jub-block.mainbody .category-view .vm-product-rating-container, .product .vm-product-descr-container-1, .vm3pr-0 {
    display: none;
}

Regards

[adminjlf Friend adminjlfJoin date: May 2015Posts: 27Downloads:69Uploads:0 Thanks: 7]

#1089384

Thanks for your help, it works !!!

but for the second question : http://prntscr.com/i7887m

2 : Is it possible to resize the product picture to use 200×500 space ?

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

#1089560

Hi,

You can try this custom CSS:

.jub-block .browse-view .row .product .spacer img.browseProductImage {
    max-height: 100% !important;
}

[adminjlf Friend adminjlfJoin date: May 2015Posts: 27Downloads:69Uploads:0 Thanks: 7]

#1089650

Thank you, it works fine !!

Is there a way to apply these parameters ONLY on some pages in a submenu ?
(whitout editing every single page…)
http://prntscr.com/i8ot6l

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

#1089711

Hi,

Do you mean that you want to apply above CSS to those pages only?

You can use Page Class feature in Joomla, just access the menu items of those pages > Page Display tab > Page Class: http://prntscr.com/i8ylfm

I made a sample on your site by adding a class called vmBuilder into the menu items, for example, I suggested above CSS:

.jub-block .browse-view .row .product .spacer img.browseProductImage {
    max-height: 100% !important;
}

you can change it to:

.jub-page-vmBuilder .jub-block .browse-view .row .product .spacer img.browseProductImage {
    max-height: 100% !important;
}

You just need to add vmBuilder page class to any menu item page you want to have this style.

Regards

[Author]

Posts