Jump to content
Sign in to follow this  
webwork

изменение цвета одной кнопки в меню

Recommended Posts

Доброго времени суток.

Встала задача изменить цвет одной кнопки в меню(только одной).

В СSS меняется цвет абсолютно всех кнопок.

А мне нужно только 1

 

Попробовал вручную сделать кнопку и присвоить ей другой класс. Цвет и дизайн кнопки изменились все ок.

Но теперь не вьезжаю как прикрутить эту кнопку к движку. Тоесть какую ей прописать ссылку чтобы можно было редактировать контент с админ панели.

 

Помогите плз а то голова уже пухнет, скоро на колобка буду похож.

Заранее всем спасибо

Share this post


Link to post
Share on other sites

да както залез начал листать темы на какойто странице решил что ее нет. Сори

И спасибо))

Share this post


Link to post
Share on other sites

Еще раз спасибо за наваодку господину 

CODEONETEAM

Но поскольку у меня стоит модуль меню МЕГАМЕНЮ

 

то решение было немного другим (принцип тотже)

итак если комуто будет интересно

если у вас стоит этот модуль то открываем  vqmod/vqcache/slmenu.php

ищем строки

foreach ($categories_1 as $category_1) {																			
	$output .= '<li class="tlli">';
    $testPath = $base.'image/';
    $picCat = $this->model_tool_image->resize($category_1['image'],  30, 30);
	$unrewritten  = $this->url->link('product/category', 'path=' . $category_1['category_id']);
    $output .= '<a class="tll" href="'.($unrewritten).'">' . $category_1['name'] . '</a>';

заменяем на

foreach ($categories_1 as $category_1) {																			
	$output .= '<li class="tlli">';
    $testPath = $base.'image/';
    $picCat = $this->model_tool_image->resize($category_1['image'],  30, 30);
	$unrewritten  = $this->url->link('product/category', 'path=' . $category_1['category_id']);
    {
	
	
	if ($category_1['category_id'] == 62)
	
	{ $output .= '<a class="tlls" href="'.($unrewritten).'">' . $category_1['name'] . '</a>';	}	
	
	else { $output .= '<a class="tll" href="'.($unrewritten).'">' . $category_1['name'] . '</a>';}
	
	}

где 62 это id категории которой мы хотим изменить цвет

 

создаем новый класс в slmenu.css

#slmenu ul li a.tlls {
	background: #b84040;
	border-bottom: 0px none currentColor;
	border-left: 2px solid #FFFFFF;
	border-radius: 7px 7px 0px 0px;
	border-right: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	bottom: 20px;
	color: #FFFFFF;
	display: block;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	font-weight: 700;
	height: 37px;
	line-height: 17px;
	margin-bottom: 0px;
	padding: 8px 6px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000000;
	vertical-align: middle;
	width: 135px;
	word-wrap: normal;
	z-index: 6;

за цвет кнопки отвечает 1 строка

 

Удачи всем.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By Jeneko
      300.00 руб
      Скачать/Купить дополнение


      Простая кнопка заказа обратного звонка
      Простая кнопка заказа обратного звонка. Выводится на любых выбранных страницах (выбирается через макеты). Располагается в одном из углов экрана. При нажатии запрашивает номер телефона, после чего отсылает уведомление о заказе звонка на выбранный почтовый адрес.
       
      ВИДЕО (УСТАНОВКА И НАСТРОЙКА):
      YouTube - Модуль Opencart: "Простая кнопка заказа обратного звонка"

       
      ОСОБЕННОСТИ:
      Быстрая работа через AJAX, без перезагрузки страницы. Более 10 различных анимаций для привлечения внимания. Настройка дизайна. Выбор цвета кнопки и отображаемой иконки, для большего соответствия дизайну сайта. Возможность добавления своих иконок. Защита от заполнения автоматическими спам-ботами. Маска ввода телефонного номера - номер телефона, заказывающего обратный звонок, будет приходить аккуратно отформатированным. Возможность указать место вывода на экране - в каком углу и с каким отступом. Адаптивная верстка. Корректно отображатеся на мобильных устройствах с небольшим экраном (вплоть до iPhone 4). Возможность перетаскивания мышкой в произвольное место экрана. Совместимость с федеральным законом 152 (ФЗ-152) - вывод правил обработки персональных данных со ссылкой на страницу политики конфиденциальности сайта. Вывод в уведомлении url-адреса страницы, с которой был заказан звонок. Это позволяет определить, чем посетитель интересовался перед заказом обратного звонка (опция включается в настройках модуля, вкладка "Продвинутые"). Полностью на русском.  
      ТЕХНИЧЕСКИЕ ДЕТАЛИ:
      Анимация осуществляется средствами css https://daneden.github.io/animate.css/ Защита от спам-ботов осуществляется через скрытые инпут-поля, обработку формы через AJAX без использования submit-инпута и ложный action формы. Перетаскивание использует библиотеку jquery-ui (custom версия - включены только ф-ции, необходимые для перетаскивания). Протестировано на Chrome 64, Firefox 58, Opera 51, Яндекс-Браузер 18, Microsoft Edge, Internet Explorer 11, iOS 10.3.2 Safari, Android 8 Chrome  
      ВНИМАНИЕ:
      Продажа модуля осуществляется ТОЛЬКО через сайт opencartforum.com. Если вы приобрели или бесплатно скачали этот модуль в любом другом месте - вы пользуетесь пиратской версией модуля. Работоспособность и безопасность пиратских версий не гарантируется. Поддержка осуществляется только для оригинальной версии модуля.
       
      УСТАНОВКА:
      Модуль устанавливается стандартными средствами Opencart.
      В админке сайта, пункт меню: "Модули/Расширения" > "Установка расширений" нажать кнопку "Загрузить", после чего выбрать один из файлов "PhoneCallOrder(byJen).XXXX.ocmod.zip" (где ХХХХ - ваша версия Opencart-а). Перейти в список установленных модулей, где активировать и настроить модуль "Кнопка заказа звонка (by JEN)". В настройках модуля во вкладке "Основные" не забыть выбрать статус модуля "Включено". Настроить отображение модуля на нужных страницах, используя пункт меню админки "Дизайн" > "Макеты".  
      АЛЬТЕРНАТИВНАЯ УСТАНОВКА:
      Распаковать содержимое одного из файлов "PhoneCallOrder(byJen).XXXX.ocmod.zip" (где ХХХХ - ваша версия Opencart-а) и скопировать содержимое папки "upload" в корень сайта. Перейти в список установленных модулей, где активировать и настроить модуль "Кнопка заказа звонка (by JEN)". В настройках модуля во вкладке "Основные" не забыть выбрать статус модуля "Включено". Настроить отображение модуля на нужных страницах, используя пункт меню админки "Дизайн" > "Макеты".  
      УСТАНОВКА ДЛЯ OPENCART 1.5.6.4:
      Распаковать содержимое файла "phoneCallOrderButton(byJen).1.5.6.4.zip" и скопировать содержимое папки "upload" в корень сайта. В админке сайта перейти на страницу "Модули" (для этого в верхнем меню выбрать "Дополнения - Модули") и напротив модуля "Кнопка заказа звонка (by JEN)" нажать "Установить". После этого появится пункт "Настройки модуля", где можно изменить его настройки, а так же выбрать схемы размещения модуля на сайте. Добавил Jeneko Добавлено 18.02.2018 Категория Обратная связь, звонки Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет  
    • By Jeneko
      Простая кнопка заказа обратного звонка. Выводится на любых выбранных страницах (выбирается через макеты). Располагается в одном из углов экрана. При нажатии запрашивает номер телефона, после чего отсылает уведомление о заказе звонка на выбранный почтовый адрес.
       
      ВИДЕО (УСТАНОВКА И НАСТРОЙКА):
      YouTube - Модуль Opencart: "Простая кнопка заказа обратного звонка"

       
      ОСОБЕННОСТИ:
      Быстрая работа через AJAX, без перезагрузки страницы. Более 10 различных анимаций для привлечения внимания. Настройка дизайна. Выбор цвета кнопки и отображаемой иконки, для большего соответствия дизайну сайта. Возможность добавления своих иконок. Защита от заполнения автоматическими спам-ботами. Маска ввода телефонного номера - номер телефона, заказывающего обратный звонок, будет приходить аккуратно отформатированным. Возможность указать место вывода на экране - в каком углу и с каким отступом. Адаптивная верстка. Корректно отображатеся на мобильных устройствах с небольшим экраном (вплоть до iPhone 4). Возможность перетаскивания мышкой в произвольное место экрана. Совместимость с федеральным законом 152 (ФЗ-152) - вывод правил обработки персональных данных со ссылкой на страницу политики конфиденциальности сайта. Вывод в уведомлении url-адреса страницы, с которой был заказан звонок. Это позволяет определить, чем посетитель интересовался перед заказом обратного звонка (опция включается в настройках модуля, вкладка "Продвинутые"). Полностью на русском.  
      ТЕХНИЧЕСКИЕ ДЕТАЛИ:
      Анимация осуществляется средствами css https://daneden.github.io/animate.css/ Защита от спам-ботов осуществляется через скрытые инпут-поля, обработку формы через AJAX без использования submit-инпута и ложный action формы. Перетаскивание использует библиотеку jquery-ui (custom версия - включены только ф-ции, необходимые для перетаскивания). Протестировано на Chrome 64, Firefox 58, Opera 51, Яндекс-Браузер 18, Microsoft Edge, Internet Explorer 11, iOS 10.3.2 Safari, Android 8 Chrome  
      ВНИМАНИЕ:
      Продажа модуля осуществляется ТОЛЬКО через сайт opencartforum.com. Если вы приобрели или бесплатно скачали этот модуль в любом другом месте - вы пользуетесь пиратской версией модуля. Работоспособность и безопасность пиратских версий не гарантируется. Поддержка осуществляется только для оригинальной версии модуля.
       
      УСТАНОВКА:
      Модуль устанавливается стандартными средствами Opencart.
      В админке сайта, пункт меню: "Модули/Расширения" > "Установка расширений" нажать кнопку "Загрузить", после чего выбрать один из файлов "PhoneCallOrder(byJen).XXXX.ocmod.zip" (где ХХХХ - ваша версия Opencart-а). Перейти в список установленных модулей, где активировать и настроить модуль "Кнопка заказа звонка (by JEN)". В настройках модуля во вкладке "Основные" не забыть выбрать статус модуля "Включено". Настроить отображение модуля на нужных страницах, используя пункт меню админки "Дизайн" > "Макеты".  
      АЛЬТЕРНАТИВНАЯ УСТАНОВКА:
      Распаковать содержимое одного из файлов "PhoneCallOrder(byJen).XXXX.ocmod.zip" (где ХХХХ - ваша версия Opencart-а) и скопировать содержимое папки "upload" в корень сайта. Перейти в список установленных модулей, где активировать и настроить модуль "Кнопка заказа звонка (by JEN)". В настройках модуля во вкладке "Основные" не забыть выбрать статус модуля "Включено". Настроить отображение модуля на нужных страницах, используя пункт меню админки "Дизайн" > "Макеты".  
      УСТАНОВКА ДЛЯ OPENCART 1.5.6.4:
      Распаковать содержимое файла "phoneCallOrderButton(byJen).1.5.6.4.zip" и скопировать содержимое папки "upload" в корень сайта. В админке сайта перейти на страницу "Модули" (для этого в верхнем меню выбрать "Дополнения - Модули") и напротив модуля "Кнопка заказа звонка (by JEN)" нажать "Установить". После этого появится пункт "Настройки модуля", где можно изменить его настройки, а так же выбрать схемы размещения модуля на сайте.
    • By zemleroi
      Небольшое дополнение на vqmod(ocmod) заменяет стандартную пагинацию страниц на кнопку "Показать еще" с догрузкой товаров на страницу без ее перезагрузки. Авто-определение русского и английского (остальные добавить не сложно), по умолчанию русский
      Техническая поддержка оказывается только для купивших. При уличении участия "в складчину" тех.поддержка и консультация не осуществляется
      На форуме отвечаю только на общие вопросы без консультаций
      Требования:
      1. OC 1.5.х+vqmod (демо) или OC2.0.x +vqmod (демо) или OC2.1.x (демо) или OC 2.2.x (демо) или OC 2.3.x (демо)
      2. vqmod или ocmod
      3. без vqmod правки вносятся вручную согласно соответствующему файлы
      Установка:
      1. Скопировать из папки upload на хостинг
      2. Или для OCMOD загрузить файл bal.ocmod.zip через админку магазина или копируем из архива bal.ocmod.zip содержимое папки upload на сервер
      Совместимость с фильтрами:
      1. Coolfilter (см. демо)
      2. Mega Filter PRO (интеграция в архиве) (см. демо)
      3. OCfilter (см. демо)
      и подобные работающие без Ajax
      Совместимость с шаблонами:
      1. Совместим с шаблоном AVA STORE (см. демо)
      2. Совместим с шаблоном MiniMalism
      3. Совместим с шаблоном Moneymaker (см. демо)
      Не совместим:
      1. с фильтром filterPro
      2. с фильтром Adv Ajax Filter
      FAQ:
      Использование callback-функции:
      button_autopager(function(){ своя_функция }) - добавляем в footer События для отслеживания:
      balLoadds - модуль загружен
      balLoadgp - загрузка страницы
      balLoaddp - страница загружена
      Использовать можно так:
      $(document).on('balLoaddp', function() {<наши действия на событие>}); - добавляем на страницу в нужном месте Структура элементов на странице:
      $('.element-bal') - все блоки обработанные button_autopager
      $('.new-element-bal') - новые блоки появившиеся после нажатия на кнопку "показать еще"
      Для проверки совместимости с каким либо модулем необходимо связаться со мной и предоставить модуль для тестирования (гарантия не распространения гарантирую)
      Основное демо: см.выше
    • By zemleroi
      500.00 руб
      Скачать/Купить дополнение


      Кнопка "Показать еще" товары (OC1.5.x&OC2.x)
      Небольшое дополнение на vqmod(ocmod) заменяет стандартную пагинацию страниц на кнопку "Показать еще" с догрузкой товаров на страницу без ее перезагрузки. Авто-определение русского и английского (остальные добавить не сложно), по умолчанию русский
      Техническая поддержка оказывается только для купивших. При уличении участия "в складчину" тех.поддержка и консультация не осуществляется
      На форуме отвечаю только на общие вопросы без консультаций
      Требования:
      1. OC 1.5.х+vqmod (демо) или OC2.0.x +vqmod (демо) или OC2.1.x (демо) или OC 2.2.x (демо) или OC 2.3.x (демо)
      2. vqmod или ocmod
      3. без vqmod правки вносятся вручную согласно соответствующему файлы
      Установка:
      1. Скопировать из папки upload на хостинг
      2. Или для OCMOD загрузить файл bal.ocmod.zip через админку магазина или копируем из архива bal.ocmod.zip содержимое папки upload на сервер
      Совместимость с фильтрами:
      1. Coolfilter (см. демо)
      2. Mega Filter PRO (интеграция в архиве) (см. демо)
      3. OCfilter (см. демо)
      и подобные работающие без Ajax
      Совместимость с шаблонами:
      1. Совместим с шаблоном AVA STORE (см. демо)
      2. Совместим с шаблоном MiniMalism
      3. Совместим с шаблоном Moneymaker (см. демо)
      Не совместим:
      1. с фильтром filterPro
      2. с фильтром Adv Ajax Filter
      FAQ:
      Использование callback-функции:
      button_autopager(function(){ своя_функция }) - добавляем в footer События для отслеживания:
      balLoadds - модуль загружен
      balLoadgp - загрузка страницы
      balLoaddp - страница загружена
      Использовать можно так:
      $(document).on('balLoaddp', function() {<наши действия на событие>}); - добавляем на страницу в нужном месте Структура элементов на странице:
      $('.element-bal') - все блоки обработанные button_autopager
      $('.new-element-bal') - новые блоки появившиеся после нажатия на кнопку "показать еще"
      Для проверки совместимости с каким либо модулем необходимо связаться со мной и предоставить модуль для тестирования (гарантия не распространения гарантирую)
      Основное демо: см.выше
      Добавил zemleroi Добавлено 25.04.2015 Категория Прочее Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart ocStore OpenCart.Pro, ocShop Обращение к серверу разработчика  
    • By nikitaxzx
      http://cg09891-opencart-18.tw1.ru/index.php?route=product/category&amp;path=59
      ребят вот сайт очень маленькая кнопка корзинки купить подскажите как правильно поменять изображение 

      картинку прикрепил, как примерно надо 

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.