Перейти к содержимому


Цвет Кнопки Быстрый Заказ В Карточке Товара


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 7

#1 atrofimov

atrofimov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 170 сообщений

Отправлено 30 Ноябрь 2017 - 00:10

Здравствуйте! Помогите, пожалуйста, внести следующее изменение:

В Карточке оформление кнопки "Быстрый заказ" сделать как у Кнопки "Подробнее" в каталоге товаров.
Т.е. чтобы она до наведения была белой, при наведении зеленой. А оранжевой оставить на странице товара только кнопку "В КОРЗИНУ"

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 01 Декабрь 2017 - 03:30

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<button type="submit" class="add-cart quick button" title="Быстро оформить &laquo;{GOODS_NAME}&raquo;"/>Быстрый заказ</button>
  
замените на:
<button type="submit" class="quick button" title="Быстро оформить &laquo;{GOODS_NAME}&raquo;"/>Быстрый заказ</button>


#3 atrofimov

atrofimov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 170 сообщений

Отправлено 01 Декабрь 2017 - 06:24

Здравствуйте, спасибо за быстрый ответ!
К сожалению получилось не совсем так как надо. Написано Быстрый заказ вместо БЫСТРЫЙ ЗАКАЗ как в кнопке ПОДРОБНЕЕ

И пропал отступ от кнопки ПРЕДЛОЖИТЬ СВОЮ ЦЕНУ. Пока откатил назад.

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 01 Декабрь 2017 - 07:45

Повторите изменения выше, после них зайдите в main.css - найдите:
.button {display: inline-block;border: 1px solid #dddddd;background-color: #fff;color: #747474;cursor: pointer;margin: 0;overflow: visible;border-radius: 25px;letter-spacing: 0.01em;padding: 9px 13px;height: 34px;line-height: 100%;position: relative;outline: 0;}

после него пропишите:
.quick.button{text-transform: uppercase;padding: 7px 25px;margin-bottom: 5px;}


#5 atrofimov

atrofimov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 170 сообщений

Отправлено 01 Декабрь 2017 - 19:49

Все получилось! Спасибо большое!!!

#6 atrofimov

atrofimov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 170 сообщений

Отправлено 02 Декабрь 2017 - 00:59

Заметил только сейчас. Перестала рабоать кнопка Быстрый заказ. Она просто добавляет товар в корзину. Помогите, пожалуйста, исправить.

#7 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 02 Декабрь 2017 - 08:25

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<button type="submit" class="quick button" title="Быстро оформить &laquo;{GOODS_NAME}&raquo;"/>Быстрый заказ</button>

замените на:
<button type="submit" class="add-cart quick button" title="Быстро оформить &laquo;{GOODS_NAME}&raquo;"/>Быстрый заказ</button>

далее в main.css найдите и удалите:
.quick.button{text-transform: uppercase;padding: 7px 25px;margin-bottom: 5px;}

далее найдите:
.product-view .product-shop .add-to-box .add-to-cart .add-cart {font-size: 14px;float: left;font-weight: 600;text-transform: uppercase;margin: 0 15px 0 0px;padding: 7px 25px;}

после него пропишите:
.quick.button{background-color: #fff;color: #747474;}
.quick.button:hover{color: #fff; background-color: #369a1e;}


#8 atrofimov

atrofimov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 170 сообщений

Отправлено 02 Декабрь 2017 - 19:38

Все получилось! Спасибо большое!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных