Close

Pavilion Purchase Enquiry - Mobile Product Layout Grid

abhiz
6 years ago
#14196 Quote
Avatar
  • 1
Hello Everyone,

I want to purchase pavilion theme. My only concern is "how do I show product grid as same like venture theme.

Is there any plugin or easy customization available to show? I have uploaded the screenshot
1. Pavilion
2. Venture


Please reply.


If I buy venture theme, is there any way to reduce the shopping cart step? In pavilion, the shopping cart is in one drop down. In venture user has to go and fill each step
Freddy1234
6 years ago
#14199 Quote
Avatar
  • 41
Hello

Out of the box the pavilion is not that mobile friendly (big images and only one and one product at a time)

But after just a few tweaks by insert a small code in the setting of the theme
Custom Head Styles It becomes a lot better (look at bottom for the code

For the shopping cart depending on what payment provider you havc chosen
i would recomend going for one step checkoput.

This is the code for tweaking responsive thatw e use

@media (min-width: 769px) {
.item-box {
    width: 23.5%;
}
.item-box:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
}
.item-box:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
}
}
@media all and (max-width: 480px) {
.item-box {
  width: 49%;
  margin-left: 2%;
}
.item-box:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
}
Stefan
6 years ago
#14200 Quote
Avatar
  • 157
Hi abhiz,

Please see my comments below:

1. There is no option out of the box to have 2 items per row in the Pavilion theme, but this can be achieved with a little customization which we will provide if you decide and purchase the theme.

2. As to the checkout process, by default in nopCommerce you have either the standard checkout or a one page checkout. But in both cases, you will need to fill in all the required fields. In the One Page Checkout you will not need to go through each page, but fill all the information on one page. If you want to further improve the checkout process, you can get the Nop One Page Checkout which you can get with a 50% off the price and use this plugin in the theme. This plugin is styled for all our themes.

Hope that helps.
Best Regards,

Stefan Hristov
Nop-Templates.com
Stefan
6 years ago
#14201 Quote
Avatar
  • 157
Freddy1234 wrote:
Hello

Out of the box the pavilion is not that mobile friendly (big images and only one and one product at a time)

But after just a few tweaks by insert a small code in the setting of the theme
Custom Head Styles It becomes a lot better (look at bottom for the code

For the shopping cart depending on what payment provider you havc chosen
i would recomend going for one step checkoput.

This is the code for tweaking responsive thatw e use

@media (min-width: 769px) {
.item-box {
    width: 23.5%;
}
.item-box:nth-child(3n+1) {
    clear: none;
    margin-left: 2%;
}
.item-box:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
}
}
@media all and (max-width: 480px) {
.item-box {
  width: 49%;
  margin-left: 2%;
}
.item-box:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
}


Hi Freddy1234,

Thanks for the input. It is really helpful for everyone who wants to have 2 items per row on mobile.

Thanks again.
Best Regards,

Stefan Hristov
Nop-Templates.com