• Никакой политики на форуме. Иначе - бан!
  • Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Отображение похожих товаров

Статус
В этой теме нельзя размещать новые ответы.

YaSerg

Опытный
WooCommerce на страничке товаров внизу выводя сопутствующую продукцию (Вам также может понравиться…) первый товар всегда выводит ориентированным по левому краю, а второй начинает с новой строки. Далее все товары идут ровно сеткой.
Такая же ситуация и когда выводить в записи блога товары из категории или всю категорию.

Как можно сделать что бы первый элемент был так же обтекаем как и последующие?

P.S. На различных темах ситуация одинаковая. На данный момент стоит вутик.
 

Валерий

Специалист
первый товар всегда выводит ориентированным по левому краю, а второй начинает с новой строки. Далее все товары идут ровно сеткой. На различных темах ситуация одинаковая.

Не замечал, тем более на различных темах подобной "одинаковой" ситуации. Товары обычно идут ровной сеткой в виде строки. Ну, конечно, зависит еще от того, сколько товаров у Вас выводится в данном блоке. Если много - то несколько строк-сеток.

У Вас может возникнуть описанная выше ситуация, если блоки похожих товаров обтекается по правому краю, сам блок выровнен по левому, и при этом сумма ширин блоков похожих товаров в строке > ширины блока основного контента. Т.е. если ширина основного контента, например, 700px, а товарных блоков 200px, и блоков должно выводится 4 (4 похожих товара), то первый блок будет один на строке, выровненный по левому краю, а остальные 3 - с новой строки по правому краю. Нужно или количество товаров уменьшить (сделать 3, а не 4 товара), или ширину блоков уменьшить, чтобы они помещались.
 
  • Like
Реакции: D&B

ya.zkp

Форумчанин
напишите какая у вас тема а лучше приложите скриншот
 

YaSerg

Опытный
Тема Wootique

По совету Валерия попробовал сделать эксперементы изменяя ширину блоков и отступы. Что привело к ещё более запутанной ситуации.

На данный момент у меня настроен вывод товаров в два столбца и ширина регламетируется кодом:
Код:
/* 4 columns */
#footer-widgets.col-4 .block { width:22.2%; float: left; margin-right:3.7%; }
#footer-widgets.col-4 .footer-widget-4 { margin-right:0; }

/* 3 columns */
#footer-widgets.col-3 .block { width:30.75%; float: left; margin-right:3.8%; }
#footer-widgets.col-3 .footer-widget-3 { margin-right:0; }

/* 2 columns */
#footer-widgets.col-2 .block { width:48%; float: left; margin-right:3.8%; }
#footer-widgets.col-2 .footer-widget-2 { margin-right:0; }

/* 1 column */
#footer-widgets.col-1 .block { width:100%; }

Это видно и на скриншотах. Измеив немного (к примеру до 45% ширину блоков) первые два блока выстраиваются и умещаются в ряд, а вто вторая строка блоков наоборот приобретает перенос строки, который отсутствовал до изменений. Получается уменьшив блок решаешь проблему первой строки, но получаешь проблему со второй строкой.

Обратите внимание на первом скриншоте ширина по умолчанию, на втором уменьшена до 45%.
 

Вложения

  • Screen1.jpg
    Screen1.jpg
    125.5 KB · Просмотры: 10
  • Screen2.jpg
    Screen2.jpg
    134.6 KB · Просмотры: 9

delitant

Опытный
Может есть смысл поэкспериментировать с размерами миниатюр товаров?
 

YaSerg

Опытный
Может есть смысл поэкспериментировать с размерами миниатюр товаров?
Уже попробовал. Очень странно что на любой теме этот косяк повторяется через строку в зависимости от размеров блока.
Попробовал создать отдельную страницу без сайдбара, места валом. Вставляю [product_category category="appliances"] первая строка с переносом, вторая нет, третья с переносом, четвёртая нет и так далее.
 

delitant

Опытный
Очень странно что на любой теме этот косяк повторяется через строку в зависимости от размеров блока.
Вот это странно, я с такой проблемой ни разу ни на одной теме не сталкивался. Может у вас что-то с файлами плагина WooCommerce?
 

YaSerg

Опытный
Вот это странно, я с такой проблемой ни разу ни на одной теме не сталкивался. Может у вас что-то с файлами плагина WooCommerce?

Они не редактировались, ума пока не хватает.

Если, возможно, кто захочет взглянуть на ситуацию могу скинуть линк на сайт в ЛС.
 
Статус
В этой теме нельзя размещать новые ответы.
Сверху Снизу