Перейти к содержанию
BeTep2

Помощь с CSS

Рекомендуемые сообщения

Добрый день!

Вывел рекомендуемые  товары в карточке снизу. Все красиво и ровно до того момента как не попадается товар с длинным названием, который смещает рамки, кнопку покупки и т.д. Получается кривая, не красивая лесенка. Возможно кто подскажет как подправить.

 

Как выглядит код:



.box-product2 {
 
    background: #FFFFFF;
    border-left: 1px solid #A87B4F;
    border-right: 0px solid #A87B4F;
    border-bottom: 1px solid #A87B4F;
    width: xx%;
    overflow: auto
}
.box-product2 > div {
    width: 210px;
    display: inline-block;
    vertical-align: middle;  
    border-left: 1px solid #A87B4F;
    border-right: 1px solid #A87B4F;
    border-top: 1px solid #A87B4F;
    margin-right: -1px;
    ;
    margin-bottom: 0px;
    margin-top: 0px;
}
#column-left + #column-right + #content .box-product2 > div {
    width: 279px;
    text-align: center;
}
.box-product2 .image {
    display: block;
    margin-bottom: 5px;
        margin-top: 5px;
    text-align: center;
}
.box-product2 .image img {
    padding: 0px;
    border: 0px solid #E7E7E7;
}
.box-product2 .name a {
    color: #A87B4F;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-bottom: 9px;
    margin-left: 5px;
    text-align: center;
}
.box-product2 .short{
    font-weight: normal;
    color: #472d16;
    margin-bottom: 10px;
    margin-left: 15px;
    text-align: left;
    }
 
.box-product2 .price {
    font-size: 14px;
    font-weight: bold;
    color: #472d16;
    padding-top: 3px;
    margin-bottom: 5px;
    margin-left: 15px;
 
    text-align: center;
}
.box-product2 .price-old {
    color: #F00;
    text-decoration: line-through;
}
.box-product2 .price-new {
    font-weight: bold;
}
.box-product2 .rating {
    display: block;
    margin-bottom: 4px;
}
.box-product2 .cart {
float: right;
margin-right: 17px;
margin-bottom: 10px;
}


 

Вот как визуально косяк выглядит:

6bea6e2b6fb5f4da5dbec12dfc4cdfb5.png 


Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Картинки и код хорош в том случае,если реального ответа ты не ждёшь и выложил это сюда, как крик души.Во всех остальных случаях помогает ссылка на проблему.Как то так!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты


.box-product2 .name {

   height: 50px;

   text-align: center;

   margin: 2px 10px 3px 10px;

}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От zubovd
      300.00 руб
      Скачать/Купить дополнение


      Клон модуля "Рекомендуемые товары"
      По просьбам пользователей сделал клон модуля Рекомендуемые товары
      Описание можно найти на странице оригинала
      Для установки требуется vQmod, с его помощью добавляется доп. поле в администранивной части карточки товара во вкладке "Связи"
      Таким образом вы получаете еще один набор рекомендуемых товаров.
      Еще одна особенность, отличие от оригинального решения "рекомендуемых товаров" - нет обратной привязки товаров к текущему + кеширование товаров
      Работает на всех версиях 1.5.х.х с дефолтным шаблоном
      Демо v1.5.4.1
      Добавил zubovd Добавлено 09.08.2013 Категория Модули  
    • От bnku
      300.00 руб
      Скачать/Купить дополнение


      Related Products Plus
      Related Products Plus
      Добавление сопутствующих товаров целой категории товаров.
      Модификация дает возможность добавлять сопутствующие товары сразу для целой категории товаров.
      --------------------------------------------------------------------------------------------------------
      Модуль добавляет сопутствующие товары в одностороннем порядке, без перелинковки* (см. скриншот) и никак не вмешивается в работу фронт-энда!
      --------------------------------------------------------------------------------------------------------
      * (Чтобы включить двустороннюю перелинковку, раскоментируйте все закоментированные строки в файле.)
      После установки модификации, в административной панели на странице редактирования товара на вкладке "Связи" появится чекбокс "Применить к категории" и поле выбора категории.
      Если выбрать галочку рядом с "Применить к категории", то все товары, которые находятся в списке, будут добавлены ко всем товарам выбранной категории.
      По умолчанию выбрана главная категория редактируемого товара, если она установлена. Можно выбрать категорию выше по иерархии, тогда сопутствующие товары добавятся всем товарам всех категорий, находящихся ниже ее по иерархии и товарам выбранной категории.
      При этом, если к какому-то товару из выбранной категории уже добавлены сопутствующие, то они перезапишутся (удалятся и добавятся только те, которые были выбраны в форме).
      Если галочка стоит, но при этом не выбрано ни одного сопутствующего товара, ВСЕ уже добавленные сопутствующие товары у ВСЕХ товаров выбранной категории УДАЛЯТСЯ!
      Если галочку не выбирать, то изменения будут применены, как и раньше, только к текущему товару.
      Начиная работать над какой-то конкретной категорией товаров, рекомендуется такой алгоритм:
      сначала добавить общие сопутствующие товары для всей категории (галочка выбрана);
      потом, если требуется, добавить другие сопутствующие товары определенным товарам (уже без галочки).

      Для работы модификации требуется установленный VQMOD
      Тестировалось на версии ocStore 1.5.5.1.2
      Должно работать на всей ветке 1.5.*
      Добавил bnku Добавлено 31.10.2014 Категория Модули  
    • От zubovd
      350.00 руб
      Скачать/Купить дополнение


      Рекомендуемые товары в категории
      Данный модуль предоставляет возможность привязывать рекомендуемые товары к любой категории и выводить их непосредственно в категории в виде обычного модуля товаров.
      Плюшки модуля:
      привязка неограниченного кол-ва товаров к каждой категории
      мультиязычный кастомный заголовок модуля с возможностью подстановки имени категории
      размер изображений товаров
      четыре стандартных расположения модуля (вверх/низ/слева/справа)
      вкл./выкл. отображения модуля
      порядок сортировки
      лимит отображаемых товаров
      тип сортировки товаров: По умолчанию
      Наименование (А -> Я)
      Наименование (Я -> А)
      Модель (А -> Я)
      Модель(Я -> А)
      Количество (по возрастанию)
      Количество (по убыванию)
      Цена (по возрастанию)
      Цена (по убыванию)
      Рейтинг (по возрастанию)
      Рейтинг (по убыванию)
      Дата добавления (по возрастанию)
      Дата добавления (по убыванию)
      Кол-во просмотров (по возрастанию)
      Кол-во просмотров (по убыванию)
      Случайная

      [*]использование карусели
      [*]использование кеширования выборки товаров
      [*]мультимагазин


      В модуле две локали - русская и английская.
      Демо модуля
      Демо настроек модуля

      Логин: crproducts_demo
      Прароль: demo
      Быть может Вас могут заинтересовать:
      Модуль "Сопутствующие товары"
      Модуль "Похожие товары (vqmod)"
      Модуль "Похожие товары"
      Модуль "Рекомендуемые товары"
      Клон модуля "Рекомендуемые товары"
      Клон клона модуля "Рекомендуемые товары"
      Модуль оплаты Z-Payment для версий 1.5.x
      Микроданные Schema.org
      Микроданные Schema.org + Яндекс Острова для категорий
      Микроданные Schema.org + Яндекс Острова для производителей

      Добавил zubovd Добавлено 20.04.2016 Категория Модули Системные требования Сайт разработчика https://opencart-module.com Старая цена Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop  
    • От Sabufer
      И так я получил related товары 
      public function getProductRelated($product_id) { $product_data = array(); $query = $this->db->query("SELECT * FROM " . DB_PREFIX . "product_related pr LEFT JOIN " . DB_PREFIX . "product p ON (pr.related_id = p.product_id) LEFT JOIN " . DB_PREFIX . "product_to_store p2s ON (p.product_id = p2s.product_id) WHERE pr.product_id = '" . (int)$product_id . "' AND p.status = '1' AND p.date_available <= '" . $this->NOW . "' AND p2s.store_id = '" . (int)$this->config->get('config_store_id') . "'"); foreach ($query->rows as $result) { if( $product_id != $result['related_id'] )$product_data[$result['related_id']] = $this->getProduct($result['related_id']); } return $product_data; } теперь полученные id related нужно отправить в поиск как это сделать ума не приложу !
    • От krashman
      Необходим модуль автоматически подбираемых похожих товаров на основании атрибутов.
      Для размещения в карточке товара на месте дефолтного модуля Related Products.
      opencart 1.5.6.4
       
      Нашёл такие варианты: 
      https://opencartforum.com/files/file/4617-pohozhie-tovary-po-atributam/
      https://opencartforum.com/files/file/3282-avtomaticheski-rekomenduemye-tovary/
       
       
      первый под 2.x и несовсем ясны возможности модуля.
      второй от автора "мертвеца" - нет поддержки и сообщение о чрезмерной нагрузки на сервер от artempitov в версии модуля 2.x . Значит и на 1.5.6 такая же проблема
       
      Есть ли ещё какие-то альтернативы?
      Либо можно оптимизировать второй модуль от @chick, чтобы не грузило сервер?
      Либо на индивидуальный заказ? Либо не на совсем индивидуальный. Желающих, как я понял, достаточно в тех же темах модулей, которые выше перечислил.
       
      p.s. Я так понял, что нагрузка связана с тем, что постоянно генерируются запросы в бд при каждом заходе на любой товар, чтобы понять модулю какие товары выводить на основании сравнения атрибутов. Можно ли этот процесс не делать постоянно, а добавить, например, в настройки модуля кнопочку "сгенерировать похожие товары" - один раз модуль находит похожие товары и прописывает их в бд. Дальше от модуля только требуется их вывести, как дефолтные related.
      Если добавил десяток новых товаров с атрибутами, зашёл в настройки и сгенерировал похожие товары заново.
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×