More “recommended collections”

Technical Q&A
, ,
1

Hello, I would like to create a recommended collection section with 4 columns and 2 rows. On mobile devices, I would like to have only one row and 4 columns. I would also like to display the best-selling posters there. Does anyone have any ideas on how to do this? Thank you in advance for your help.

site:styloveplakaty.pl

2

Hi,

Hope this will help

  • Create a collection sorted by “Best selling”
  • Add a Featured collection section and show 8 products
  • Adjust mobile layout (1 row, 4 columns)

CSS example

@media (max-width: 768px) {
  .featured-collection .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }

  .featured-collection .grid__item:nth-child(n+5) {
    display: none;
  }
}
3

The CSS code does not work.