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

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

Тема в разделе "Вопросы, советы и доработки.", создана пользователем YaSerg, 25 дек 2013.

Статус темы:
Закрыта.
  1. YaSerg

    YaSerg

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

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

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

    Валерий

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

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

    ya.zkp

    Сообщения:
    41
    Симпатии:
    17
    Баллы:
    8
    напишите какая у вас тема а лучше приложите скриншот
     
  4. YaSerg

    YaSerg

    Сообщения:
    107
    Симпатии:
    5
    Баллы:
    18
    Тема 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 КБ
      Просмотров:
      10
    • Screen2.jpg
      Screen2.jpg
      Размер файла:
      134,6 КБ
      Просмотров:
      9
  5. delitant

    delitant

    Сообщения:
    128
    Симпатии:
    30
    Баллы:
    28
    Может есть смысл поэкспериментировать с размерами миниатюр товаров?
     
  6. YaSerg

    YaSerg

    Сообщения:
    107
    Симпатии:
    5
    Баллы:
    18
    Уже попробовал. Очень странно что на любой теме этот косяк повторяется через строку в зависимости от размеров блока.
    Попробовал создать отдельную страницу без сайдбара, места валом. Вставляю [product_category category="appliances"] первая строка с переносом, вторая нет, третья с переносом, четвёртая нет и так далее.
     
  7. delitant

    delitant

    Сообщения:
    128
    Симпатии:
    30
    Баллы:
    28
    Вот это странно, я с такой проблемой ни разу ни на одной теме не сталкивался. Может у вас что-то с файлами плагина WooCommerce?
     
  8. YaSerg

    YaSerg

    Сообщения:
    107
    Симпатии:
    5
    Баллы:
    18
    Они не редактировались, ума пока не хватает.

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

Статус темы:
Закрыта.