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


Изменение Вида Отображения Меню


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

#1 sedoy-75

sedoy-75

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

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

Отправлено 19 Июнь 2020 - 20:11

День добрый.
1. Не могу изменить вид отображения пунктов меню. Вместо пунктов указанных во вкладке настройки верхнего меню, отображаются пункты каталога. Надо чтобы отображались только пункты, указанные в настройках раздела "меню"
2. Надо убрать все кнопки и надписи на изображениях верхнего слайдера, уменьшить его высоту в 2 раза и сделать так, чтобы можно было менять количество изображений в слайдере, а нижний слайдер убрать полностью.
3. Надо увеличить размер логотипа в шапке в 3 раза.
4. Полностью убрать со страницы 3 баннера ("обмен и возврат", "бесплатная доставка", и "горячая линия") под нижним слайдером или, еще лучше дать возможность их редактировать по типу настройки категорий товаров (т.е. простым и понятным способом)?
6. Можно ли сделать возможность настраивать слайдеры не через редактор шаблонов?
7. Можно ли сделать возможность редактировать фон сайта, также не через редактор шаблонов?
8. Изменить сетку отображения категорий и подкатегорий товаров ни в 3 столбца а в 4 (соответственно уменьшив размер изображения категории и подкатегории.

Заранее, огромное спасибо!!!

Сообщение отредактировал sedoy-75: 20 Июнь 2020 - 05:32


#2 M1STERE0

M1STERE0

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

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

Отправлено 30 Июнь 2020 - 10:54

Просмотр сообщенияsedoy-75 (19 Июнь 2020 - 20:11) писал:

День добрый.
1. Не могу изменить вид отображения пунктов меню. Вместо пунктов указанных во вкладке настройки верхнего меню, отображаются пункты каталога. Надо чтобы отображались только пункты, указанные в настройках раздела "меню"
2. Надо убрать все кнопки и надписи на изображениях верхнего слайдера, уменьшить его высоту в 2 раза и сделать так, чтобы можно было менять количество изображений в слайдере, а нижний слайдер убрать полностью.
3. Надо увеличить размер логотипа в шапке в 3 раза.
4. Полностью убрать со страницы 3 баннера ("обмен и возврат", "бесплатная доставка", и "горячая линия") под нижним слайдером или, еще лучше дать возможность их редактировать по типу настройки категорий товаров (т.е. простым и понятным способом)?
6. Можно ли сделать возможность настраивать слайдеры не через редактор шаблонов?
7. Можно ли сделать возможность редактировать фон сайта, также не через редактор шаблонов?
8. Изменить сетку отображения категорий и подкатегорий товаров ни в 3 столбца а в 4 (соответственно уменьшив размер изображения категории и подкатегории.

Заранее, огромное спасибо!!!

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

1. Откройте раздел Сайт > Редактор шаблонов > шаблон HTML > найдите этот код
{% 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{% ENDIF %}">{% ENDIF %}{% ENDIF %}
					<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_VISIBLE_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT%}active{% ENDIF %}" data-id="{catalog_full.ID}">
					  <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url">{% IF catalog_full.ISSET_VISIBLE_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}<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 %}

и замените его на
{% FOR menu %}
					{% FOR header %}
					  {% FOR links %}
						<li class="header-sectionsItem  {% IF menu.header.links.SELECTED %}active{%ENDIF%}"><a class="header-sectionsLink" href="{menu.header.links.URL}"  {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url"><span>{menu.header.links.NAME}</span></a></li>
					  {% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}

2. Далее откройте шаблон HTML > найдите эти блоки и удалите их
<div class="content">
			  <div class="text-content">
				<div class="divider" data-animation-in="fadeInLeft" data-animation-out="animate-out fadeOutLeft"></div>
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<h2 data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutRight"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a></h2>{% ENDIF %}
				{% IF SETTINGS_STORE_WORK_TIME %}<p data-animation-in="fadeInLeft" data-animation-out="animate-out fadeOutLeft">Режим работы: {SETTINGS_STORE_WORK_TIME}</p>{% ENDIF %}
				<a href="{CATALOG_URL}" class="button button3" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">Все товары</a>
			  </div>
			</div>				 
   <div class="content">
			  <div class="text-content">
				<div class="divider" data-animation-in="fadeInLeft" data-animation-out="animate-out fadeOutLeft"></div>
				<h2 data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutRight">Высокое качество</h2>
				<p data-animation-in="fadeInLeft" data-animation-out="animate-out fadeOutLeft">Товары по честным ценам</p>
				<a href="{CATALOG_URL}" class="button button3" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">Все товары</a>
			  </div>
			</div>
			<div class="content">
			  <div class="text-content">
				<div class="divider" data-animation-in="fadeInLeft" data-animation-out="animate-out fadeOutLeft"></div>
				<h2 data-animation-in="fadeInRight" data-animation-out="animate-out fadeOutRight">Уникальные шины</h2>
				<p data-animation-in="fadeInLeft" data-animation-out="animate-out fadeOutLeft">Стильные и производительные</p>
				<a href="{CATALOG_URL}" class="button button3" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">Все товары</a>
			  </div>
			</div>

Далее для добавления слайдеров добавьте найдите этот код
<div class="item" style="background-image:url({ASSETS_IMAGES_PATH}slide3.jpg?design=motor);">
			<div class="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=motor" /></div>
		  </div>

и сразу после него вставьте этот код
<div class="item" style="background-image:url({ASSETS_IMAGES_PATH}slide4.jpg?design=motor);">
<div class="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=motor" /></div>
</div>
<div class="item" style="background-image:url({ASSETS_IMAGES_PATH}slide5.jpg?design=motor);">
<div class="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=motor" /></div>
</div>
<div class="item" style="background-image:url({ASSETS_IMAGES_PATH}slide6.jpg?design=motor);">
<div class="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=motor" /></div>
</div>

Для уменьшения высоту слайдера откройте шаблон main.css > найдите этот код
#slideshow .slider .item {min-height: 740px;}

и замените значение 740 на 578

Для добавления изображения в раздел Редактор шаблонов добавьте картинки с названием slide4.jpg, slide5.jpg, slide6.jpg

Для удаления нижнего слайдера в шаблоне HTML найдите и удалите этот код
<!-- Промо блок с паралакс эффектом -->
	<div id="promo">
	  <div class="content">
		<div class="divider"></div>
		<div class="title"><p>Найти Шины<br>&amp; Диски</p></div>
		<div class="subtitle"><p>Для всех транспортных средств</p></div>
		<div class="buttons"><a href="#" class="button button3">все товары</a></div>
	  </div>
	</div>
	<!-- /END Промо блок с паралакс эффектом -->


3.Для изменения логотипа перейдите в шаблон main.css > найдите этот код
#header .header-middle .logo img {max-width: 250px;max-height: 30px;}

и замените параметры на Ваши (например параметр 30 можно поднять до 80)

4.Баннеры меняются в шаблоне HTML. Достаточно найти этот код
<!-- Баннеры -->
	<div id="banners">
	  <div class="container">
		<div class="row">
		  <div class="col-sm-4 col-xs-12">
			<div class="item">
			  <div class="item-inner">
				<i class="material-icons">phone</i>
				<div class="title">
				  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a>{% ENDIF %}
				</div>
				<div class="desc">Круглосуточная бесплатная горячая линия (24/7)</div> 
			  </div>
			</div>
		  </div>
		  <div class="col-sm-4 col-xs-12">
			<div class="item">
			  <div class="item-inner">
				<i class="material-icons">local_shipping</i>
				<div class="title">
				  <a href="#">Бесплатная доставка</a>
				</div>
				<div class="desc">Мы гарантируем Вам быструю и бесплатную доставку всех товаров.</div> 
			  </div>
			</div>
		  </div>
		  <div class="col-sm-4 col-xs-12">
			<div class="item">
			  <div class="item-inner">
				<i class="material-icons">replay</i>
				<div class="title">
				  <a href="#">Возврат & Обмен</a>
				</div>
				<div class="desc">Вы можете офорить возврат или обмен товара в течении 14 дней.</div> 
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	</div>
	<!-- /END Баннеры -->
и заменить текст на Ваш

6 и 7 вопросы: Такой возможности на данный момент нет

8. Для решения этого вопроса Вам нуужно создать подкатегорию, после чего написать в этот диалог

#3 sedoy-75

sedoy-75

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

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

Отправлено 02 Июль 2020 - 17:42

День добрый. Все получилось, кроме пары моментов.
2. Изменения никак не меняют фото в слайдере, а просто их подрезают по верхнему краю. Можно сделать так, чтобы фото не растягивались на ширину экрана, а оставались как есть в оригинале и шли друг за другом без разрыва? А размер самих фото я сам подгоню под один.
1. Если зайти на страницу каталога товаров, то ссылки "Главная" на черном фоне и ссылка "главная" на белом фоне отсылают на разные страницы, а надо чтобы обе на ту что на белом фоне.
8. Если Вы имели ввиду создать подкатегории товаров, то я  их создал.
Спасибо.

#4 Vaccina

Vaccina

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

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

Отправлено 03 Июль 2020 - 01:13

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

1. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
	  <div id="breadcrumbs">
		<div class="container">
		  <ul itemscope itemtype="https://schema.org/BreadcrumbList">
			  <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="home"><a itemprop="item" href="{INDEX_PAGE_URL}" title="Перейти на главную"><span itemprop="name">Главная</span></a></li>

замените на:
	  <div id="breadcrumbs">
		<div class="container">
		  <ul itemscope itemtype="https://schema.org/BreadcrumbList">
			  <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="home"><a itemprop="item" href="{INDEX_PAGE_URL}page/%D0%94%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0" title="Перейти на главную"><span itemprop="name">Главная</span></a></li>

2. Дело в том, что слайды установлены как фон и им установлен размер background-size: cover; Если его убрать, то по высоте фон станет нормальным, но появятся отступы по бокам, поэтому вам необходимо в графическом редакторе уменьшить высоту слайда.

8. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
/* Категории */
.categories .item {-webkit-flex-basis: 33.33%;-ms-flex-preferred-size: 33.33%;flex-basis: 33.33%;max-width: 33.33%;}

замените на:
/* Категории */
.categories .item {-webkit-flex-basis: 25%;-ms-flex-preferred-size: 25%;flex-basis: 25%;max-width: 25%;}


#5 sedoy-75

sedoy-75

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

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

Отправлено 03 Июль 2020 - 17:02

День добрый. Теперь ссылки "главная" отправляют обе на страницу "доставка". Со слайдами еще не пробывал.
Спасибо

#6 Vaccina

Vaccina

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

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

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

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

1. Перепутала, в этом случае отмените эти действия и в разделе Сайт - Меню измените ссылку для пункта меню "Главная"

#7 sedoy-75

sedoy-75

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

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

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

День добрый. Не получается изменить ссылку главной страницы. При нажатии кнопки редактирования ссылка пропадает и появляются кнопки сохранить и отменить.

#8 sedoy-75

sedoy-75

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

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

Отправлено 10 Июль 2020 - 18:45

День добрый. Не получается изменить ссылку главной страницы. При нажатии кнопки редактирования ссылка пропадает и появляются кнопки сохранить и отменить.

#9 Vaccina

Vaccina

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

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

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

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

Удалите данный пункт меню и создайте новый, в появившемся поле "Куда ссылается" выберите или конкретную страницу или "произвольный адрес" с указание URL.

#10 sedoy-75

sedoy-75

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

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

Отправлено 11 Июль 2020 - 18:44

Спасибо, получилось но почти...
ссылка "главная" на черном фоне работает правильно,  а ссылка "главная" на белом фоне с любой другой страницы кроме главной по прежнему ссылается на страницу "доставка", надо это исправить либо вообще удалить со страниц это меню.
вопрос: как сделать чтобы при наведении мышки на пункт тех.документация появлялось всплывающее меню, и как его создать?
В разделе сайт-меню-тех.документация я добавил пункты подменю но они не отображаются на сайте.
И  как я понимаю эти пункты меню будут как отдельные страницы и их надо будет заполнить текстом. Где и как это сделать?

#11 sedoy-75

sedoy-75

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

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

Отправлено 17 Июль 2020 - 17:29

Спасибо, получилось но почти...
ссылка "главная" на черном фоне работает правильно,  а ссылка "главная" на белом фоне с любой другой страницы кроме главной по прежнему ссылается на страницу "доставка", надо это исправить либо вообще удалить со страниц это меню.
вопрос: как сделать чтобы при наведении мышки на пункт тех.документация появлялось всплывающее меню, и как его создать?
В разделе сайт-меню-тех.документация я добавил пункты подменю но они не отображаются на сайте.
И  как я понимаю эти пункты меню будут как отдельные страницы и их надо будет заполнить текстом. Где и как это сделать?

#12 MikDark

MikDark

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

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

Отправлено 18 Июль 2020 - 14:35

Просмотр сообщенияsedoy-75 (17 Июль 2020 - 17:29) писал:

Спасибо, получилось но почти...
ссылка "главная" на черном фоне работает правильно,  а ссылка "главная" на белом фоне с любой другой страницы кроме главной по прежнему ссылается на страницу "доставка", надо это исправить либо вообще удалить со страниц это меню.
вопрос: как сделать чтобы при наведении мышки на пункт тех.документация появлялось всплывающее меню, и как его создать?
В разделе сайт-меню-тех.документация я добавил пункты подменю но они не отображаются на сайте.
И  как я понимаю эти пункты меню будут как отдельные страницы и их надо будет заполнить текстом. Где и как это сделать?

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

			  {% FOR menu %}
										{% FOR header %}
										  {% FOR links %}
												<li class="header-sectionsItem  {% IF menu.header.links.SELECTED %}active{%ENDIF%}"><a class="header-sectionsLink" href="{menu.header.links.URL}"  {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url"><span>{menu.header.links.NAME}</span></a></li>
										  {% ENDFOR %}
										{% ENDFOR %}
								  {% ENDFOR %}

на
<li class="header-sectionsItem "><a class="header-sectionsLink" href="Ссылка"  itemprop="url"><span>Название</span></a></li>

И таких строчек нужно столько же, сколько у Вас пунктов в главном меню, т.е. 7 строк: Главная, Каталог, Тех. документация, Контакты, Корзина, Доставка и Войти в ЛК.

В каждой строке укажите Ссылку, куда ведет данный пункт и Название самого пункта. Т.е. нужно прописать их вручную сначала. Дальше напишите нам, мы сделаем подменю

#13 sedoy-75

sedoy-75

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

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

Отправлено 18 Июль 2020 - 17:43

День добрый. Сделал. Теперь надо сделать всплывающее меню пункта "тех.документация"

#14 sedoy-75

sedoy-75

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

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

Отправлено 20 Июль 2020 - 17:34

День добрый. Сделал. Теперь надо сделать всплывающее меню пункта "тех.документация"

#15 sedoy-75

sedoy-75

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

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

Отправлено 21 Июль 2020 - 16:39

День добрый. Сделал. Теперь надо сделать всплывающее меню пункта "тех.документация", эти подпункты должны отсылать на отдельные страницы, а сам пункт меню "тех.документация" должен остаться просто как название меню.

#16 sedoy-75

sedoy-75

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

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

Отправлено 22 Июль 2020 - 17:02

-и как убрать карту со страницы "связь с администрацией"?
- сделать так чтобы описание категории было перед изображениями подкатегорий.?

#17 Firefly

Firefly

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

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

Отправлено 24 Июль 2020 - 09:45

Просмотр сообщенияsedoy-75 (22 Июль 2020 - 17:02) писал:

-и как убрать карту со страницы "связь с администрацией"?
- сделать так чтобы описание категории было перед изображениями подкатегорий.?

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

#18 sedoy-75

sedoy-75

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

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

Отправлено 27 Июль 2020 - 16:48

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

#19 sedoy-75

sedoy-75

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

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

Отправлено 27 Июль 2020 - 18:07

День добрый. как на страницу вставить окно с видео роликом с youtubе? если есть только ссылка на видео

#20 stasia

stasia

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

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

Отправлено 28 Июль 2020 - 13:08

Просмотр сообщенияsedoy-75 (27 Июль 2020 - 18:07) писал:

День добрый. как на страницу вставить окно с видео роликом с youtubе? если есть только ссылка на видео

Здравствуйте.Воспользуйтесь следующей инструкцией.




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

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