Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Разное оформления для блоков


Recommended Posts

Добрый день, Уважаемые форумчане! Очень прошу помочь. Долго искал ответ, но так и не смог найти его. Мне необходимо сделать разный дизайн оформления блоков, которые на скриншоте обведены в красную рамочку.

 

1385022342-clip-104kb.jpg?nocache=1

 

У этих блоков одинаковый стиль, а именно: 

.box .box-heading {
  background-image:url(http://catalog/view/theme/default/image/background.png);
  background-position:initial initial;
  background-repeat:repeat no-repeat;
  border:1px solid #DBDEE1;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  border-top-left-radius:7px;
  border-top-right-radius:7px;
  color:#333333;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  line-height:14px;
  padding:8px 10px 7px;
}

Как же разделить, чтоб можно было сделать разный дизайн для блока Категории и блока Рекомендуем. Очень прошу помочь. 

Надіслати
Поділитися на інших сайтах


catalog\view\theme\default\template\module\category.tpl

 

и 

 

catalog\view\theme\default\template\module\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">
  <div class="box-heading-new"><?php echo $heading_title; ?></div>
  <div class="box-content">
    <div class="box-product">

а потом уже в стили добавляем и обыгрываем  

.box .box-heading-new {
*
*
*
*
*
*
*
*
*

}
  • +1 1
Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.