Рекомендуемые товары "плиткой" а не "Каруселью"

[platpol]

Как сделать, что бы рекомендованные товары выводились плиткой а не каруселью? Пробовала менять файлы featured.php   и  featured.tpl на дефолтные - стало отображать плиткой, но растянулись названия (в приложении)

 

 

Помогите исправить эти названия или как по другому сделать картинки плиткой.

 

p.s  с опенкартом только начала работать, по-этому не судите строго..

 

[Tom]

Первый шаг вы уже сделали в правильном направлении.Осталось дописать стили от этих самых дефолтных рекомендуемых.

[snastik]

может лучше обертку карусели убрать из ваших tpl тогда в теории и стили все останутся и карусели не будет

[platpol]

может лучше обертку карусели убрать из ваших tpl тогда в теории и стили все останутся и карусели не будет

 

А какой код именно отвечает за наличие карусели?

[platpol]

Первый шаг вы уже сделали в правильном направлении.Осталось дописать стили от этих самых дефолтных рекомендуемых.

Стили же здесь - stylesheet.css - дописывать?

Хоть как примерно это сделать? В стилях моего шаблона есть блок   /* Featured:

/* Featured
-----------------------------------------------------*/
.featured .box-heading{
 background: #FFFFFF;
 color: #333333;
 border-bottom: 3px solid #FFFFFF;
 border-radius: 5px;
 margin-bottom: 20px;
}
.featured .main {
 margin-bottom: 5px;

В этом блоке нужно дописывать?

Змінено 14 січня 2014 користувачем tim21701
вставляйте код в своих сообщениях в BBCode

[Tom]

Да давайте уже ссылку на магазин!))) Это всем упростит решение вашей задачи.

[platpol]

Да давайте уже ссылку на магазин!))) Это всем упростит решение вашей задачи.

tehnoweb.dp.ua (модуль "рекомендуем" ниже приветствия)

[platpol]

tehnoweb.dp.ua (модуль "рекомендуем" ниже приветствия)

[Tom]

 Сейчас только заметил что так слетают стили модуля. Специальные предложения.Придётся тогда изменить классы для рекомендуемых и прописать им свои стили.Мне кажется так будет проще.

 

Например так

 

открываем файл featured.tpl (тот которым вы заменили   файл аналогичный в шаблоне)

<div class="box">  <div class="box-heading"><?php echo $heading_title; ?></div>
  <div class="box-content">
    <div class="box-product">

немного изменяем ,ну например 

 

<div class="box-new">
  <div class="box-new-heading"><?php echo $heading_title; ?></div>
  <div class="box-new-content">
    <div class="box-new-product">

сохраняем и добавляем стили  для нового блока в общий файл стилей(можно в самый конец)

 

/* box-new products */
.box-new-product {
width: 100%;
overflow: auto;
}
.box-new-product > div {
width: 158px;
display: inline-block;
vertical-align: top;
margin-right: 15px;
margin-bottom: 20px;
}


#column-left   .box-new-product > div , #column-right .box-new-product > div{
width: 155px;
margin-right: 0px;
}


#column-left + #column-right + #content .box-new-product > div {
width: 119px;
}
.box-new-product .image {
display: block;
margin-bottom: 0px;
}
.box-new-product .image img {
padding: 3px;
margin-bottom: 10px;
}
.box-new-product .name a {
color: #787878;
text-decoration: none;
display: block;
text-align: left;
margin-bottom: 4px;
}
.name a {
color: #787878;
text-decoration: none;
}
.name a:hover {
text-decoration: underline
}
.box-new-product .price {
display: block;
color: #000;
margin-bottom: 4px;
text-align: left;
font-weight: bold;
}
.box-new-product .price-old {
color: #f00;
margin-left: 10px;
text-decoration: line-through;
}
.box-new-product .price-new {
color: #000;
font-weight: bold;
float: left
}

 

[platpol]

Спасибо большое! С вашей помощью получилось!

[Nagegda]

Да давайте уже ссылку на магазин!))) Это всем упростит решение вашей задачи.

подскажите пожалуйста, не совсем понимаю - почему у меня модуль "рекомендуем"  стал вертикальный  ? я совсем слоупок в этом  :cry:       - отключала - но он нужен дамам  :oops:  http://tekstil-optom.com/

[ravilr]

гугл код вставили не туда. вот и полетело!!!