Как настроить корректное отображение блока (информера) "Популярные товары"?

голоса: 0

Проблема: Некорректное отображение товаров в блоке-информере "популярные товары". Названия и цены товаров сместились вниз, а должны быть справа от изображений. Изображения должны быть в рамках. Отсутствуют разделительные линии.

1. (Диваны) - Надо исправить                               2. (Телефоны) - Правильное отображение.

| Автор: | Категория: Дизайн сайта
Страница второго скриншота (електроникс) - http://athemes.ru/stuff/internet_magazin/electronics/1-1-0-18

(Шаблон куплен в athemes)

(Блок работал нормально, при редактировании первого контейнера он случайно удалился, потом я его установил по новой, после чего он отображается некорректно)

Ответов: 1

голоса: 0
 
Лучший ответ
Неправильно отображается, так как стилей для данного информера практически нет, если у вас имеется такой информер телефонов как на скриншоте, так почему же вы не установите тот же шаблон и для информера диванов.

Если вы купили данный шаблон, ищите внутри и шаблон и стили для информеров или приводите пример страницы где вы скриншотили информер телефонов.
| Автор:
Выбор ответа лучшим | | Автор: Сергей Дронгов
Стилей не может не быть, весь шаблон установлен изначально (разумеется с информерами), и стили я не трогал. Редактировал лишь первый контейнер (шаблон) - переносил блок сортировки товаров и фильтрации со страницы каталога в бок (первый контейнер) между блоками "категории" и "популярное". Потом убрал обратно (не понравилось). Но после этого исчезл блоки (в том числе и информер), которые находились ниже (сортировки и фильтрации). Позже я возобновил их, но информер уже не работает как положено...
Сергей Дронгов,

один момент вы упустили, откройте шаблон информера на редактирование и заверните его в код:

<ul class="popular">здесь шаблон информера</ul>

после все будет отображаться корректно

Yuri_Geruk,

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

  А вот и сам шаблон : 

 

<ul class="popular">
<li>
 <img src="$SMALL$" alt="">
 <div class="popular-right">
 <a href="$ENTRY_URL$">$NAME$</a>
 <span class="popular-price">$PRICE$</span>
 </div>
</li>
</ul>

Сергей Дронгов,

вот каким должен быть ваш шаблон информера:

<ul class="popular"><li> 
<img src="$SMALL$" alt="">
<div class="popular-right">  
<a href="$ENTRY_URL$">$NAME$</a>  
<span class="popular-price">
<span class="inf1-good-$ID$-price">$PRICE$</span></span>  
</div> 
</li>
</ul>

исправляйте, по результату отпишитесь.

Yuri_Geruk,

Исправил

Ничего не изменилось :(

Сергей Дронгов,

Замените ваши стили в строке номер 994 на следующие:

.popular li {
 padding-bottom: 20px!important;
 margin-bottom: 20px!important;
 border-bottom: 1px solid #d8d8d8!important;
}

после все исправится.

Yuri_Geruk,

Все исправилось :)

Спасибо Вам Большое! (Сам бы я не справился)

...