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


Изменения Во Всплывающем Окне Перехода В Корзину

Автор Вадим463, 22 июня 2013 19:17
корзина

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

#1 Вадим463

Вадим463

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

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

Отправлено 22 Июнь 2013 - 19:17

Здравствуйте, уважаемые администраторы!

Необходима помощь во внедрении небольших изменений на сайте:
Во всплывающем окне после нажатия кнопки " В корзину" необходимо заменить ссылки в виде надписей на полноценные кнопки ЗЕЛЕНОГО цвета! Как это сделать?
Номер аккаунта - SL-140658
Шаблон - сияние
Прикрепляю скрин.
Безымянный.jpg

#2 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 22 Июнь 2013 - 20:44

Просмотр сообщенияВадим463 (22 Июнь 2013 - 19:17) писал:

Здравствуйте, уважаемые администраторы!

Необходима помощь во внедрении небольших изменений на сайте:
Во всплывающем окне после нажатия кнопки " В корзину" необходимо заменить ссылки в виде надписей на полноценные кнопки ЗЕЛЕНОГО цвета! Как это сделать?
Номер аккаунта - SL-140658
Шаблон - сияние
Прикрепляю скрин.
Прикрепленный файл Безымянный.jpg
В шаблоне Ajax строчку 
<p><a class="messageBoxToCart" href="{CART_URL}">Оформить заказ</a> &nbsp; &nbsp; <a class="nyroModalClose" href="#">Продолжить покупки</a> &nbsp; &nbsp;
изменить на эту
<p><a class="messageBoxToCart caartButton" href="{CART_URL}">Оформить заказ</a> &nbsp; &nbsp; <a class="nyroModalClose cartButton" href="#">Продолжить покупки</a> &nbsp; &nbsp;</p>
так прописали этим кнопкам новый класс. Теперь эти классы нужно описать. В конец main.css добавьте код
.cartButton{
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #FFF;
text-decoration: none;
background: green;
height: 30px;
width: 155px;
display: inline-block;
border-radius:6px;
}
.cartButton:hover{
background: lightgreen;
text-decoration: none;
}
Здесь
font: bold 12px/30px Tahoma, Geneva, sans-serif; - описание шрифта;
color: #FFF; - белый цвет текста;
text-decoration: none; - это скрывает подчеркивание текста;
background: green; - фон кнопки (зеленый);
height: 30px; width: 155px; - высота и ширина кнопки соответственно;
border-radius:6px; - закругление уголков.
.cartButton:hover - описание того же класса, но при наведенной на него мышке.

#3 Вадим463

Вадим463

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

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

Отправлено 22 Июнь 2013 - 21:19

Просмотр сообщенияsengun (22 Июнь 2013 - 20:44) писал:

В шаблоне Ajax строчку 
<p><a class="messageBoxToCart" href="{CART_URL}">Оформить заказ</a> &nbsp; &nbsp; <a class="nyroModalClose" href="#">Продолжить покупки</a> &nbsp; &nbsp;
изменить на эту
<p><a class="messageBoxToCart caartButton" href="{CART_URL}">Оформить заказ</a> &nbsp; &nbsp; <a class="nyroModalClose cartButton" href="#">Продолжить покупки</a> &nbsp; &nbsp;</p>
так прописали этим кнопкам новый класс. Теперь эти классы нужно описать. В конец main.css добавьте код
.cartButton{
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #FFF;
text-decoration: none;
background: green;
height: 30px;
width: 155px;
display: inline-block;
border-radius:6px;
}
.cartButton:hover{
background: lightgreen;
text-decoration: none;
}
Здесь
font: bold 12px/30px Tahoma, Geneva, sans-serif; - описание шрифта;
color: #FFF; - белый цвет текста;
text-decoration: none; - это скрывает подчеркивание текста;
background: green; - фон кнопки (зеленый);
height: 30px; width: 155px; - высота и ширина кнопки соответственно;
border-radius:6px; - закругление уголков.
.cartButton:hover - описание того же класса, но при наведенной на него мышке.
Да, спасибо, все получилось.
Я решил Оформить заказ сделать кнопкой, а Продолжить покупки - ссылкой!
А как поменять их местами?
Чтобы "Оформить заказ" было справа, а "Продолжить покупки" - слева?
Безымянный.jpg

#4 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 22 Июнь 2013 - 21:23

Просмотр сообщенияВадим463 (22 Июнь 2013 - 21:19) писал:

Да, спасибо, все получилось.
Я решил Оформить заказ сделать кнопкой, а Продолжить покупки - ссылкой!
А как поменять их местами?
Чтобы "Оформить заказ" было справа, а "Продолжить покупки" - слева?
Прикрепленный файл Безымянный.jpg

найдите в шаблоне Ajax строчку
<p><a class="messageBoxToCart caartButton" href="{CART_URL}">Оформить заказ</a> &nbsp; &nbsp; <a class="nyroModalClose" href="#">Продолжить покупки</a> &nbsp; &nbsp;</p>
замените на
<p><a class="nyroModalClose" href="#">Продолжить покупки</a> &nbsp; &nbsp; <a class="messageBoxToCart caartButton" href="{CART_URL}">Оформить заказ</a> &nbsp; &nbsp; </p>

#5 Вадим463

Вадим463

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

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

Отправлено 22 Июнь 2013 - 22:46

Просмотр сообщенияsupport 2.0 (22 Июнь 2013 - 21:23) писал:

найдите в шаблоне Ajax строчку
<p><a class="messageBoxToCart caartButton" href="{CART_URL}">Оформить заказ</a> &nbsp; &nbsp; <a class="nyroModalClose" href="#">Продолжить покупки</a> &nbsp; &nbsp;</p>
замените на
<p><a class="nyroModalClose" href="#">Продолжить покупки</a> &nbsp; &nbsp; <a class="messageBoxToCart caartButton" href="{CART_URL}">Оформить заказ</a> &nbsp; &nbsp; </p>
Получилось!
Однако теперь торчит кусок кода в виде вот такого знака "<" :mellow:
Вот скрин.
Безымянный.jpg

Пардон, это я невнимателен был!
Все исправил, спасибо!

#6 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 23 Июнь 2013 - 01:39

Просмотр сообщенияsengun (22 Июнь 2013 - 20:44) писал:

В шаблоне Ajax строчку 
<p><a class="messageBoxToCart" href="{CART_URL}">Оформить заказ</a> &nbsp; &nbsp; <a class="nyroModalClose" href="#">Продолжить покупки</a> &nbsp; &nbsp;
изменить на эту
<p><a class="messageBoxToCart caartButton" href="{CART_URL}">Оформить заказ</a> &nbsp; &nbsp; <a class="nyroModalClose cartButton" href="#">Продолжить покупки</a> &nbsp; &nbsp;</p>
так прописали этим кнопкам новый класс. Теперь эти классы нужно описать. В конец main.css добавьте код
.cartButton{
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #FFF;
text-decoration: none;
background: green;
height: 30px;
width: 155px;
display: inline-block;
border-radius:6px;
}
.cartButton:hover{
background: lightgreen;
text-decoration: none;
}
Здесь
font: bold 12px/30px Tahoma, Geneva, sans-serif; - описание шрифта;
color: #FFF; - белый цвет текста;
text-decoration: none; - это скрывает подчеркивание текста;
background: green; - фон кнопки (зеленый);
height: 30px; width: 155px; - высота и ширина кнопки соответственно;
border-radius:6px; - закругление уголков.
.cartButton:hover - описание того же класса, но при наведенной на него мышке.

А у меня не получилось. Почему-то получилось все наоборот. Что не так? А в идеале, хотелось бы, как на втором скрине. Помогите, пожалуйста.

Прикрепленные изображения

  • Снимок.JPG
  • Снимок2.JPG

#7 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 23 Июнь 2013 - 06:40

Просмотр сообщенияvelena168 (23 Июнь 2013 - 01:39) писал:

А у меня не получилось. Почему-то получилось все наоборот. Что не так? А в идеале, хотелось бы, как на втором скрине. Помогите, пожалуйста.

Найдите в шаблоне Ajax код:
<p><a class="messageBoxToCart caartButton" href="{CART_URL}">Оформить заказ</a> &nbsp; &nbsp; <a class="nyroModalClose cartButton" href="#">Продолжить покупки</a> &nbsp; &nbsp;</p>
и замените на:
<p>
<a class="nyroModalClose cartButton" href="#">Продолжить покупки</a> &nbsp; &nbsp;
<a class="messageBoxToCart caartButton" href="{CART_URL}">Перейти в корзину</a> &nbsp; &nbsp;
</p>

Добавьте в конец файла main.css код:
.caartButton {background:red;
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #FFF;
text-decoration: none;
height: 30px;
width: 155px;
display: inline-block;
border-radius: 6px;}
.caartButton:hover {background:blue;}
Красный цвет - при наведении. Синий цвет - кнопки. Можете заменить red и blue на ваши цвета

Далее найдите в main.css код:
.cartButton {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #FFF;
text-decoration: none;
background: green;
height: 30px;
width: 155px;
display: inline-block;
border-radius: 6px;
}
и замените в нем цвет - green на ваш
И найдите код:
.cartButton:hover {
background: lightgreen;
text-decoration: none;
}
и замените цвет  lightgreen

#8 velena168

velena168

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

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 23 Июнь 2013 - 12:13

Просмотр сообщенияmiyako (23 Июнь 2013 - 06:40) писал:

Найдите в шаблоне Ajax код:
<p><a class="messageBoxToCart caartButton" href="{CART_URL}">Оформить заказ</a> &nbsp; &nbsp; <a class="nyroModalClose cartButton" href="#">Продолжить покупки</a> &nbsp; &nbsp;</p>
и замените на:
<p>
<a class="nyroModalClose cartButton" href="#">Продолжить покупки</a> &nbsp; &nbsp;
<a class="messageBoxToCart caartButton" href="{CART_URL}">Перейти в корзину</a> &nbsp; &nbsp;
</p>

Добавьте в конец файла main.css код:
.caartButton {background:red;
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #FFF;
text-decoration: none;
height: 30px;
width: 155px;
display: inline-block;
border-radius: 6px;}
.caartButton:hover {background:blue;}
Красный цвет - при наведении. Синий цвет - кнопки. Можете заменить red и blue на ваши цвета

Далее найдите в main.css код:
.cartButton {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #FFF;
text-decoration: none;
background: green;
height: 30px;
width: 155px;
display: inline-block;
border-radius: 6px;
}
и замените в нем цвет - green на ваш
И найдите код:
.cartButton:hover {
background: lightgreen;
text-decoration: none;
}
и замените цвет  lightgreen

Спасибо! Все очень красиво получилось!
Обратно в Общие вопросы



Темы с аналогичным тегами корзина

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

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

  1. Форум владельцев интернет-магазинов
  2. → Повышение продаж, продвижение
  3. → Общие вопросы
  4. Privacy Policy