Настроить Дизайн И Функции Сайта Под Телефоны И Ipad
#1
Отправлено 02 Март 2016 - 19:15
#2
Отправлено 03 Март 2016 - 12:31
Ostinems (02 Март 2016 - 19:15) писал:
Здравствуйте. Чтобы мы могли Вам помочь, пришлите, пожалуйста, техническое задание. Укажите, какие именно блоки и где именно, на каких разрешениях экрана, Вы хотите видеть.
#3
Отправлено 03 Март 2016 - 16:33
1. Чтобы телефон было видно четко, и при нажатии на него номер сразу набирайлся.
2. В самый вверх поместить функцию "Быстрый заказ" с главной странице. ( сделать ее на всех страницах в категориях товара, при заходе в каждый товар )
Пока все.
#5
Отправлено 04 Март 2016 - 17:20
Ostinems (04 Март 2016 - 16:55) писал:
В конец style.css добавьте
@media only screen and (max-width: 479px) { .header_phone { top: 160px; } #banner { margin: 50px 0 0 0; } div#banner img { width: 100%; } #banner { width: 320px; margin: 50px 0 0 0; } }
#6
Отправлено 06 Март 2016 - 13:33
Danil (04 Март 2016 - 17:20) писал:
В конец style.css добавьте
@media only screen and (max-width: 479px) { .header_phone { top: 160px; } #banner { margin: 50px 0 0 0; } div#banner img { width: 100%; } #banner { width: 320px; margin: 50px 0 0 0; } }
Ничего не изменилось = (
#8
Отправлено 06 Март 2016 - 19:52
акк Аккаунт SL-375199
#9
Отправлено 06 Март 2016 - 20:46
Ostinems (06 Март 2016 - 19:52) писал:
акк Аккаунт SL-375199
Здравствуйте. Сейчас на данном сайте форма быстрого заказа выглядит так:
Уточните, пожалуйста, по пунктам, что необходимо сделать. Прикрепленный скриншот отличается от этого магазина, поэтому возникает сложность с пониманием задачи.
#10
Отправлено 07 Март 2016 - 13:57
RedHead (06 Март 2016 - 20:46) писал:
1.jpg
Уточните, пожалуйста, по пунктам, что необходимо сделать. Прикрепленный скриншот отличается от этого магазина, поэтому возникает сложность с пониманием задачи.
Добрый день.
1. Нужно сделать настройку для телефона так же как сделал для первого сайта
2. Чтобы функция быстрого заказа, встала ровно как на фото 1 ( с первого сайта )
#11
Отправлено 07 Март 2016 - 17:52
Ostinems (07 Март 2016 - 13:57) писал:
1. Нужно сделать настройку для телефона так же как сделал для первого сайта
2. Чтобы функция быстрого заказа, встала ровно как на фото 1 ( с первого сайта )
Здравствуйте.
В шаблоне html, перед строками:
<div class="column one-third"> {% IF index_page %} <div class="block2">вставьте:
<div class="clear"></div>
в этом же шаблоне замените строки:
<div class="input-box" style="padding-bottom: 10px;margin-left: -3px;"> <input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="ФИО" maxlength="50" title="ФИО" autocomplete="off"> </div> <div class="input-box" style="padding-bottom: 10px;margin-left: -3px;"> <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Номер телефона" maxlength="50" title="Номер телефона" autocomplete="off"> </div> <div class="input-box" style="margin-left: -3px;">на:
<div class="input-box" style="padding-bottom: 10px;margin-left: 9px;"> <input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="ФИО" maxlength="50" title="ФИО" autocomplete="off"> </div> <div class="input-box" style="padding-bottom: 10px;margin-left: 9px;"> <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Номер телефона" maxlength="50" title="Номер телефона" autocomplete="off"> </div> <div class="input-box" style="margin-left: 9px;">
Затем скачайте прикрепленный архив на свой компьютер, извлеките файл jquery.maskedinput.js и загрузите его на сайт, в редакторе шаблонов с помощью кнопки "добавить файлы".
Скрипт у Вас уже прописан.
Новая папка (4) (1).zip 2,61К 34 Количество загрузок:
#13
Отправлено 09 Март 2016 - 09:06
Ostinems (07 Март 2016 - 18:03) писал:
.header_phone { top: 160px; }и замените на
.header_phone { top: 178px; } div#dost { margin-top: 50px; }
#14
Отправлено 09 Март 2016 - 13:03
#17
Отправлено 16 Март 2016 - 13:49
Думаю чтобы Вас не напрягать по каждому сайту, не могли скинуть функцию чтобы я уже сам произвел по другим сайтам )
Хотя вроде все отлично встало на другом сайте! Спасибо за ваш труд!
#18
Отправлено 07 Март 2017 - 15:01
#19
Отправлено 09 Март 2017 - 18:39
найдите строку:
.two-third{width:450px}
замените:
.two-third{width:415px}
найдите строку:
.two-third{width:690px}
замените:
.two-third{width:650px}
в конце кода найдите строку:
.header_phone { top: 178px; }
и удалите.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных