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


Вёрстка Подвала


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

#1 Ast

Ast

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

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

Отправлено 03 Июль 2016 - 10:48

Аккаунт SL-381753

Здравствуйте

Помогите пожалуйста переверстать подвал. Нужно передвинуть существующие блоки, добавить меню, логотип и иконки соцсетей. Разумеется графику  прорирую сам, нужно только сверстать подвал. Связь с администрацией, обратный звонок убираем полностью. Скрин прилагаю. Спасибо огромное!
http://design.elica-shop.ru/podval.jpg

#2 MikDark

MikDark

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

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

Отправлено 03 Июль 2016 - 11:08

Просмотр сообщенияAst (03 Июль 2016 - 10:48) писал:

Аккаунт SL-381753

Здравствуйте

Помогите пожалуйста переверстать подвал. Нужно передвинуть существующие блоки, добавить меню, логотип и иконки соцсетей. Разумеется графику  прорирую сам, нужно только сверстать подвал. Связь с администрацией, обратный звонок убираем полностью. Скрин прилагаю. Спасибо огромное!
http://design.elica-shop.ru/podval.jpg

Здравствуйте. В шаблоне HTML Вам нужно найти код:
<h3 class="footheader">Наши контакты:</h3>

и перед ним вставить
<div class="footerlogo"><img src="ссылка на логотип"></div>

Далее в разделе Сайт - Меню создайте 3 блока меню, которые далее мы добавить в подвал сайта.

#3 Ast

Ast

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

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

Отправлено 03 Июль 2016 - 11:41

Просмотр сообщенияMikDark (03 Июль 2016 - 11:08) писал:

Здравствуйте. В шаблоне HTML Вам нужно найти код:
<h3 class="footheader">Наши контакты:</h3>

и перед ним вставить
<div class="footerlogo"><img src="ссылка на логотип"></div>

Далее в разделе Сайт - Меню создайте 3 блока меню, которые далее мы добавить в подвал сайта.

Сделал. Меню footer footer2 footer3

#4 Ast

Ast

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

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

Отправлено 04 Июль 2016 - 07:53

Какие следующие шаги?

#5 Firefly

Firefly

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

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

Отправлено 04 Июль 2016 - 11:05

Просмотр сообщенияAst (04 Июль 2016 - 07:53) писал:

Какие следующие шаги?

Здравствуйте.
Создал Вам бэкап и произвел изменения. Результат на скриншоте.
Проверьте, пожалуйста, устроит ли Вас данный вариант.

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

  • Screenshot.png


#6 Ast

Ast

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

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

Отправлено 04 Июль 2016 - 12:39

Просмотр сообщенияFirefly (04 Июль 2016 - 11:05) писал:

Здравствуйте.
Создал Вам бэкап и произвел изменения. Результат на скриншоте.
Проверьте, пожалуйста, устроит ли Вас данный вариант.
Спасибо большое! Можно копирайт с адресом  поднять под логотип и справа от SETTINGS_STORE_HTML_CODE сделать блок "мы в соцсетях", как это планировалось в моем скриншоте  http://design.elica-shop.ru/podval.jpg ? Расстояние между пунктами меню 5px, можно уменьшить до 3px? Когда я изменяю значение, нижние строчки ломаются.

#7 Firefly

Firefly

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

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

Отправлено 04 Июль 2016 - 14:25

Просмотр сообщенияAst (04 Июль 2016 - 12:39) писал:

Спасибо большое! Можно копирайт с адресом  поднять под логотип и справа от SETTINGS_STORE_HTML_CODE сделать блок "мы в соцсетях", как это планировалось в моем скриншоте  http://design.elica-shop.ru/podval.jpg ? Расстояние между пунктами меню 5px, можно уменьшить до 3px? Когда я изменяю значение, нижние строчки ломаются.

Дополнительные изменения Вам внесли. Далее для добавления социальных кнопок сгенерируйте необходимый виджет и добавьте код внутрь блока social_block в коде:
	  <div class="social_block"></div>


#8 Ast

Ast

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

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

Отправлено 04 Июль 2016 - 14:33

Просмотр сообщенияFirefly (04 Июль 2016 - 14:25) писал:

Дополнительные изменения Вам внесли. Далее для добавления социальных кнопок сгенерируйте необходимый виджет и добавьте код внутрь блока social_block в коде:
<div class="social_block"></div>
Спасибо, всё отлично, только соцсети показываются внизу а не справа. Можно поправить? Внизу должны показываться в мобильной версии. В десктопной верстке справа от SETTINGS_STORE_HTML_COD

#9 Firefly

Firefly

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

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

Отправлено 04 Июль 2016 - 14:52

Просмотр сообщенияAst (04 Июль 2016 - 14:33) писал:

Спасибо, всё отлично, только соцсети показываются внизу а не справа. Можно поправить? Внизу должны показываться в мобильной версии. В десктопной верстке справа от SETTINGS_STORE_HTML_COD

Внес Вам дополнительные изменения. Проверьте, пожалуйста.
Чтобы установить ссылки на иконки в HTML найдите код:
	  <div class="social_block">
		Мы в социальных сетях:<br>
		<a href="#"><img src="{ASSETS_IMAGES_PATH}icon-fb.png"></a>
		<a href="#"><img src="{ASSETS_IMAGES_PATH}icon-insta.png"></a>
		<a href="#"><img src="{ASSETS_IMAGES_PATH}icon-ok.png"></a>
		<a href="#"><img src="{ASSETS_IMAGES_PATH}icon-vk.png"></a>
	  </div>

И вместо # укажите соответствующие ссылки.

#10 Ast

Ast

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

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

Отправлено 04 Июль 2016 - 15:12

Просмотр сообщенияFirefly (04 Июль 2016 - 14:52) писал:

Внес Вам дополнительные изменения. Проверьте, пожалуйста.
Чтобы установить ссылки на иконки в HTML найдите код:
	 <div class="social_block">
	 Мы в социальных сетях:<br>
	 <a href="#"><img src="{ASSETS_IMAGES_PATH}icon-fb.png"></a>
	 <a href="#"><img src="{ASSETS_IMAGES_PATH}icon-insta.png"></a>
	 <a href="#"><img src="{ASSETS_IMAGES_PATH}icon-ok.png"></a>
	 <a href="#"><img src="{ASSETS_IMAGES_PATH}icon-vk.png"></a>
	 </div>

И вместо # укажите соответствующие ссылки.
Да, так хорошо, но пропал фон) сейчас белый, а в мобильной версии не показывается меню

#11 Firefly

Firefly

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

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

Отправлено 04 Июль 2016 - 16:15

Просмотр сообщенияAst (04 Июль 2016 - 15:12) писал:

Да, так хорошо, но пропал фон) сейчас белый, а в мобильной версии не показывается меню

Внес Вам дополнительные изменения.
Блоки меню у Вас скрыты по умолчанию для планшетных и мобильных разрешений. Чтобы показывать их всегда, найдите в main.css 2 раза встречающийся код и удалите его:
.menu_footer{display:none;}


#12 Ast

Ast

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

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

Отправлено 04 Июль 2016 - 16:43

Просмотр сообщенияFirefly (04 Июль 2016 - 16:15) писал:

Внес Вам дополнительные изменения.
Блоки меню у Вас скрыты по умолчанию для планшетных и мобильных разрешений. Чтобы показывать их всегда, найдите в main.css 2 раза встречающийся код и удалите его:
.menu_footer{display:none;}
Спасибо, всё хорошо

#13 Кото

Кото

    Пользователь

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

Отправлено 06 Июнь 2018 - 15:16

Добрый день.
Подскажите пожалуйста, как сделать следующие изменения?
Аккаунт SL-449852
111555.jpg

#14 Mr.Nito

Mr.Nito

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

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

Отправлено 07 Июнь 2018 - 10:31

Просмотр сообщенияКото (06 Июнь 2018 - 15:16) писал:

Добрый день.
Подскажите пожалуйста, как сделать следующие изменения?
Аккаунт SL-449852
Прикрепленный файл 111555.jpg
Изменения произвёл

Ненужные элементы можно находить через браузер
https://forum.storel...нужно-производ/

#15 Кото

Кото

    Пользователь

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

Отправлено 07 Июнь 2018 - 11:51

Просмотр сообщенияMr.Nito (07 Июнь 2018 - 10:31) писал:

Изменения произвёл

Ненужные элементы можно находить через браузер
https://forum.storel...нужно-производ/
Спасибо огромное, Mr.Nito! Отлично!

#16 Ast

Ast

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

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

Отправлено 18 Июль 2018 - 13:49

SL-381753
Здравствуйте
В подвале при добавлении нового пункта меню, он залезает на блок для кода с сами строчки меню становятся не кликабельны.
Как можно исправить? Спасибо

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

  • footer.png


#17 Mr.Nito

Mr.Nito

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

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

Отправлено 19 Июль 2018 - 16:14

Просмотр сообщенияAst (18 Июль 2018 - 13:49) писал:

SL-381753
Здравствуйте
В подвале при добавлении нового пункта меню, он залезает на блок для кода с сами строчки меню становятся не кликабельны.
Как можно исправить? Спасибо
Здравствуйте.
В main.css
.menu_footer{padding:10px;height:60px;}

замените на
.menu_footer{padding:10px;}


#18 Ast

Ast

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

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

Отправлено 20 Июль 2018 - 10:48

Просмотр сообщенияMr.Nito (19 Июль 2018 - 16:14) писал:

Здравствуйте.
В main.css
.menu_footer{padding:10px;height:60px;}

замените на
.menu_footer{padding:10px;}

спасибо, теперь все ок




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

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