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


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


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

#1 sedoy-75

sedoy-75

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

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

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

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

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

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


#2 M1STERE0

M1STERE0

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

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

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

Просмотр сообщенияsedoy-75 (19 June 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 July 2020 - 17:42

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

#4 Vaccina

Vaccina

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

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

Отправлено 03 July 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 July 2020 - 17:02

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

#6 Vaccina

Vaccina

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

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

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

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

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

#7 sedoy-75

sedoy-75

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

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

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

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

#8 sedoy-75

sedoy-75

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

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

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

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

#9 Vaccina

Vaccina

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

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

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

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

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

#10 sedoy-75

sedoy-75

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

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

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

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

#11 sedoy-75

sedoy-75

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

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

Отправлено 17 July 2020 - 17:29

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

#12 MikDark

MikDark

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

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

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

Просмотр сообщенияsedoy-75 (17 July 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 July 2020 - 17:43

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

#14 sedoy-75

sedoy-75

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

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

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

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

#15 sedoy-75

sedoy-75

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

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

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

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

#16 sedoy-75

sedoy-75

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

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

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

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

#17 Firefly

Firefly

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

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

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

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

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

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

#18 sedoy-75

sedoy-75

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

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

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

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

#19 sedoy-75

sedoy-75

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

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

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

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

#20 stasia

stasia

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

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

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

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

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

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




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

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