Как сделать, чтобы возле категорий был значок, после нажатия на который появлялись подкатегории?

голоса: 0
Как сделать, чтобы возле категорий был значок, после нажатия на который появлялись подкатегории?
Адрес сайта can-am.tk
Закрыто с пометкой: Ответ получен!
| Автор: | Категория: Интернет-магазин
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0

У вас сейчас есть иконка + возле категорий, или этого мало? Если нужна своя иконка, тогда в стилях ищем строку номер 288:

.sidebox .gTableTop[onclick*="shopCatBlocks"]:before,.sidebox .gTableSubTop:before,.parent-li em{content:"+";width:20px;height:20px;display:inline-block;text-align:center;margin-right:5px;line-height:20px;border-radius:3px;background-color:transparent;transition:all .2s ease;cursor:pointer}

и как пример заменяем ее на:

.sidebox .gTableTop[onclick*="shopCatBlocks"]:before,.sidebox .gTableSubTop:before,.parent-li em{content:"";width:20px;height:20px;display:inline-block;text-align:center;margin-right:5px;line-height:20px;background-color:transparent;background: url(https://fd.ru/images/articles/2017-04-25/plus.png);transition:all .2s ease;cursor:pointer;position: relative;top: 3px;}

только вместо иконки https://fd.ru/images/articles/2017-04-25/plus.png прописать свою размерами 20х20 не более и не менее. Далее не забыть и в стилях в строке 284:

.parent-li em:hover,.sidebox .gTableTop[onclick*="shopCatBlocks"]:hover:before,.sidebox .gTableSubTop:hover:before{color:#fff;transition:all .2s ease;background-color:#fbc81f;cursor:pointer}

удалить выделенное

| Автор:
Та не, чтобы возле категории была стрелка,когда на неё нажать, выпадали подкатегории
Can-Am BRP,
Так установите иконку стрелку вместо + ищите какую вам нужно. Или описывайте более подробно, что вы подразумеваете под стрелкой. И желательно с примером.
Yuri_Geruk,
Я + не видел.Там сразу под категорией идут подкатегории
Yuri_Geruk,
А нужно чтобы они появлялись при нажатии на кнопку
Can-Am BRP,
Плюс там есть http://joxi.ru/E2pEvj0t74BPaA
Can-Am BRP,
Там это никак не сделать, не задумано для этого списка. Только лишь в боковом контейнере.
...