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


Поменять Стили Кнопок. Сократить Число Шагов При Оформлении Заказа


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

#1 Ильяc

Ильяc

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

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

Отправлено 11 Май 2014 - 04:37

Здравствуйте! Аккаунт SL-251638

1) Скажите пожалуйста как поменять стили кнопок в корзине и во всех 4 шагах оформления заказа
кнопка1.png

Поменять на такой стиль:
кнопка.png

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

3) Подскажите еще как сделать ровными кнопки "в корзину" и "быстрый заказ"
ровно.png

#2 daria_dnk

daria_dnk

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

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

Отправлено 11 Май 2014 - 16:04

Просмотр сообщенияИльяc (11 Май 2014 - 04:37) писал:

Здравствуйте! Аккаунт SL-251638

1) Скажите пожалуйста как поменять стили кнопок в корзине и во всех 4 шагах оформления заказа
Прикрепленный файл кнопка1.png

Поменять на такой стиль:
Прикрепленный файл кнопка.png

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

3) Подскажите еще как сделать ровными кнопки "в корзину" и "быстрый заказ"
Прикрепленный файл ровно.png

Здравствуйте!
По первому вопросу Вам нужно в шаблоне Корзина строку
 <td colspan="6" class="cartFormTfootButtons"><br /><input class="more-link onlybutton" type="submit" value="Пересчитать"> <input class="more-link" type="submit" name="next_step" value="Оформить заказ"></td>
заменить на
 <td colspan="6" class="cartFormTfootButtons"><br /><input class="button" type="submit" value="Пересчитать"> <input class="button" type="submit" name="next_step" value="Оформить заказ"></td>
И в шаблоне Оформление заказа строки
<input class="more-link back" type="submit" name="toprev" value="Вернуться назад" />
<input class="more-link" type="submit" name="tonext" 
заменить на
<input class="button" type="submit" name="toprev" value="Вернуться назад" />
<input class="button" type="submit" name="tonext" 
По второму вопросу: удалять шаги нельзя, есть вариант объединения 1 шага со 2м и 3го с 4м, с последующим скрытием шагов, с которых информация была перенесена. Данный вопрос на форуме уже обсуждался, можете почитать существующие инструкции, например вот эту.

По последнему вопросу: в шаблоне Товар найдите строку
<a class="button" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#"style=" margin-left: 75px; ">Быстрый заказ</a><br /><br />
замените ее на
<a class="button" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#"style=" margin-left: 54px; ">Быстрый заказ</a><br /><br />


#3 Ильяc

Ильяc

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

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

Отправлено 11 Май 2014 - 17:31

Просмотр сообщенияdaria_dnk (11 Май 2014 - 16:04) писал:

Здравствуйте!
По первому вопросу Вам нужно в шаблоне Корзина строку
 <td colspan="6" class="cartFormTfootButtons"><br /><input class="more-link onlybutton" type="submit" value="Пересчитать"> <input class="more-link" type="submit" name="next_step" value="Оформить заказ"></td>
заменить на
 <td colspan="6" class="cartFormTfootButtons"><br /><input class="button" type="submit" value="Пересчитать"> <input class="button" type="submit" name="next_step" value="Оформить заказ"></td>
И в шаблоне Оформление заказа строки
<input class="more-link back" type="submit" name="toprev" value="Вернуться назад" />
<input class="more-link" type="submit" name="tonext" 
заменить на
<input class="button" type="submit" name="toprev" value="Вернуться назад" />
<input class="button" type="submit" name="tonext" 
По второму вопросу: удалять шаги нельзя, есть вариант объединения 1 шага со 2м и 3го с 4м, с последующим скрытием шагов, с которых информация была перенесена. Данный вопрос на форуме уже обсуждался, можете почитать существующие инструкции, например вот эту.

По последнему вопросу: в шаблоне Товар найдите строку
<a class="button" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#"style=" margin-left: 75px; ">Быстрый заказ</a><br /><br />
замените ее на
<a class="button" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#"style=" margin-left: 54px; ">Быстрый заказ</a><br /><br />

Спасибо за ответы, все получилось. Кроме 2 вопроса. Читал на форуме по ссылке, но там для других шаблонов и не все у них сразу получается. Можно на моем шаблоне подсказать мне как это сделать?

#4 Alexey11

Alexey11

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

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

Отправлено 12 Май 2014 - 08:30

Просмотр сообщенияИльяc (11 Май 2014 - 17:31) писал:

Спасибо за ответы, все получилось. Кроме 2 вопроса. Читал на форуме по ссылке, но там для других шаблонов и не все у них сразу получается. Можно на моем шаблоне подсказать мне как это сделать?
Здравствуйте, код оформления заказа практически аналогичен для всех шаблонов. А код который указан в инструкции есть во всех шаблонах. Указанная инструкция подходит для любого из них.

#5 Ильяc

Ильяc

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

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

Отправлено 12 Май 2014 - 16:51

Просмотр сообщенияAlexey11 (12 Май 2014 - 08:30) писал:

Здравствуйте, код оформления заказа практически аналогичен для всех шаблонов. А код который указан в инструкции есть во всех шаблонах. Указанная инструкция подходит для любого из них.

Пробовал не получается. Можно на примере моего шаблона объяснить, как сократить шаги заказа до двух, еще лучше до одного. Спасибо!

И еще у меня в колонке "Вы смотрели" описание товара налезает на цену. Подскажите как исправить пожалуйста?
исправить.png

#6 daria_dnk

daria_dnk

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

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

Отправлено 12 Май 2014 - 21:56

Просмотр сообщенияИльяc (12 Май 2014 - 16:51) писал:

Пробовал не получается. Можно на примере моего шаблона объяснить, как сократить шаги заказа до двух, еще лучше до одного. Спасибо!

И еще у меня в колонке "Вы смотрели" описание товара налезает на цену. Подскажите как исправить пожалуйста?
Прикрепленный файл исправить.png
Здравствуйте!
Эта инструкция работает и применима к Вашему шаблону: инструкция. Написано очень подробно и доступно попробуйте применить.

В шаблоне global00.css
найдите код
#tmspecials ul li h5 {height:33px;margin:-3px 0 0 0;line-height:18px;}
и попробуйте заменить его на
#tmspecials ul li h5 {
height: 56px;
margin: -3px 0 0 0;
line-height: 18px;
overflow: hidden;
}


#7 Ильяc

Ильяc

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

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

Отправлено 13 Май 2014 - 09:23

Просмотр сообщенияdaria_dnk (12 Май 2014 - 21:56) писал:

Здравствуйте!
Эта инструкция работает и применима к Вашему шаблону: инструкция. Написано очень подробно и доступно попробуйте применить.

В шаблоне global00.css
найдите код
#tmspecials ul li h5 {height:33px;margin:-3px 0 0 0;line-height:18px;}
и попробуйте заменить его на
#tmspecials ul li h5 {
height: 56px;
margin: -3px 0 0 0;
line-height: 18px;
overflow: hidden;
}

В колонке все стало ровным. Но сократить шаги так и не получилось.

#8 Castiel

Castiel

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

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

Отправлено 13 Май 2014 - 10:58

Просмотр сообщенияИльяc (13 Май 2014 - 09:23) писал:

В колонке все стало ровным. Но сократить шаги так и не получилось.

Здравствуйте, уточните пожалуйста на каком этапе выполнения инструкции у вас возникли проблемы.

#9 Ильяc

Ильяc

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

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

Отправлено 13 Май 2014 - 15:04

Просмотр сообщенияCastiel (13 Май 2014 - 10:58) писал:

Здравствуйте, уточните пожалуйста на каком этапе выполнения инструкции у вас возникли проблемы.

Честно говоря я так много различных примеров использовал с форума, что я даже не помню уже. Нельзя сделать весь процесс оформления на одной странице? Это так удобно и для покупателей и для нас. Еще и на сайте dipstore.ru хотелось бы сократить число шагов при оформлении заказа

#10 Castiel

Castiel

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

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

Отправлено 13 Май 2014 - 16:11

Просмотр сообщенияИльяc (13 Май 2014 - 15:04) писал:

Честно говоря я так много различных примеров использовал с форума, что я даже не помню уже. Нельзя сделать весь процесс оформления на одной странице? Это так удобно и для покупателей и для нас. Еще и на сайте dipstore.ru хотелось бы сократить число шагов при оформлении заказа

У нас существует быстрый заказ, возможно данный вариант подойдет вам.

#11 Ильяc

Ильяc

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

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

Отправлено 13 Май 2014 - 18:47

Просмотр сообщенияCastiel (13 Май 2014 - 16:11) писал:

У нас существует быстрый заказ, возможно данный вариант подойдет вам.
Быстрый заказ я уже добавил. Хотел сократить шаги оформления заказа до 2-ух. Ну ладно и так не плохо)

#12 Сake

Сake

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

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

Отправлено 14 Май 2014 - 00:42

К сожалению, сократить шаги в оформлении заказа нельзя, так как их только можно скрыть (пропускать). Например если у вас один вариант оплаты или доставки, то можно добавить автоматический пропуск шага с использованием первого варианта доставки или оплаты.

#13 Ильяc

Ильяc

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

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

Отправлено 16 Май 2014 - 09:19

Хотел бы добавить функцию "обратный звонок" в  то место которое указано на картинке. Подскажите как это реализовать? Спасибо!
2014-05-16_100914.png

#14 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 16 Май 2014 - 09:28

Просмотр сообщенияИльяc (16 Май 2014 - 09:19) писал:

Хотел бы добавить функцию "обратный звонок" в  то место которое указано на картинке. Подскажите как это реализовать? Спасибо!
Прикрепленный файл 2014-05-16_100914.png

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




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

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