Перейти к содержанию
webwork

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

Рекомендуемые сообщения

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

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

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

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

 

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

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

 

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

И спасибо))

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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 строка

 

Удачи всем.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

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


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

       
      ОСОБЕННОСТИ:
      Быстрая работа через AJAX, без перезагрузки страницы. Более 10 различных анимаций для привлечения внимания. Настройка дизайна. Выбор цвета кнопки и отображаемой иконки, для большего соответствия дизайну сайта. Возможность добавления своих иконок. Защита от заполнения автоматическими спам-ботами. Маска ввода телефонного номера - номер телефона, заказывающего обратный звонок, будет приходить аккуратно отформатированным. Возможность указать место вывода на экране - в каком углу и с каким отступом. Адаптивная верстка. Корректно отображатеся на мобильных устройствах с небольшим экраном (вплоть до iPhone 4). Возможность перетаскивания мышкой в произвольное место экрана. Совместимость с федеральным законом 152 (ФЗ-152) - вывод правил обработки персональных данных со ссылкой на страницу политики конфиденциальности сайта. Полностью на русском.  
      ТЕХНИЧЕСКИЕ ДЕТАЛИ:
      Анимация осуществляется средствами 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)". В настройках модуля во вкладке "Основные" не забыть выбрать статус модуля "Включено". Настроить отображение модуля на нужных страницах, используя пункт меню админки "Дизайн" > "Макеты". Добавил Jeneko Добавлено 18.02.2018 Категория Обратная связь, звонки Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Не проверялось  
    • От Jeneko
      Простая кнопка заказа обратного звонка. Выводится на любых выбранных страницах (выбирается через макеты). Располагается в одном из углов экрана. При нажатии запрашивает номер телефона, после чего отсылает уведомление о заказе звонка на выбранный почтовый адрес.
       
      ВИДЕО (УСТАНОВКА И НАСТРОЙКА):
      YouTube - Модуль Opencart: "Простая кнопка заказа обратного звонка"

       
      ОСОБЕННОСТИ:
      Быстрая работа через AJAX, без перезагрузки страницы. Более 10 различных анимаций для привлечения внимания. Настройка дизайна. Выбор цвета кнопки и отображаемой иконки, для большего соответствия дизайну сайта. Возможность добавления своих иконок. Защита от заполнения автоматическими спам-ботами. Маска ввода телефонного номера - номер телефона, заказывающего обратный звонок, будет приходить аккуратно отформатированным. Возможность указать место вывода на экране - в каком углу и с каким отступом. Адаптивная верстка. Корректно отображатеся на мобильных устройствах с небольшим экраном (вплоть до iPhone 4). Возможность перетаскивания мышкой в произвольное место экрана. Совместимость с федеральным законом 152 (ФЗ-152) - вывод правил обработки персональных данных со ссылкой на страницу политики конфиденциальности сайта. Полностью на русском.  
      ТЕХНИЧЕСКИЕ ДЕТАЛИ:
      Анимация осуществляется средствами 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)". В настройках модуля во вкладке "Основные" не забыть выбрать статус модуля "Включено". Настроить отображение модуля на нужных страницах, используя пункт меню админки "Дизайн" > "Макеты".
    • От seregin
      Скачать/Купить дополнение


      Кнопка "Применить" в админке
      Модуль добавляет в админке кнопку "Применить", которая позволяет сохранить изменения не закрывая при этом форму редактирования.
      Кнопка вставляется в следующие формы:
      catalog, design, localisation, marketing, sale, user, setting
      Модуль проверялся на ocStore 2.1.0.1
      Установка:
      Установите модуль через "Установщик дополнений OCMOD"
      Добавил seregin Добавлено 04.12.2015 Категория Модули  
    • От GreenRobot
      Скачать/Купить дополнение


      Кнопка "Показать адрес клиента на Яндекс.Картах" в карточке заказа
      .

      Дополнение для OpenCart 2: Add Yandex Maps Button to Sales->Order->Info

      Данное дополнение добавляет кнопку "Показать адрес клиента на Яндекс.Картах" в карточке заказа sale/order/info Вы можете зайти в карточку оставленного клиентом заказа (Продажи - Заказы - Заказ XXX) и нажать на появившуюся в верхнем правом углу кнопку "Показать адрес клиента на Яндекс.Картах", в новой вкладке откроются Яндекс.Карты с указанным в заказе адресом (при наличии информации сразу отобразится фото здания, просмотр панорамы улицы и др.)
      Дополнение поддерживает версию OpenCart 2.1.0.1 Если вы тестировали работу дополнения на других версиях OpenCart 2, пожалуйста, сообщите об этом разработчику: opencart@profitlanding.ru
      Дополнение использует встроенную в OpenCart 2 систему правки файлов OCMod и НЕ использует VQMod, никаких файлов копировать не требуется (файлы не заменяются), достаточно следовать инструкции:
      Инструкция по установке
      Убедитесь, что версия вашего OpenCart 2.0.0.0 и выше (версия отображается в админ-панели внизу страницы)
      Скачайте ZIP-архив дополнения
      В админ-панели зайдите в "Дополнения" (Extensions) - "Установка дополнений" (Extension installer)
      Нажмите "Загрузить" (Upload) и выберите архив add_yandex_maps_button.ocmod.zip
      Зайдите в "Модификации" и нажмите справа вверху кнопку "Обновить" (Refresh). Это обновит кэш дополнений
      Решения возможных проблем (FAQ)
      Если во время загрузки дополнения появилась ошибка подключения к FTP "Could not connect as ...", установите расширение "QuickFix: Extensions Installer issue when FTP support disabled", скачать можно по ссылке http://www.opencart.com/index.php?route=extension/extension/info&extension_id=18892
      Если возникла другая проблема, пожалуйста напишите разработчику на e-mail: opencart@profitlanding.ru
      Использование и изменение
      Создано и поддерживается разработчиками агентства ProfitLanding.ru, Russia, Tomsk, 2015
      Дополнение распространяется по лицензии GNU General Public License v2.0
      Вы можете поучаствовать в разработке этого и других дополнений на GitHub: https://github.com/profitlanding
      Пожалуйста, добавляйте найденные баги и предложения на https://github.com/profitlanding/opencart-extention-add-yandex-maps-button/issues/new
      PS: Если наша работа, оказалась для вас полезной, пожалуйста проголосуйте за нее поставив соответствующий рейтинг.
      Добавил GreenRobot Добавлено 01.11.2015 Категория Прочее  
    • От noakky
      Скачать/Купить дополнение


      Кнопка редактирования заказа при просмотре [vQmod]
      Модуль добавляет кнопку "Изменить" Редактирования заказа при просмотре самого заказа рядом с кнопками "Показать счет" и "Вернуться" (иначе приходилось выходить из просмотра заказа, что его изменить).
      Для использования без vqmod:
      в файле admin/controller/sale/order.php добавить
      $this->data['button_inedit'] = $this->language->get('button_inedit'); перед

      $this->data['button_invoice'] = $this->language->get('button_invoice');

      добавить
      $this->data['inedit'] = $this->url->link('sale/order/update', 'token=' . $this->session->data['token'] . '&order_id=' . (int)$this->request->get['order_id'], 'SSL'); перед

      $this->data['invoice'] = $this->url->link('sale/order/invoice', 'token=' . $this->session->data['token'] . '&order_id=' . (int)$this->request->get['order_id'], 'SSL');


      [*]в файле admin/language/russian/russian.php
      добавить
      $_['button_inedit'] = 'Изменить'; перед

      $_['button_invoice'] = 'Показать счет';


      [*]В файле admin/view/template/sale/order_info.tpl
      добавить
      <a href="<?php echo $inedit; ?>" target="_blank" class="button"><?php echo $button_inedit; ?></a> после

      <div class="buttons">




      Добавил noakky Добавлено 20.10.2013 Категория Редакторы  
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×