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


Настроить Дизайн И Функции Сайта Под Телефоны И Ipad


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

#1 Ostinems

Ostinems

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

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

Отправлено 02 Март 2016 - 19:15

Требуется настроить дизайн сайта, чтобы ничего кривого не было. Как это можно сделать и где корректировать ?

#2 RedHead

RedHead

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

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

Отправлено 03 Март 2016 - 12:31

Просмотр сообщенияOstinems (02 Март 2016 - 19:15) писал:

Требуется настроить дизайн сайта, чтобы ничего кривого не было. Как это можно сделать и где корректировать ?

Здравствуйте. Чтобы мы могли Вам помочь, пришлите, пожалуйста, техническое задание. Укажите, какие именно блоки и где именно, на каких разрешениях экрана, Вы хотите видеть.

#3 Ostinems

Ostinems

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

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

Отправлено 03 Март 2016 - 16:33

Вот так сейчас это безобразие смотрится ( фото 1 )



1. Чтобы телефон было видно четко, и при нажатии на него номер сразу набирайлся.

2. В самый вверх поместить функцию "Быстрый заказ" с главной странице. ( сделать ее на всех страницах в категориях товара, при заходе в каждый товар )

Пока все.

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

  • Cry1dtFSABs.jpg


#4 Ostinems

Ostinems

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

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

Отправлено 04 Март 2016 - 16:55

Просмотр сообщенияRedHead (03 Март 2016 - 12:31) писал:

Здравствуйте. Чтобы мы могли Вам помочь, пришлите, пожалуйста, техническое задание. Укажите, какие именно блоки и где именно, на каких разрешениях экрана, Вы хотите видеть.

Поможете с данными косяками ?

#5 Danil

Danil

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

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

Отправлено 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 Ostinems

Ostinems

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

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

Отправлено 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;
}
}

Ничего не изменилось = (

#7 Ostinems

Ostinems

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

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

Отправлено 06 Март 2016 - 17:46

Все исправил спасибо ( лишняя скобка была )

Только на 2м сайте такое не прошло = ( вот на том акке
Аккаунт SL-375199
И можно перенести функцию "Быстрый заказ на самые вверх"

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

  • Снимок.JPG


#8 Ostinems

Ostinems

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

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

Отправлено 06 Март 2016 - 19:52

И подскажите как поправить "Быстрый заказ" на главной странице, у меня что-то не выходит хотя ранее это делал

акк Аккаунт SL-375199

#9 RedHead

RedHead

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

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

Отправлено 06 Март 2016 - 20:46

Просмотр сообщенияOstinems (06 Март 2016 - 19:52) писал:

И подскажите как поправить "Быстрый заказ" на главной странице, у меня что-то не выходит хотя ранее это делал

акк Аккаунт SL-375199

Здравствуйте. Сейчас на данном сайте форма быстрого заказа выглядит так:

1.jpg

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

#10 Ostinems

Ostinems

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

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

Отправлено 07 Март 2016 - 13:57

Просмотр сообщенияRedHead (06 Март 2016 - 20:46) писал:

Здравствуйте. Сейчас на данном сайте форма быстрого заказа выглядит так:

Прикрепленный файл 1.jpg

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

Добрый день.

1. Нужно сделать настройку для телефона так же как сделал для первого сайта
2. Чтобы функция быстрого заказа, встала ровно как на фото 1 ( с первого сайта )

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

  • 1.jpg


#11 RedHead

RedHead

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

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

Отправлено 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К   15 Количество загрузок:

#12 Ostinems

Ostinems

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

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

Отправлено 07 Март 2016 - 18:03

Просмотр сообщенияRedHead (07 Март 2016 - 17:52) писал:


Все хорошо встал "Быстрый заказ" ровно. Теперь можно увеличить расстояние между строками "Мед....справки" и номер телефона чтобы они не сливались

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

  • 1.jpg


#13 Danil

Danil

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

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

Отправлено 09 Март 2016 - 09:06

Просмотр сообщенияOstinems (07 Март 2016 - 18:03) писал:

Все хорошо встал "Быстрый заказ" ровно. Теперь можно увеличить расстояние между строками "Мед....справки" и номер телефона чтобы они не сливались
В style.css найдите код
.header_phone {
	top: 160px;
}
и замените на
.header_phone {
	top: 178px;
}
div#dost {
	margin-top: 50px;
}


#14 Ostinems

Ostinems

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

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

Отправлено 09 Март 2016 - 13:03

Низкий всем поклон! Спасибо ! Все четко!

#15 Ostinems

Ostinems

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

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

Отправлено 16 Март 2016 - 13:28

Добрый день. Добавил несколько позиций на сайт и опять съехала функция "Быстрого заказа", как не старался исправить по старым лекалам мало что из этого вышло.

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

  • Снимок.JPG


#16 Danil

Danil

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

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

Отправлено 16 Март 2016 - 13:40

Просмотр сообщенияOstinems (16 Март 2016 - 13:28) писал:

Добрый день. Добавил несколько позиций на сайт и опять съехала функция "Быстрого заказа", как не старался исправить по старым лекалам мало что из этого вышло.
Здравствуйте.
Ошибку Вам исправили, проверьте.

#17 Ostinems

Ostinems

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

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

Отправлено 16 Март 2016 - 13:49

Да спасибо, отлично ) только вот у меня еще один такой сайт и еще 3 таких же сделал )

Думаю чтобы Вас не напрягать по каждому сайту, не могли скинуть функцию чтобы я уже сам произвел по другим сайтам )

Хотя вроде все отлично встало на другом сайте! Спасибо за ваш труд!

#18 Ostinems

Ostinems

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

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

Отправлено 07 Март 2017 - 15:01

Всем привет! Не совсем получается настроить на другой сайт, мобильную и планшетную версию, помогите очень надо Аккаунт SL-381048

#19 metry

metry

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

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

Отправлено 09 Март 2017 - 18:39

Добрый вечер. Для внесения изменений зайдите в Редактор шаблонов-->style.css

найдите строку:

 .two-third{width:450px}

замените:

 .two-third{width:415px} 



найдите строку:

 .two-third{width:690px}

замените:

  .two-third{width:650px}



в конце кода найдите строку:

.header_phone {
		top: 178px;
} 

и удалите.

#20 Ostinems

Ostinems

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

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

Отправлено 17 Март 2017 - 21:17

Просмотр сообщенияmetry (09 Март 2017 - 18:39) писал:

Добрый вечер. Для внесения изменений зайдите в Редактор шаблонов-->style.css

найдите строку:

 .two-third{width:450px}
......
} [/CODE]

и удалите.

что не совсем вышло, криво встало




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

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