• Priority: 0
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 13.03.23, 11:01
  • Opened by: Timon Andries

Ticket #24407 - Some layout mobile issues

Hello,

On the mobile version of the theme how can I set it that on the product list page the products are shown in two columns instead of one?

On the product list page is it possible to add an extra filter to show newest products first?

On the mobile version is it possible to add another dropdown with the product categories?

Thank you!

Comments

Fred 13 Mar 2023, 17:12

Hi, Timon Andries.
1. You can find product listing settings in the Theme Settings → Category page. If you need different settings for mobile, I can offer you this CSS code (you can adjust it as you like)

@media (max-width: 800px) {
  #pattern #products.view_grid .product_list .grid-container {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }
  #pattern #products.view_grid .product_list .grid-container {
    grid-column-gap:20px;
  }
}

2. Go to Shop Parameters → Product Settings, find the option “Default order method” and change as you need
3. There is no such option, sorry

Timon Andries 14 Mar 2023, 13:41

Thank you very much. The code was very helpful. Is it possible to already have the 2 column layout as the default option?

Fred 14 Mar 2023, 17:34

You can set that in the Theme Settings → Category page

Timon Andries 15 Mar 2023, 09:05

Hello, yes but we would only want it to be the default on the mobile layout. On the desktop version it can stay 4 columns.

Fred 15 Mar 2023, 09:16

You can do that only with the code provided above