Начать новую тему

Оформление кнопки "Добавить в корзину"

Добрый день,


Помогите пожалуйста как мне сделать кнопку "Добавить в корзину" http://take.ms/KPQLc точно такой же формы однако зеленого цвета? 


Спасибо

Здравствуйте.


По умолчанию этот элемент отображается в виде кнопки. Однако, как мы видим, стиль кнопки переопределен через пользовательские CSS-правила в активном стиле вашего магазина. Таким образом потребуется переписать правила для кнопки или добавить новые правила с бОльшим приоритетом. Добавить необходимые правила вы можете на странице Дизайн > Стили в панели администратора магазина.


Для того чтобы найти информацию по используемому классу, а также определить, какой именно класс используется для определенного элемента, вы можете воспользоваться инструментом разработчика в браузере, который вы используете. Обычно он вызывается нажатием клавиши F12 на клавиатуре. Для поиска нужного элемента вам необходимо нажать на иконку с лупой (в браузере Google Chrome) или на иконку курсора, наводящую на прямоугольную область (в браузере Mozilla Firefox), выделить интересующий вас элемент на странице Мерчиума, и в секции Elements (в браузере Google Chrome) или Styles (в браузере Mozilla Firefox) вы сможете увидеть название класса или идентификатора, значение которого вы сможете изменить.


Подробнее об использовании данного инструмента в браузерах Google Chrome и Mozilla Firefox вы можете найти на следующих ресурсах:


https://developer.chrome.com/devtools (на английском языке)

http://ruseller.com/lessons.php?rub=28&id=1683


http://firebug.ru/

https://mozilla-russia.org/products/firefox/videos/firebug.html


Информацию по работе с различными CSS свойствами вы можете найти на данных ресурсах:


http://htmlbook.ru/

http://www.w3schools.com/css/


 Спасибо.

Да, я вспомнил почему я так сделал) 


дело в том, что я хочу на главной странице хочу оставить "подробнее" так как сейчас есть http://take.ms/Ey1uT , а вот внутри карточки хочу поменять и сделать кнопкой http://take.ms/HfhF6 , и вот когда меняю второе, меняется и первое, как это предотвратить? 


Спасибо

Здравствуйте, Алекс.


Как мы рекомендовали выше, в этом случае необходимо добавить правила с бОльшим приоритетом. Например, ссылка Подобнее находится в блоке Новогодние горячие предложения, у этого блока есть Пользовательский CSS-класс, вам необходимо переопределить правила для ссылки Подобнее с учетом этого класса. В этом случае на странице товаров останется кнопка Добавить в корзину, а в этом блоке будет находиться ссылка.


Информацию по используемому классу можно найти с помощью инструмента разработчика, работа которого описана выше.


Спасибо.


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