Ноу-хау на дисплее продукта Woocommerce

Question

Я не уверен, что этот вопрос относится к stackoverflow, но я смотрел почти везде.

Я хочу создать дисплей товара, содержащий 6 товаров, справа от картинки, например в этом примере.

Я надеюсь, что некоторые изу вас есть ноу-хау, которым вы хотели бы поделиться со мной по этому вопросу.

Заранее спасибо

AP

Answer 1

Самый простой способ сделать это - добавить левую боковую панель на страницу магазина, что обычно можно сделать через вашу тему, а затем добавить виджет изображения на эту боковую панель. Последнее, что нужно сделать, это изменить код CSS вашего магазина, чтобы сделать всю страницу полной шириной, а затем сделать боковую панель 50% родительского div.

Преимущество этого подхода заключается в том, что боковая панель отображается после продуктов в мобильном режиме (по умолчанию), поэтому мобильные посетители сначала увидят продукты.