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

смена вида кнопки "купить в один клик"

Добрый день


Как сделать так?: выделить "купить в один клик", как у кнопки "В корзину" , а у кнопки "В корзину" сделать вид как у "Купить в один клик" .... Спасибо


ещё 1 человеку задает этот вопрос

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


Спасибо за ваш вопрос. Боюсь, что в Мерчиуме нет возможности сделать данное изменение стандартными средствами. Однако мы рекомендуем реализовать данный запрос с помощью CSS-свойств background и color для селекторов данных элементов.


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


Подробнее об использовании данного инструмента в браузерах 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/


Если у вас возникают сложности с добавлением необходимых правил, мы рекомендуем обратиться к специалистам по интеграции дизайна. Вы можете обратиться к специалистам компании ООО "Симтек Девелопмент" или дождаться открытия Маркета Мерчиума, где наши партнеры будут предлагать свои услуги.


Надеемся, что данная информация окажется полезной для вас.

 

Спасибо.

Спасибо большое. 


Получилось.


Теперь у меня два вопроса:


1. Как сделать ковер для кнопки "В корзину", чтобы при наведении курсора текст менял цвет на красный




2. Как поменять местами, сделать "Купить в один клик" (я переименовал на "Купить быстро") слева, а кнопку "В корзину" справа" .. 




Спасибо



Уважаемый Алекс!


Спасибо за ваш ответ. Мы рады слышать, что вам удалось справиться с данной модификацией.


> 1. Как сделать ковер для кнопки "В корзину", чтобы при наведении курсора текст менял цвет на красный




В этой ситуации мы рекомендуем создать CSS-правило со свойством background для псевдокласса hover необходимого селектора.


> 2. Как поменять местами, сделать "Купить в один клик" (я переименовал на "Купить быстро") слева, а кнопку "В корзину" справа" .. 



Пожалуйста, попробуйте переопределить свойство float для селекторов данных кнопок.


Спасибо.

Первое получилось сделать. 


А вот со вторым никак( ... не получается кнопки местами поменять?(( есть идеи как это еще можно сделать?) спасибо)



Спасибо за ваш ответ. 


В этой ситуации мы можем предложить вам услуги нашего сертифицированного партнера - компании ООО “Симтек Девелопмент”. Сайт компании ООО “Симтек Девелопмент” находится по адресу http://www.simtechdev.ru/. Эта компания специализируется на предоставлении различного рода услуг пользователям программной платформы CS-Cart (Мерчиум создан на базе CS-Cart) по всему миру.


Также совсем скоро у нас планируется открытие Маркета Мерчиума для широкой аудитории. В нем наши партнеры будут предлагать пользователям магазинов на Мерчиуме свои услуги. Вы можете следить за новостями открытия Маркета в нашем блоге и Twitter.


Спасибо.

печалька(.. спасибо

Спасибо за ваш ответ. Приносим извинения за возможные неудобства.

 Тоже понадобилось сменить цвет кнопки, но только в главном меню. Добавил запись в пользовательские css

.ty-menu__item:hover {
background-color: #F5791F;


Теперь при наведении курсора цвет кнопки меняется, но только на доли секунд, а потом возвращает изначальный цвет. То есть как бы следующее css свойство данного элемента "перекрывает" мое свойство. Подскажите пожалуйста куда копать.

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


Пожалуйста, попробуйте изменить селектор в этом правиле на  .no-touch .ty-menu__item:hover .ty-menu__item-link, .is-hover-menu .ty-menu__item-link, .is-hover-menu.ty-menu__item-active .ty-menu__item-link .


Надеемся, данная информация окажется полезной для вас.


Спасибо.

Спасибо большое! Помогло!

 

Мы были рады помочь. Пожалуйста, обращайтесь, если еще возникнут вопросы.


Спасибо.

И все таки очень хочется вернуться к первому сообщению. Помогите пожалуйста мне и остальным справиться с задачей поменять местами кнопки "в корзину" и "купить в 1 клик".
Причем мне это нужно для двух магазинов. В одном карточка товара маленькая и кнопки расположены горизонтально, а в другом карточка большая и кнопки стоят вертикально. Спасибо!

 

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


Боюсь, что поменять внешний вид кнопок стандартными средствами Мерчиума не получится. Потребуются модификации активного стиля магазина. Например, с помощью CSS-свойств background и color для селекторов данных элементов есть возможность изменить их цвет и фон.


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


Подробнее об использовании данного инструмента в браузерах 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/


Спасибо.

Я все так опять обращусь к вам с просьбой. Очень сильно требуется в карточке товара поменять местами кнопки "В корзину" и "Купить" (заливку тоже надо перенести с одной кнопки на другую).
Я честно пробовал колдовать со стилями но из этого ничего толкового не вышло. Пожалуйста, объясните на пальцах что надо прописать в стилях, что бы все получилось. Спасибо!

 


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