Displaying 2 products side by side on mobile version of Atelier

[mayk]

Hi,

Could you tell me where the setting is so that there are 2 products side by side on the mobile version of the Atelier theme. Currently it just displays 1 image and we need it to show more.

Thanks

Jon

[Rui Guerreiro – SUPPORT]

Hi,

We will need to provide you some css to achieve. In what kind of pages?

The Shop pages?

-Rui

[mayk]

Yeah is the shop pages only. So displays two products side by side.

[David Martin – Support]

Please add this to Theme Options => Custom CSS:

@media only screen and (max-width: 767px) {
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product, 
.woocommerce-page[class*=columns-] ul.products li.product, 
.woocommerce[class*=columns-] ul.products li.product {
    width: 48%!important;
    clear: none!important;
}
}

[mayk]

Thanks. Could you also tell me how to set the sorting option in the top shop menu to “newness” rather than “default sorting” such that the newest products are always displayed at the top?

Thanks

Jon

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi Jon,

Can you adjust the WooCommerce plugin settings: Products => Display => Shop & Product Pages => Default Product Sorting => Sort by most recent.

Thanks.