Jump to content
Sign in to follow this  
lambda371

[Решено] Съехали товары в категории

Recommended Posts

Доброго времени суток, форумчане!
Столкнулся с небольшой проблемой
На странице категории очень странно отображаются товары
На одной строчке 3 товара, на другой 1
Как будто остаются пустые места
Что можно с этим сделать?

Прикрепляю ссылку на страницу категорий:
http://гидротех-центр37.рф/electro-dvigateli

Share this post


Link to post
Share on other sites
11 минут назад, lambda371 сказал:

Доброго времени суток, форумчане!
Столкнулся с небольшой проблемой
На странице категории очень странно отображаются товары
На одной строчке 3 товара, на другой 1
Как будто остаются пустые места
Что можно с этим сделать?

Прикрепляю ссылку на страницу категорий:
http://гидротех-центр37.рф/electro-dvigateli

высоту блоков поставить
или названия товара 
 

#content .item-inner .product-name {
  1. margin: 8px 0 0;
  2. height: 40px;
}
Edited by Ptenec

Share this post


Link to post
Share on other sites

Сделать фиксированную высоту названия товара или написать скрипт который будет делать это автоматически, вычисляя максимальную высоту. Тогда съезжать не будут

Первый же скрипт с гугла B)

$(document).ready(function(){
    $.fn.equivalent = function (){
            //запишем значение jQuery выборки к которой будет применена эта функция в локальную переменную $blocks
        var $blocks = $(this),
            //примем за максимальную высоту - высоту первого блока в выборке и запишем ее в переменную maxH
            maxH    = $blocks.eq(0).height(); 

        //делаем сравнение высоты каждого блока с максимальной
        $blocks.each(function(){
            maxH = ( $(this).height() > maxH ) ? $(this).height() : maxH;
            /*
            Этот блок можно записать так:
            if ( $(this).height() > maxH ) {
                maxH = $(this).height();
            }
            */
        });

        //устанавливаем найденное максимальное значение высоты для каждого блока jQuery выборки
        $blocks.height(maxH); 
    }

    //применяем нашу функцию в элементам jQuery выборки - $('.nav')
    $('.product-name').equivalent(); 
});

 

Edited by wbDev

Share this post


Link to post
Share on other sites
15 минут назад, Ptenec сказал:

высоту блоков поставить
или названия товара 
 

#content .item-inner .product-name {
  1. margin: 8px 0 0;
  2. height: 40px;
}

Если так делать, то нужно выискивать самое длинное название на сайте и при этом в коротких названиях будет много пустого места, проще эту задачу решать через скрипт. Главное потом посмотреть как оно работает на телефонах, иногда криво отрабатывает

Edited by wbDev

Share this post


Link to post
Share on other sites

Что интересно, подобная проблема проблема поднимается чуть не каждый месяц и решение на форуме уже есть. Вот, например.

Но каждый раз кому-то лень искать...

Share this post


Link to post
Share on other sites
13 минут назад, SiteMix сказал:

Но каждый раз кому-то лень искать..

поиск - это не для настоящих ковбоев ;)

Share this post


Link to post
Share on other sites

Если название не особо играет большую роль, обрезайте и добавляйте три точки в конце. 

 

white-space:nowrap;

overflow:hidden;

text-overflow:ellipsis;

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By smartcoder
      1 000.00 руб
      Скачать/Купить дополнение


      SMM-posting - автоматический постинг в социальные сети







       
      Постинг Вконтакте, Одноклассники, Телеграм, Инстаграм для Opencart
      Интеграция с сервисом SMM-posting для Opencart
       
      Внимание: после оплаты модуля и регистрации в сервисе - 14 дней бесплатно, далее ежемесячная оплата, согласно тарифной сетке выше.
       
      Возможности модуля:
      Постинг товаров и постинг на стену в вконтакте (vk.com), одноклассники(odnoklassniki.ru), телеграм для Opencart по таймеру и быстрого доступа к сервису SMM-posting.ru.
       
      Демо модуля:
      https://demo23.smart-coder..ru/admin
      demo/demo
       
      Видеообзор модуля:
       
      Полезные ссылки
      Интеграция для CMS Opencart
      Как подключить Телеграм?
      Как подключить Вконтакте?
      Как подключить Одноклассники?
       
      Лицензия и условия использования:
      Условия использования | Политика конфиденциальности | Пользовательское соглашение
      Покупая модуль вы соглашаетесь с условиями использования, политикой конфиденциальности и пользовательским соглашением.
       
      Так же интересующие вопросы по платформе можно читать в нашем блоге.
       
      Подписывайтесь на наши социальные сети:
      Вконтакте | Телеграм | Инстаграм | Одноклассники
       
      Поддержка модуля осуществляется в теме поддержки модуля, либо по адресам почты:
      Отдел поддержки: support@smm-posting.ru
       
      Официальный сайт: https://smm-posting.ru/
       

       
      Добавил smartcoder Добавлено 24.05.2019 Категория Социальные сети Системные требования Сайт разработчика https://smm-posting.ru Метод активации Через официальный сайт дополнения Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore Несовместим OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Да Старая цена 0  
    • By smartcoder
      Постинг Вконтакте, Одноклассники, Телеграм, Инстаграм для Opencart
      Интеграция с сервисом SMM-posting для Opencart
       
      Внимание: после оплаты модуля и регистрации в сервисе - 14 дней бесплатно, далее ежемесячная оплата, согласно тарифной сетке выше.
       
      Возможности модуля:
      Постинг товаров и постинг на стену в вконтакте (vk.com), одноклассники(odnoklassniki.ru), телеграм для Opencart по таймеру и быстрого доступа к сервису SMM-posting.ru.
       
      Демо модуля:
      https://demo23.smart-coder..ru/admin
      demo/demo
       
      Видеообзор модуля:
       
      Полезные ссылки
      Интеграция для CMS Opencart
      Как подключить Телеграм?
      Как подключить Вконтакте?
      Как подключить Одноклассники?
       
      Лицензия и условия использования:
      Условия использования | Политика конфиденциальности | Пользовательское соглашение
      Покупая модуль вы соглашаетесь с условиями использования, политикой конфиденциальности и пользовательским соглашением.
       
      Так же интересующие вопросы по платформе можно читать в нашем блоге.
       
      Подписывайтесь на наши социальные сети:
      Вконтакте | Телеграм | Инстаграм | Одноклассники
       
      Поддержка модуля осуществляется в теме поддержки модуля, либо по адресам почты:
      Отдел поддержки: support@smm-posting.ru
       
      Официальный сайт: https://smm-posting.ru/
       

       
    • By malinator
      Добрый день. Почему то не обновляются изображения у товаров.
      На сайте куча изображений. Решил обновить все сразу пачкой. Обработал фото в фотошопе, сохранил с такими же названиями 1 в 1 как есть на сайте, залил.
      Сбросил кэш, обновил модификаторы. Результата, нет. Как показывалось то что было ранее так и показывается.
      Подскажите, что делать/
       
      Заранее спасибо.
    • By GeorgyM
      500.00 руб
      Скачать/Купить дополнение


      Парсинг для Opencart : загрузка товаров / статей, для Опенкарт, OcStore, v.1.x, 2.x, 3.x
      Услуги по автоматизации наполнения Вашего сайта.
      Парсинг и загрузка на Ваш сайт, товаров для Opencart, каталогов, статей, блогов, галерей, отзывов, обзоров всего, что угодно.
      Парсинг Яндекс Маркета, Авито, Юлы, Price.ru любого сайта Вашего конкурента или поставщика.
      Могу собрать данные в Excel и CSV любого формата, а так же импортировать в Вашу базу данных.
        
      Я могу собрать любые данные в интернете и импортировать их на Ваш сайт.
      Срок работ от "супер срочно - сделать прямо сейчас"!  
        
      Как начать работать со мной: 
      1) Напишите мне  в личку - КЛИНУТЬ ЧТОБЫ НАПИСАТЬ МНЕ
      2) Укажите сайт, с которого нужно собрать данные (Домен)
      3) Укажите дополнительные пожелания  
       
      НЕ НУЖНО ЗАПОЛНЯТЬ СЛОЖНОЕ ТЕХНИЧЕСКОЕ ЗАДАНИЕ
      В переписке согласуем Все детали.
       
      Загрузка на Ваш сайт или передача Вам файла в формате Вашего модуля импорта.
      Быстро, конфиденциально 
      Указана базовая стоимость.
       
      В зависимости от сложности проекта цена может быть изменена по согласованию.
      Любая сложность парсинга!
       
      Чтобы сэкономить время на переписке, прошу внимательно отнестись к строкам ниже, по поводу ТЗ для Парсинга. Я должен понимать какие, работы мне для Вас делать, а без ТЗ я этого понять не смогу.
       
      Для понимания ТЗ мне нужно получить краткое ТЗ:
      Если Вам нужно получить от меня только файл для импорта и каталог картинок: дайте мне адрес сайта-донора, пример файла, который Вам нужно получить с заполненными 2-3 строками, комментарии, этого будет достаточно.  
      Если Вы хотите, чтобы я для Вас спарсил и загрузил товары: напишите мне адрес сайта-донора. Можете схематично показать какие данные со страницы донора, должны быть перенесены на Ваши страницы (в виде простых рисунков)  
      Часто возникает вопрос как скопировать товары с одного интернет магазина и загрузить товары в свой интернет магазин.
       
      Особенно Важно парсить товары если нужно перенести большой каталог на свой сайт интернет магазина, так как руками копировать товары очень долго. 
       
      Я могу спарсить самые сложные сайты: со скриптами, защитами, различными Post запросами, и предоставить Вам данные в CSV или Excel файле, нужного Вам формата.
       
      Могу загрузить опции товаров, атрибуты товаров, дополнительные картинки и тексты, отзывы.
       
      Провести нужные манипуляции с ценами и скидками на товары и прочие сложные операции.
      Могу привести каталог категорий к нужному виду, скопировав картинки и описания категорий.
       
      От Вас потребуется только, домены сайтов откуда копировать каталог, и если Вы планируете загружать самостоятельно данные в Ваш интернет магазин, пример файла в который Вам записать данные.
      Скрипт автоматического наполнения магазина, так же могу разработать.
      Добавил GeorgyM Добавлено 22.08.2017 Категория Услуги  
    • By GeorgyM
      Услуги по автоматизации наполнения Вашего сайта.
      Парсинг и загрузка на Ваш сайт, товаров для Opencart, каталогов, статей, блогов, галерей, отзывов, обзоров всего, что угодно.
      Парсинг Яндекс Маркета, Авито, Юлы, Price.ru любого сайта Вашего конкурента или поставщика.
      Могу собрать данные в Excel и CSV любого формата, а так же импортировать в Вашу базу данных.
        
      Я могу собрать любые данные в интернете и импортировать их на Ваш сайт.
      Срок работ от "супер срочно - сделать прямо сейчас"!  
        
      Как начать работать со мной: 
      1) Напишите мне  в личку - КЛИНУТЬ ЧТОБЫ НАПИСАТЬ МНЕ
      2) Укажите сайт, с которого нужно собрать данные (Домен)
      3) Укажите дополнительные пожелания  
       
      НЕ НУЖНО ЗАПОЛНЯТЬ СЛОЖНОЕ ТЕХНИЧЕСКОЕ ЗАДАНИЕ
      В переписке согласуем Все детали.
       
      Загрузка на Ваш сайт или передача Вам файла в формате Вашего модуля импорта.
      Быстро, конфиденциально 
      Указана базовая стоимость.
       
      В зависимости от сложности проекта цена может быть изменена по согласованию.
      Любая сложность парсинга!
       
      Чтобы сэкономить время на переписке, прошу внимательно отнестись к строкам ниже, по поводу ТЗ для Парсинга. Я должен понимать какие, работы мне для Вас делать, а без ТЗ я этого понять не смогу.
       
      Для понимания ТЗ мне нужно получить краткое ТЗ:
      Если Вам нужно получить от меня только файл для импорта и каталог картинок: дайте мне адрес сайта-донора, пример файла, который Вам нужно получить с заполненными 2-3 строками, комментарии, этого будет достаточно.  
      Если Вы хотите, чтобы я для Вас спарсил и загрузил товары: напишите мне адрес сайта-донора. Можете схематично показать какие данные со страницы донора, должны быть перенесены на Ваши страницы (в виде простых рисунков)  
      Часто возникает вопрос как скопировать товары с одного интернет магазина и загрузить товары в свой интернет магазин.
       
      Особенно Важно парсить товары если нужно перенести большой каталог на свой сайт интернет магазина, так как руками копировать товары очень долго. 
       
      Я могу спарсить самые сложные сайты: со скриптами, защитами, различными Post запросами, и предоставить Вам данные в CSV или Excel файле, нужного Вам формата.
       
      Могу загрузить опции товаров, атрибуты товаров, дополнительные картинки и тексты, отзывы.
       
      Провести нужные манипуляции с ценами и скидками на товары и прочие сложные операции.
      Могу привести каталог категорий к нужному виду, скопировав картинки и описания категорий.
       
      От Вас потребуется только, домены сайтов откуда копировать каталог, и если Вы планируете загружать самостоятельно данные в Ваш интернет магазин, пример файла в который Вам записать данные.
      Скрипт автоматического наполнения магазина, так же могу разработать.
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.