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


Поправки В Мобильной Версии


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

#1 Rasa

Rasa

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

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

Отправлено 23 Март 2017 - 13:28

Помогите поправить мобильную версию сайта
1. В мобильной версии не видно верхнего меню(въезд-выезд, розыгрыш, патент...)
2. Каталог убрал, но видно в мобильной версии. Его надо удалить.
3.В мобильной версии логотип сайта находится совсем в другом месте. В шапке сдвинуть кнопки "контакты, почта, на главную" правее, и логотип переместить  в левый верхний угол. Если удобно, сделайте так чтобы через ПК тоже логотип находился в левом верхнем углу.
4. В слайдере, картинку про розыгрыш сделать кликабельным, чтобы вставить ссылку в слово "подробное".
В скиншоте все указал. Спасибо.

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

  • 3.png
  • 2.jpg
  • 1.jpg


#2 Mr.Nito

Mr.Nito

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

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

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

 Rasa (23 Март 2017 - 13:28) писал:

Помогите поправить мобильную версию сайта
1. В мобильной версии не видно верхнего меню(въезд-выезд, розыгрыш, патент...)
2. Каталог убрал, но видно в мобильной версии. Его надо удалить.
3.В мобильной версии логотип сайта находится совсем в другом месте. В шапке сдвинуть кнопки "контакты, почта, на главную" правее, и логотип переместить  в левый верхний угол. Если удобно, сделайте так чтобы через ПК тоже логотип находился в левом верхнем углу.
4. В слайдере, картинку про розыгрыш сделать кликабельным, чтобы вставить ссылку в слово "подробное".
В скиншоте все указал. Спасибо.
1.Меню на мобильной версии не отображается
2. Кнопку скрыл.
3.Добавить логотип в верхний блок нельзя, так как это нарушит адаптивную версию сайта.
4.В шаблоне HTML в блоке

<!-- Slides Container -->
замените знак # на ссылку

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

  • 26-03-2017 21-01-39.jpg


#3 Rasa

Rasa

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

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

Отправлено 27 Март 2017 - 11:35

 Mr.Nito (26 Март 2017 - 21:01) писал:

1.Меню на мобильной версии не отображается
2. Кнопку скрыл.
3.Добавить логотип в верхний блок нельзя, так как это нарушит адаптивную версию сайта.
4.В шаблоне HTML в блоке

<!-- Slides Container -->
замените знак # на ссылку
Вы наоборот удалили меню в шапке(1 вопрос). Через ПК отображалось, через телефон нет. Сейчас вообще исчез. Сделать так чтобы отображалось через телефон и ПК.

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

  • 3.png
  • 4.png


#4 Stasya

Stasya

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

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

Отправлено 27 Март 2017 - 16:59

 Rasa (27 Март 2017 - 11:35) писал:

Вы наоборот удалили меню в шапке(1 вопрос). Через ПК отображалось, через телефон нет. Сейчас вообще исчез. Сделать так чтобы отображалось через телефон и ПК.
Здравствуйте. Сейчас у Вас не выводиться горизонтальный меню по причине того, что там выводиться каталог, а в каталоге нет ни одной категории.
Чтобы отобразить там Ваше меню (насколько я понимаю Вам необходимо отобразить именно менб из раздела Сайт-> Меню) Вам необходимо в шаблоне HTML найти блок
<div id="custommenu">
				<ul class="mainnav" itemscope itemtype="http://schema.org/SiteNavigationElement">
				  {%IFNOT catalog_full_empty%}
					{%FOR catalog_full%}
					  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
						<li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
						  <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url"><span>{catalog_full.NAME}</span></a>
						{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
					  {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					{%ENDFOR%}
				  {%ENDIF%}
				</ul>
			  </div>
			  <div id="mommenu" class="menu-offcanvas" style="display:none">
				<span class="btn-navbar"> <i class="fa fa-align-justify"></i> <span class="overlay"></span></span>
				<div id="menu_offcanvas" class="offcanvas">
				  <div class="canvas-title">
					<i class="fa fa-bars"></i>
					<span class="title">Каталог</span>
					<i class="fa fa-times"></i>
				  </div>
				  <ul class="mainnav" itemscope itemtype="http://schema.org/SiteNavigationElement">
				  {% IFNOT catalog_full_empty %}
					{% FOR catalog_full %}
					  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						<li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						  <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" itemprop="url">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
						{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
					  {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					{% ENDFOR %}
				  {% ENDIF %}
				  </ul>
				</div>
			  </div>
и заменить его на
<div id="custommenu">
				<ul class="mainnav" itemscope itemtype="http://schema.org/SiteNavigationElement">
				  {% FOR menu %}
					{% FOR general %}
					  {% FOR links %}
						<li class="level0"><a href="{menu.general.links.URL}" {% IF menu.general.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.general.links.TITLE %}title="{menu.general.links.TITLE}"{% ENDIF %}>{menu.general.links.NAME}</a></li>
					  {% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
				</ul>
			  </div>
			  <div id="mommenu" class="menu-offcanvas">
				<span class="btn-navbar"> <i class="fa fa-align-justify"></i> <span class="overlay"></span></span>
				<div id="menu_offcanvas" class="offcanvas">
				  <div class="canvas-title">
					<i class="fa fa-bars"></i>
					<span class="title">Каталог</span>
					<i class="fa fa-times"></i>
				  </div>
				  <ul class="mainnav" itemscope itemtype="http://schema.org/SiteNavigationElement">
				  {% FOR menu %}
					{% FOR general %}
					  {% FOR links %}
						<li class="level0"><a href="{menu.general.links.URL}" {% IF menu.general.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.general.links.TITLE %}title="{menu.general.links.TITLE}"{% ENDIF %}>{menu.general.links.NAME}</a></li>
					  {% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
				  </ul>
				</div>
			  </div>
Проделайте, пожалуйста, сначала эти изменения, а потом мы напишем правки касаемо мобильной версии.

#5 Rasa

Rasa

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

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

Отправлено 28 Март 2017 - 11:46

Каталог появился, спасибо. Теперь по мобильной версии
1. Кнопка каталога надо поднят чуть выше. Сейчас почти невидно .
2. Логотип тоже надо переместит куда  нибудь. Что вы посоветуете ?
3. Картинки не адаптируются, в скриншоте показал.

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

  • 1.jpg
  • Screenshot_2017-03-28-11-26-59.png


#6 Firefly

Firefly

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

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

Отправлено 29 Март 2017 - 15:10

 Rasa (28 Март 2017 - 11:46) писал:

Каталог появился, спасибо. Теперь по мобильной версии
1. Кнопка каталога надо поднят чуть выше. Сейчас почти невидно .
2. Логотип тоже надо переместит куда  нибудь. Что вы посоветуете ?
3. Картинки не адаптируются, в скриншоте показал.

Здравствуйте.
Изменения Вам произвел по всем пунктам.

#7 Rasa

Rasa

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

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

Отправлено 31 Март 2017 - 13:04

 Firefly (29 Март 2017 - 15:10) писал:

Здравствуйте.
Изменения Вам произвел по всем пунктам.
Здравствуйте, все отлично спасибо. Есть еще поправки
1.Текст на главном поднимаю вверх, но больше не поднимается. Надо поднять до нижней границы слайдера.Когда заходишь через ПК не очень заметно, через телефон находится ниже.
2. Выше и ниже логотипа есть пустые места. Надо их удалить. показал на скриншоте
3. В самом первом вопросе(4 пункт) надо было сделать картинку слайдера кликабельным. Но не всю картинку, а только слово "Подробное" на картинке. Чтобы туда я мог добавить ссылку. Сейчас вся картинка стала кликабельным, и невозможно пролистать слайдер, сразу переходит по ссылке.

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

  • 1.jpg


#8 Danil

Danil

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

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

Отправлено 31 Март 2017 - 13:43

 Rasa (31 Март 2017 - 13:04) писал:

Здравствуйте, все отлично спасибо. Есть еще поправки
1.Текст на главном поднимаю вверх, но больше не поднимается. Надо поднять до нижней границы слайдера.Когда заходишь через ПК не очень заметно, через телефон находится ниже.
2. Выше и ниже логотипа есть пустые места. Надо их удалить. показал на скриншоте
Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.
Так же создал бэкапы до и после.

#9 Rasa

Rasa

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

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

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

 Danil (31 Март 2017 - 13:43) писал:

Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.
Так же создал бэкапы до и после.
Все отлично. Радует, когда быстро отвечают )). На последний вопрос не ответили ) Я отредактировал и добавил 3 вопрос, может не видели его .

#10 MikDark

MikDark

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

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

Отправлено 31 Март 2017 - 15:12

 Rasa (31 Март 2017 - 15:07) писал:

Все отлично. Радует, когда быстро отвечают )). На последний вопрос не ответили ) Я отредактировал и добавил 3 вопрос, может не видели его .

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

#11 Rasa

Rasa

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

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

Отправлено 08 Апрель 2017 - 18:36

Добрый день. Появились еще вопросы )
1) Не удаляются меню в подвале. Мне надо удалить "контакты","меню", "личный кабинет". Оставить только Обратный звонок и соц.сети . Еще как добавить соц. сети . ?
2) Не адаптируются картинки на главной странице( на скриншоте указал). растянут картинки по ширине страницы, чтобы были как на слайдере.

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

  • 1.png
  • 2.jpg
  • 3.png


#12 Danil

Danil

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

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

Отправлено 09 Апрель 2017 - 12:57

 Rasa (08 Апрель 2017 - 18:36) писал:

Добрый день. Появились еще вопросы )
1) Не удаляются меню в подвале. Мне надо удалить "контакты","меню", "личный кабинет". Оставить только Обратный звонок и соц.сети . Еще как добавить соц. сети . ?
2) Не адаптируются картинки на главной странице( на скриншоте указал). растянут картинки по ширине страницы, чтобы были как на слайдере.
Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.
В шаблоне html найдите код
				<a href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span class="fa fa-facebook"></span></a>
				<a href="https://twitter.com/" title="Twitter.com" target="_blank"><span class="fa fa-twitter"></span></a>
				<a href="https://google.com/" title="Google Plus" target="_blank"><span class="fa fa-google-plus"></span></a>
				<a href="https://vk.com/" title="VK.com" target="_blank"><span class="fa fa-vk"></span></a>
				<a href="https://www.youtube.com/" title="YouTube.com" target="_blank"><span class="fa fa-youtube"></span></a>
в нем изменяйте ссылки на свои страницы в соц. сетях.

#13 Rasa

Rasa

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

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

Отправлено 09 Апрель 2017 - 14:17

 Danil (09 Апрель 2017 - 12:57) писал:

Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.
В шаблоне html найдите код
			 <a href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span class="fa fa-facebook"></span></a>
			 <a href="https://twitter.com/" title="Twitter.com" target="_blank"><span class="fa fa-twitter"></span></a>
			 <a href="https://google.com/" title="Google Plus" target="_blank"><span class="fa fa-google-plus"></span></a>
			 <a href="https://vk.com/" title="VK.com" target="_blank"><span class="fa fa-vk"></span></a>
			 <a href="https://www.youtube.com/" title="YouTube.com" target="_blank"><span class="fa fa-youtube"></span></a>
в нем изменяйте ссылки на свои страницы в соц. сетях.
Спасибо Даниил) Меню в подвале удалились только в мобильной версии. Надо еще удалить в главной версии сайта.
Если я нарисую картинку похожего на скриншоте, можно вставить в подвал ?

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

  • Image 1.png


#14 Firefly

Firefly

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

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

Отправлено 10 Апрель 2017 - 17:41

 Rasa (09 Апрель 2017 - 14:17) писал:

Спасибо Даниил) Меню в подвале удалились только в мобильной версии. Надо еще удалить в главной версии сайта.
Если я нарисую картинку похожего на скриншоте, можно вставить в подвал ?

Здравствуйте.
Изменения Вам произвел.
Картинку можно будет добавить.

#15 Rasa

Rasa

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

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

Отправлено 10 Апрель 2017 - 18:47

 Firefly (10 Апрель 2017 - 17:41) писал:

Здравствуйте.
Изменения Вам произвел.
Картинку можно будет добавить.
Спасибо)

#16 Rasa

Rasa

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

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

Отправлено 11 Апрель 2017 - 14:12

 Firefly (10 Апрель 2017 - 17:41) писал:

Здравствуйте.
Изменения Вам произвел.
Картинку можно будет добавить.
картинка готова . как ее добавить ?

#17 Mr.Nito

Mr.Nito

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

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

Отправлено 11 Апрель 2017 - 15:09

 Rasa (11 Апрель 2017 - 14:12) писал:

картинка готова . как ее добавить ?
Здравствуйте.
Изображение можно задать в файле main.css

#footer-middle.index {margin: 0;background: lightgrey url('');}

замените на

#footer-middle.index {margin: 0;background: lightgrey url('ссылка на ваше изображение');}

Текст можно отредактировать в шаблоне HTML блок
<!-- Основная часть подвала -->

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

  • 11-04-2017 15-07-32.jpg


#18 Rasa

Rasa

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

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

Отправлено 11 Апрель 2017 - 15:45

 Mr.Nito (11 Апрель 2017 - 15:09) писал:

Здравствуйте.
Изображение можно задать в файле main.css

#footer-middle.index {margin: 0;background: lightgrey url('');}

замените на

#footer-middle.index {margin: 0;background: lightgrey url('ссылка на ваше изображение');}

Текст можно отредактировать в шаблоне HTML блок
<!-- Основная часть подвала -->
изображение совсем по другому получается. Ниже есть скриншот. Нужную картинку скачал. В подвале, в правой стороне картинки будет виджет вконтакте.

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

  • Image 4.png
  • подвал.png


#19 Mr.Nito

Mr.Nito

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

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

Отправлено 11 Апрель 2017 - 16:35

 Rasa (11 Апрель 2017 - 15:45) писал:

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

#20 Rasa

Rasa

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

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

Отправлено 11 Апрель 2017 - 16:53

 Mr.Nito (11 Апрель 2017 - 16:35) писал:

Получается нужно перенести форму влево, сверху добавить номер телефона, справа будет размещен виджет группы?
Да. Тексты(про подарок, сверху от номера телефона) тоже должны быть в том месте, где сейчас. Еще удалить знак соц.сетей . Желательно, чтобы было такая форма картинки. Спасибо )




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

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