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


Оформление Заказа

Автор Вадим463, 22 июня 2013 21:09
Оформление заказ

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

#1 Вадим463

Вадим463

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

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

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

Здравствуйте!
Как сделать следующую вешь на сайте на платформе Сияние, номер аккаунта - SL-140658.
Во время оформления заказа (Шаг первый) при нажатии на кнопку "Вернуться Назад" в случае если обязательные поля "ФИО" и "Контактные данные" не заполнены, то возврат в корзину невозможен!!!
Это надо убрать, я хочу чтобы клиент смог вернуться в корзину с этого этапа, даже если он еще ничего не заполнил!
Прикрепляю скрины:
Безымянный.jpg

#2 miyako

miyako

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

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

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

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

Здравствуйте!
Как сделать следующую вешь на сайте на платформе Сияние, номер аккаунта - SL-140658.
Во время оформления заказа (Шаг первый) при нажатии на кнопку "Вернуться Назад" в случае если обязательные поля "ФИО" и "Контактные данные" не заполнены, то возврат в корзину невозможен!!!
Это надо убрать, я хочу чтобы клиент смог вернуться в корзину с этого этапа, даже если он еще ничего не заполнил!
Прикрепляю скрины:
Прикрепленный файл Безымянный.jpg

Перед изменениями сделайте Копию дизайн шаблона
Попробуйте так:
Найдите в main.css код:
.more-link.back {
background: url("http://design.xn--80aec9agebbu.xn--p1ai/read_more_back.jpg") no-repeat left top;
padding-left:30px;
}
и замените
.more-link.back
на:
.back

Найдите код:
.more-link:hover, a.read-more:hover, .paymentFormTbodySubmitButton:hover, .back:hover{color: #fff; background-position: left bottom;text-decoration: none;}

Найдите код:
.more-link , a.read-more, .paymentFormTbodySubmitButton {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #666;
text-decoration: none;
background: url("http://design.xn--80aec9agebbu.xn--p1ai/read_more.jpg") no-repeat left bottom;
height: 30px;
width: 135px;
padding-left: 15px;
display: inline-block;
}
и замените код:
.more-link , a.read-more, .paymentFormTbodySubmitButton
на такой:
.more-link , a.read-more, .paymentFormTbodySubmitButton, .back

Найдите код:
input.more-link, .paymentFormTbodySubmitButton {
width:150px;
border:0px;
padding-bottom:2px;
text-align:left;
}
и замените на:
input.more-link, .paymentFormTbodySubmitButton, input.back {
width:150px;
border:0px;
padding-bottom:2px;
text-align:left;
}

Далее в шаблоне Оформление заказа найдите примерно такой код кнопки Вернуться назад:
<input class="more-link back" type="submit" name="toprev" value="Вернуться назад">
и замените на:
class="more-link back"
на:
class="back"

#3 Вадим463

Вадим463

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

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

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

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

Перед изменениями сделайте Копию дизайн шаблона
Попробуйте так:
Найдите в main.css код:
.more-link.back {
background: url("http://design.xn--80aec9agebbu.xn--p1ai/read_more_back.jpg") no-repeat left top;
padding-left:30px;
}
и замените
.more-link.back
на:
.back

Найдите код:
.more-link:hover, a.read-more:hover, .paymentFormTbodySubmitButton:hover, .back:hover{color: #fff; background-position: left bottom;text-decoration: none;}

Найдите код:
.more-link , a.read-more, .paymentFormTbodySubmitButton {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #666;
text-decoration: none;
background: url("http://design.xn--80aec9agebbu.xn--p1ai/read_more.jpg") no-repeat left bottom;
height: 30px;
width: 135px;
padding-left: 15px;
display: inline-block;
}
и замените код:
.more-link , a.read-more, .paymentFormTbodySubmitButton
на такой:
.more-link , a.read-more, .paymentFormTbodySubmitButton, .back

Найдите код:
input.more-link, .paymentFormTbodySubmitButton {
width:150px;
border:0px;
padding-bottom:2px;
text-align:left;
}
и замените на:
input.more-link, .paymentFormTbodySubmitButton, input.back {
width:150px;
border:0px;
padding-bottom:2px;
text-align:left;
}

Далее в шаблоне Оформление заказа найдите примерно такой код кнопки Вернуться назад:
<input class="more-link back" type="submit" name="toprev" value="Вернуться назад">
и замените на:
class="more-link back"
на:
class="back"
Сделал все, как описывалось.
Результат - изменилась форма кнопки "Вернуться назад", но по-прежнему возврат по нажатию на эту кнопку невозможен, если пользователь не вбил свои данные.
Прилагаю скрин!!!

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

  • 11.jpg

#4 sengun

sengun

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

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

Отправлено 25 Июль 2013 - 16:55

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

Сделал все, как описывалось.
Результат - изменилась форма кнопки "Вернуться назад", но по-прежнему возврат по нажатию на эту кнопку невозможен, если пользователь не вбил свои данные.
Прилагаю скрин!!!
В шаблоне "Оформление заказа" код 
<input class="back" type="submit" name="toprev" value="Вернуться назад" />
замените на 
<a href="{CART_URL}" class="back">Вернуться назад</a>
и в main.css код 
.back {
background: url("{ASSETS_IMAGES_PATH}read_more_back.jpg") no-repeat left top;
padding-left:30px;
}
замените на 
.back {
background: url("http://design.xn--80aec9agebbu.xn--p1ai/read_more_back.jpg") no-repeat left top;
padding-left: 30px;
text-decoration: none !important;
font-size: 12px;
color: #999 !important;
}
.back:hover {
color: #FFF;
}

#5 Вадим463

Вадим463

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

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

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

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

В шаблоне "Оформление заказа" код 
<input class="back" type="submit" name="toprev" value="Вернуться назад" />
замените на 
<a href="{CART_URL}" class="back">Вернуться назад</a>
и в main.css код 
.back {
background: url("{ASSETS_IMAGES_PATH}read_more_back.jpg") no-repeat left top;
padding-left:30px;
}
замените на 
.back {
background: url("http://design.xn--80aec9agebbu.xn--p1ai/read_more_back.jpg") no-repeat left top;
padding-left: 30px;
text-decoration: none !important;
font-size: 12px;
color: #999 !important;
}
.back:hover {
color: #FFF;
}
Спасибо, получилось, однако теперь пропало куда-то изменение курсора при наведение на кнопки в корзине!!!
Раньше при наведении курсора на конпку он изменялся со стрелки на "руку", теперь же не изменятеся!
Как это вернуть?

#6 Vaccina

Vaccina

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

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

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

У вас на сайте в оформлении заказа происходит изменение курсора с стрелки на "руку" при наведении на кнопку "Вернуться назад". Возможно проблема в кэше (попробуйте очистить кэш в вашем браузере), или же это происходит в определенном браузере. Пожалуйста, сообщите в каком браузере у вас присутствует данное отображение.

#7 Вадим463

Вадим463

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

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

Отправлено 26 Июль 2013 - 08:36

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

У вас на сайте в оформлении заказа происходит изменение курсора с стрелки на "руку" при наведении на кнопку "Вернуться назад". Возможно проблема в кэше (попробуйте очистить кэш в вашем браузере), или же это происходит в определенном браузере. Пожалуйста, сообщите в каком браузере у вас присутствует данное отображение.
Првоерил в 2-х браузерах - Яндекс.Браузер и Internet E[plorer - везде та же ситуация - стрелка не меняется на руку при наведении!!!
Кроме того, появилась еще одна проблема!!!
Кнопка "Вернуться назад" выглядит некорректно!!!
Прикрепляю скрин!
Кнопка.jpg

#8 sengun

sengun

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

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

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

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

Првоерил в 2-х браузерах - Яндекс.Браузер и Internet E[plorer - везде та же ситуация - стрелка не меняется на руку при наведении!!!
Кроме того, появилась еще одна проблема!!!
Кнопка "Вернуться назад" выглядит некорректно!!!
Прикрепляю скрин!
Прикрепленный файл Кнопка.jpg
В main.css замените код 
.back {
background: url("http://design.xn--80aec9agebbu.xn--p1ai/read_more_back.jpg") no-repeat left top;
padding-left: 30px;
text-decoration: none !important;
font-size: 12px;
color: #999 !important;
}
.back:hover {
color: #FFF;
}
на этот 
.back {
background: url("{ASSETS_IMAGES_PATH}read_more_back.jpg") no-repeat left top;
padding-left: 30px;
width: 125px;
height: 30px;
display: inline-block;
text-decoration: none !important;
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #999 !important;
}
.back:hover {
color: #FFF;
cursor: pointer;
}

#9 Вадим463

Вадим463

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

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

Отправлено 26 Июль 2013 - 15:14

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

В main.css замените код 
.back {
background: url("http://design.xn--80aec9agebbu.xn--p1ai/read_more_back.jpg") no-repeat left top;
padding-left: 30px;
text-decoration: none !important;
font-size: 12px;
color: #999 !important;
}
.back:hover {
color: #FFF;
}
на этот 
.back {
background: url("{ASSETS_IMAGES_PATH}read_more_back.jpg") no-repeat left top;
padding-left: 30px;
width: 125px;
height: 30px;
display: inline-block;
text-decoration: none !important;
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #999 !important;
}
.back:hover {
color: #FFF;
cursor: pointer;
}
Все поменял, ничего не изменилось!
Прикрепляю скрин, кнопка "Вернуться назад" все также ужасна, при нажатии на любую кнопку не происходит по-прежнему изменение курсора со стрелки на "руку"!
3434.jpg

#10 sengun

sengun

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

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

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

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

Все поменял, ничего не изменилось!
Прикрепляю скрин, кнопка "Вернуться назад" все также ужасна, при нажатии на любую кнопку не происходит по-прежнему изменение курсора со стрелки на "руку"!
Прикрепленный файл 3434.jpg
Не наблюдаю предложенных изменений в коде. Возможно вы забыли нажать "Сохранить"?

#11 Вадим463

Вадим463

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

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

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

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

Не наблюдаю предложенных изменений в коде. Возможно вы забыли нажать "Сохранить"?
Посмотрите внимательнее, все изменения есть и сохранены.
Строчки 123-135 в main.css

#12 sengun

sengun

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

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

Отправлено 26 Июль 2013 - 18:42

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

Посмотрите внимательнее, все изменения есть и сохранены.
Строчки 123-135 в main.css
Строки нашел, но теперь и кнопка отображается нормально, и курсор при наведении становится рукой. У вас не так? Попробуйте почистить кэш, если не поможет, скажите в каком браузере у вас так отображается.26-07-2013 19-40-46.png

#13 Вадим463

Вадим463

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

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

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

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

Строки нашел, но теперь и кнопка отображается нормально, и курсор при наведении становится рукой. У вас не так? Попробуйте почистить кэш, если не поможет, скажите в каком браузере у вас так отображается.Прикрепленный файл 26-07-2013 19-40-46.png
Кнопка и правда отображается нормально, однако курсор становится рукой  только при наведении на кнопку "Вернуться назад", а я хотел бы чтобы он менялся и при нажатии на кнопку "Проверить заказ"

#14 sengun

sengun

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

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

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

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

Кнопка и правда отображается нормально, однако курсор становится рукой  только при наведении на кнопку "Вернуться назад", а я хотел бы чтобы он менялся и при нажатии на кнопку "Проверить заказ"
Попробуйте в main.css код
.more-link:hover, a.read-more:hover, .paymentFormTbodySubmitButton:hover{color: #fff; background-position: left bottom;text-decoration: none;}
изменить так 
.more-link:hover, a.read-more:hover, .paymentFormTbodySubmitButton:hover{color: #fff; background-position: left bottom;text-decoration: none; cursor: pointer;}

#15 Вадим463

Вадим463

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

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

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

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

Попробуйте в main.css код
.more-link:hover, a.read-more:hover, .paymentFormTbodySubmitButton:hover{color: #fff; background-position: left bottom;text-decoration: none;}
изменить так 
.more-link:hover, a.read-more:hover, .paymentFormTbodySubmitButton:hover{color: #fff; background-position: left bottom;text-decoration: none; cursor: pointer;}
Да,все получилось,спасибо!
Обратно в Общие вопросы



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

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

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

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