фон ''подменю''

[NavinGR]

Помогите поменять фон ''подменю''(выпадающего списка) как-то хочу его выделить
http://russiasouvenir.ru/index.php?route=product/category&path=59

[Lazdakon]

Ну Вам для этого нужен элемент:

.list-group a 

Меняйте его, сейчас у него стоит фон:

background-image: linear-gradient(to bottom, #F27C66, brown);

 

[NavinGR]

23 минуты назад, Lazdakon сказал:

Ну Вам для этого нужен элемент:

.list-group a 

Меняйте его, сейчас у него стоит фон:

background-image: linear-gradient(to bottom, #F27C66, brown);

 

Это и так ясно, при клике пункты которые выпадают мне надо изменить

[Lazdakon]

@NavinGR элементы подменю имеют точно такой же класс. И даже не являются списком, просто подряд идущие ссылки <a>
Можете попробовать с помощью селекторов CSS попробовать, но это навряд ли сработает. Нужно будет править файл шаблона.

[jaffagold]

Там, где в модуле category.tpl

(\catalog\view\theme\default\template\extension\module\category.tpl)

добавляется к названию категории пробелы и дефис

class="list-group-item">&nbsp;&nbsp;&nbsp;-

добавьте класс( название- на ваше усмотрение)

class="list-group-item my-submenu">&nbsp;&nbsp;&nbsp;-

и пропишите стили для этого класса.

Змінено 18 травня 2017 користувачем jaffagold

[NavinGR]

9 часов назад, jaffagold сказал:

Там, где в модуле category.tpl

(\catalog\view\theme\default\template\extension\module\category.tpl)

добавляется к названию категории пробелы и дефис

class="list-group-item">&nbsp;&nbsp;&nbsp;-

добавьте класс( название- на ваше усмотрение)

class="list-group-item my-submenu">&nbsp;&nbsp;&nbsp;-

и пропишите стили для этого класса.

Ничего не меняется

[NavinGR]

9 часов назад, Lazdakon сказал:

@NavinGR элементы подменю имеют точно такой же класс. И даже не являются списком, просто подряд идущие ссылки <a>
Можете попробовать с помощью селекторов CSS попробовать, но это навряд ли сработает. Нужно будет править файл шаблона.

Этого я и добиваюсь, понять куда внести правку чтобы потом задать нужные мне свойства

[NavinGR]

55 минут назад, NavinGR сказал:

Ничего не меняется

http://russiasouvenir.ru/index.php?route=product/category&path=59_18

[NavinGR]

10 часов назад, jaffagold сказал:

Там, где в модуле category.tpl

(\catalog\view\theme\default\template\extension\module\category.tpl)

добавляется к названию категории пробелы и дефис

class="list-group-item">&nbsp;&nbsp;&nbsp;-

добавьте класс( название- на ваше усмотрение)

class="list-group-item my-submenu">&nbsp;&nbsp;&nbsp;-

и пропишите стили для этого класса.

http://russiasouvenir.ru/index.php?route=product/category&path=59_18

[jaffagold]

1 час назад, NavinGR сказал:

Ничего не меняется

Слишком расплывчатый ответ.

Пока я вижу,

что у вас не прописался класс у этих пунктов меню. Значит нет изменений в category.tpl

и нет изменений в таблице стилей.

Как могло что-то поменяться?

Сначала добавьте нужный класс. Обновите модификаторы. Перезагрузите страницу (Ctrl+F5)

Проверьте в Инспекторе кода, появился ли нужный класс у элементов.

Пропишите нужный цвет для начала в Инспекторе кода.

Обратите внимание на то, что может поменяться также цвет активного вложенного пункта меню. Допишите ему стили при необходимости.

После этого, внесите изменения в stylesheet.css 

 

 

[NavinGR]

45 минут назад, jaffagold сказал:

Слишком расплывчатый ответ.

Пока я вижу,

что у вас не прописался класс у этих пунктов меню. Значит нет изменений в category.tpl

и нет изменений в таблице стилей.

Как могло что-то поменяться?

Сначала добавьте нужный класс. Обновите модификаторы. Перезагрузите страницу (Ctrl+F5)

Проверьте в Инспекторе кода, появился ли нужный класс у элементов.

Пропишите нужный цвет для начала в Инспекторе кода.

Обратите внимание на то, что может поменяться также цвет активного вложенного пункта меню. Допишите ему стили при необходимости.

После этого, внесите изменения в stylesheet.css 

 

Я и везде уже добавлял класс, потом убрал снова. Не менялось. Куда именно еще раз добавить?

 

[jaffagold]

так он там и есть по умолчанию, это родной класс опенкарта

Предлагается ему добавить свой для стилизации

Цитата

 Куда именно еще раз добавить?

там же расписано уже все.

Если вы выделили рамкой две строки, значит вы невнимательно читали.

Добавляем только в ту строку, где есть 

&nbsp;&nbsp;&nbsp;-

Змінено 19 травня 2017 користувачем jaffagold

[NavinGR]

53 минуты назад, Pascha сказал:

№1 - оставить
№2 - убрать

хотя я б не использовал псевдокласс, используемый бутстрапом (list-group-item), а прописал бы  уникальный класс, дабы не нарваться на другие баги и конфликты стилей

Сразу все плывет(

[NavinGR]

1 час назад, Pascha сказал:

№1 - оставить
№2 - убрать

хотя я б не использовал псевдокласс, используемый бутстрапом (list-group-item), а прописал бы  уникальный класс, дабы не нарваться на другие баги и конфликты стилей

Это мне надо взять файл bootstrap.min.css, раскрыть в нем код нормально (так как там он в строку идет) затем задать их новому классу только уже по своему?

[SiteMix]

3 минуты назад, NavinGR сказал:

Это мне надо взять файл bootstrap.min.css, раскрыть в нем код нормально (так как там он в строку идет) затем задать их новому классу только уже по своему?

 

Не надо редактировать этот файл. Добавляй нужные селекторы в основной файл стилей и они преопределятся.

[jaffagold]

5 минут назад, NavinGR сказал:

Это мне надо взять файл bootstrap.min.css, раскрыть в нем код нормально (так как там он в строку идет) затем задать их новому классу только уже по своему?

Нет, категорически!

[jaffagold]

Вы можете спокойно, пошагово делать по инструкции?

Шаг 1

вместо

class="list-group-item">&nbsp;&nbsp;&nbsp;-

сделать:

class="list-group-item my-submenu">&nbsp;&nbsp;&nbsp;-

 Шаг 2

Прописать в Инспекторе кода( не в файле пока)

( цвет green сделан для примера, чтоб было заметно. укажите какой вам нравится)

.list-group-item.my-submenu {

background: green;

background-image: none;

}

Это для пробы, чтобы появилось хоть что-то

Надо будет доработать до нужного

(там проблема в том, что в стандартном шаблоне стилизуется родительский элемент и еще активная подкатегория, плюс тени, плюс цвет шрифтов)

Шаг 3

Внесите изменения в файл

\catalog\view\theme\default\stylesheet\stylesheet.css

в самый конец файла

 

Змінено 19 травня 2017 користувачем jaffagold

[NavinGR]

27 минут назад, jaffagold сказал:

Вы можете спокойно, пошагово делать по инструкции?

Шаг 1

вместо

class="list-group-item">&nbsp;&nbsp;&nbsp;-

сделать:

class="list-group-item my-submenu">&nbsp;&nbsp;&nbsp;-

 Шаг 2

Прописать в Инспекторе кода( не в файле пока)

( цвет green сделан для примера, чтоб было заметно. укажите какой вам нравится)

.list-group-item.my-submenu {

background: green;

background-image: none;

}

Это для пробы, чтобы появилось хоть что-то

Надо будет доработать до нужного

(там проблема в том, что в стандартном шаблоне стилизуется родительский элемент и еще активная подкатегория, плюс тени, плюс цвет шрифтов)

Шаг 3

Внесите изменения в файл

\catalog\view\theme\default\stylesheet\stylesheet.css

в самый конец файла

 

Ну я задал,оно появилось но к нему не применяеться ничего. Я кстати стили применял до этого к .list-group>a , именно у него стоит bg-image

[jaffagold]

то есть, вы прописали в инспекторе кода

.list-group-item.my-submenu {

background: green;

}

и ничего не меняется?

почему тогда у меня меняется?

Цитата

Я кстати стили применял до этого к .list-group>a

это не поможет. стили этого элемента общие для всех пунктов меня.

Нам надо вложенный элемент с дополнительным классом

 

Вам необходимо хотя бы азы изучить, а потом шаблоны править

http://htmlbook.ru/samcss

Змінено 19 травня 2017 користувачем jaffagold

[NavinGR]

7 минут назад, jaffagold сказал:

то есть, вы прописали в инспекторе кода

.list-group-item.my-submenu {

background: green;

}

и ничего не меняется?

почему тогда у меня меняется?

это не поможет. стили этого элемента общие для всех пунктов меня.

Нам надо вложенный элемент с дополнительным классом

 

Вам необходимо хотя бы азы изучить, а потом шаблоны править

http://htmlbook.ru/samcss

Та знаю азы) спс) я пробел случайно поставил просто...) огромное спасибо!