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


Подвал, Слайдер, Меню, Хамелеон

Подвал слайдер меню хамелеон

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

#1 Barmalei

Barmalei

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

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

Отправлено 05 Декабрь 2017 - 00:37

Добрый день! Помогите, пожалуйста. http://serg1110.storeland.ru/

1) Как полностью убрать имеющийся слайдер с сайта и заменить его Nyvo-слайдером?

2) Как ориентировать тело страниц на середину экрана? Рисунок 1. При этом, ширину контента не меняем, а на главной странице всё оставляем без изменений.

3) Добавил страницу обратного звонка http://serg1110.storeland.ru/callback , но не смог разобраться, как добавить там навигацию после надписи "Главная". Рисунок 2. Так же, подскажите, пожалуйста, как контент данной страницы ориентировать не по центру а в правую сторону?

4) Как в мобильной версии убрать пункт меню "Каталог"? Рисунок 3.


Ответьте, пожалуйста. Спасибо.

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

  • Рисунок1.jpg
  • Рисунок2.jpg
  • Рисунок3.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 07 Декабрь 2017 - 05:54

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

1. Уточните пожалуйста, по какой причине вы хотите сменить слайдер? Может его достаточно будет изменить.

2.Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.container .cols{float:left;margin:0 0 0 0;padding:0 0em;color:black;text-align:center;}

после него пропишите:
.container .cols.col-9{float: none; margin: 0 auto;}

3. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<a href="{INDEX_PAGE_URL}" title="Перейти на главную">Главная</a>  &raquo;
			  {% IF MOD_LNAME=cart %}
				{% IF cart_items_empty %}Корзина покупок пуста{% ELSE %}Корзина{% ENDIF %}
			  {% ELSEIF MOD_LNAME=user && ACT=login %}

замените на:
<a href="{INDEX_PAGE_URL}" title="Перейти на главную">Главная</a>  &raquo;
			  {% IF MOD_LNAME=cart %}
				{% IF cart_items_empty %}Корзина покупок пуста{% ELSE %}Корзина{% ENDIF %}
	{% ELSEIF MOD_LNAME=callback %}
	<strong>Заказ обратного звонка</strong>
			  {% ELSEIF MOD_LNAME=user && ACT=login %}

4. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div>
			  <div class="menuopen ftheme-color">Главное меню</div>
			  <div>
				<ul class="menuLowRes" style="display:none;">
				 <li><a class="menuparent" href="{CATALOG_URL}">Каталог</a></li>
				 {% FOR menu %}
				   {% FOR header %}
					 {% FOR links %}

замените на:
<div>
			  <div class="menuopen ftheme-color">Главное меню</div>
			  <div>
				<ul class="menuLowRes" style="display:none;">
				 {% FOR menu %}
				   {% FOR header %}
					 {% FOR links %}


#3 Barmalei

Barmalei

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

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

Отправлено 11 Декабрь 2017 - 21:39

Просмотр сообщенияVaccina (07 Декабрь 2017 - 05:54) писал:

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

1. Уточните пожалуйста, по какой причине вы хотите сменить слайдер? Может его достаточно будет изменить.

2.Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.container .cols{float:left;margin:0 0 0 0;padding:0 0em;color:black;text-align:center;}

1) Главная причина в том, что Ниво привычнее, конечно..)
А вообще вот причины:
- В ниво есть навигация в виде точек под слайдером
- В ниво есть разные варианты смены изображений
- Ниво показывает реальный размер загруженных изображений - а не растягивает их на весь экран..

   Это сложно, да, вырезать текущий слайдер?

2) Спасибо!
3) Спасибо! Ещё нужно текст и поля переместить в левую часть (Рисунок 2).
4) Спасибо!

Ещё вопросы:
5) Внизу страницы я наворотил что-то типо нижней панели навигации (рисунок 4). Как мне сделать шрифт поменьше и промежуток между пунктами поуже? Сейчас там стиль "h3". Было бы не плохо получить что-то между стилями "h3" и "h4". Это возможно?

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

  • Рисунок2.jpg
  • Рисунок4.jpg


#4 Danil

Danil

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

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

Отправлено 10 Январь 2018 - 14:44

Просмотр сообщенияBarmalei (11 Декабрь 2017 - 21:39) писал:

1) Главная причина в том, что Ниво привычнее, конечно..)
А вообще вот причины:
- В ниво есть навигация в виде точек под слайдером
- В ниво есть разные варианты смены изображений
- Ниво показывает реальный размер загруженных изображений - а не растягивает их на весь экран..

   Это сложно, да, вырезать текущий слайдер?

2) Спасибо!
3) Спасибо! Ещё нужно текст и поля переместить в левую часть (Рисунок 2).
4) Спасибо!

Ещё вопросы:
5) Внизу страницы я наворотил что-то типо нижней панели навигации (рисунок 4). Как мне сделать шрифт поменьше и промежуток между пунктами поуже? Сейчас там стиль "h3". Было бы не плохо получить что-то между стилями "h3" и "h4". Это возможно?
Здравствуйте.
Извините за длительное ожидание ответа.
1) Практически все современные слайдеры(включая тот, что сейчас у Вас установлен), поддерживают точки навигации и разные анимации, но в отличии от nyvo слайдера, они лучше оптимизированы и имеют адаптивность для мобильных устройств. Растягивание слайдов можно убрать.
3) В конец main.css добавьте код
.Feedbackcontent {text-align: left;margin: 1px 20px 10px 20px;padding: 10px;}
5) В шаблоне html найдите код
		 <a href="http://serg1110.storeland.ru/callback"><h3 class="footheader ftheme-color">- Заказать обратный звонок -</h3></a> </br>
		 <a href="http://serg1110.storeland.ru/page/Delivery"><h3 class="footheader ftheme-color">- Доставка и оплата -</h3></a> </br>
		 <a href="http://serg1110.storeland.ru/page/Chastye-voprosy"><h3 class="footheader ftheme-color">- Частые вопросы -</h3></a> </br>
		 <a href="http://serg1110.storeland.ru/feedback"><h3 class="footheader ftheme-color">- Наши контакты -</h3></a> </br>
		 <a href="http://serg1110.storeland.ru/"> <h3 class="footheader ftheme-color">- Вернуться на главную! -</h3></a>
и замените на
		 <a href="http://serg1110.storeland.ru/callback"><h3 class="footheader ftheme-color">- Заказать обратный звонок -</h3></a>
		 <a href="http://serg1110.storeland.ru/page/Delivery"><h3 class="footheader ftheme-color">- Доставка и оплата -</h3></a>
		 <a href="http://serg1110.storeland.ru/page/Chastye-voprosy"><h3 class="footheader ftheme-color">- Частые вопросы -</h3></a>
		 <a href="http://serg1110.storeland.ru/feedback"><h3 class="footheader ftheme-color">- Наши контакты -</h3></a>
		 <a href="http://serg1110.storeland.ru/"> <h3 class="footheader ftheme-color">- Вернуться на главную! -</h3></a>
В main.css найдите код
h3.footheader{text-align:center;margin-bottom:35px;width:100%;margin:0 auto;font-size: 25px;}
и замените на
h3.footheader{text-align:center;margin-bottom:35px;width:100%;font-size: 25px;display: block;}
изменяйте значение 35px(отступ между строчками) и значение 25(размер шрифта).




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

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