Jump to content


Photo
- - - - -

Настройка стиля для Related Items


Best Answer Cheren-dow , 14 November 2013 - 07:14

так делайте обращение к div

ul.item-metadata li.element > div{

}

И ставьте границы. Или я сам что то не понял?)

Go to the full post


  • This topic is locked This topic is locked
2 replies to this topic

#1 Yachtoteka

Yachtoteka
  • JBZoo User (rus)
  • User rate: 0
  • posts: 15
  • topics: 4

Posted 14 November 2013 - 07:04

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

Для типа COMPANY каталога в его шаблоне FULL в позиции META поместил поле RELATED ITEMS для отображения связанных товаров типа PRODUCT. Разделителем идёт <div>. Отображается это всё вот так:

шаблон-FULL-для-Company-0.jpg
Не устраивает внешний вид отображения RELATED ITEMS.  Решил с помощью стилей сделать следующее:
шаблон-FULL-для-Company-1.jpg

И вот тут столкнулся с проблемой, что не могу задать стиль для элемента RELATED ITEMS. Например хочу что-бы у него была граница 1px, но получается эта граница не вокруг каждого элемента RELATED ITEMS, а вокруг всех сразу.  Т.е. у меня получилась следующая структура:

 

<ul class="item-metadata" type="none">

<li class="element element-relateditems first last">
<div>RELATED ITEMS 1</div>
<div>RELATED ITEMS 2</div>
<div>RELATED ITEMS 3</div>
</li>
 
... и у меня получается задать стиль для <li>, а не для <div>. Т.е я не могу правильно описать селектор для CSS. Помогите.

 

 

Attached Thumbnails

  • шаблон-FULL-для-Company-0.jpg
  • шаблон-FULL-для-Company-1.jpg

  • 0

#2 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 14 November 2013 - 07:14   Best Answer

так делайте обращение к div

ul.item-metadata li.element > div{

}

И ставьте границы. Или я сам что то не понял?)


  • 1
Изображение
 

#3 Yachtoteka

Yachtoteka
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0
  • posts: 15
  • topics: 4

Posted 14 November 2013 - 12:44

так делайте обращение к div

ul.item-metadata li.element > div{

}

И ставьте границы. Или я сам что то не понял?)

 

Спасибо большое. Сказываются пробелы в образовании. Теперь этих пробелов меньше. )))


  • 0




Click to return to top of page in style!