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

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

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

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

 

c278df8ef9ad.jpg

 

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

 

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

 

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


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

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

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


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

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

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


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

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

 

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

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


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

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

Стили же здесь - 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;

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

Изменено пользователем tim21701
вставляйте код в своих сообщениях в BBCode

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


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

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

  • +1 1

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


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

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

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

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


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

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

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


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

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

 

Например так

 

открываем файл 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
}

 

  • +1 1

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


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

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

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


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

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

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

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


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

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

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


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

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

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

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

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

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

Войти

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

Войти

  • Последние посетители   0 пользователей онлайн

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

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.