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


Редактирование Шаблона, Общего Шрифта Сайта, Положение Меню

шрифты меню красота

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

#1 C_atharsi_S

C_atharsi_S

    Новичок

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

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

Здравствуйте! Пожалуйста, помогите реализовать, сам 50 раз закосячил шаблон. Буду очень благодарен модераторам!

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

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

  • Screenshot1.png
  • ПРИМЕР 1.png


#2 MikDark

MikDark

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

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

Отправлено 28 Декабрь 2017 - 16:22

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

Здравствуйте! Пожалуйста, помогите реализовать, сам 50 раз закосячил шаблон. Буду очень благодарен модераторам!

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

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

1) В шаблоне HTML Вам нужно вырезать код:


<form id="search_mini_form2" action="{SEARCH_URL}" method="get">
				<div class="form-search">
				  <input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину...">
				  <button type="submit" title="Искать" class="button search-submit"></button>
				</div>
			  </form> 

и поставить его после:

<a title="{SETTINGS_STORE_NAME}" href="{INDEX_PAGE_URL}">			   
				  <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange">								  
				</a>

2) В разделе Сайт - Главная страница Вам нужно поставить каталог в качестве главной
3) В шаблоне Товары замените код:


<div class="{% IF index_page %}category-img-index{% ELSE %}category-img{% ENDIF %}">
			  <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="category-image goods-cat-image-medium">
				<img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=orange{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
			  </a>
			</div>
			<div class="category-description">
			  <div class="vertical">
				<h3 class="category-name">
				  <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
				</h3>
			  </div>
			</div>


на

<div class="{% IF index_page %}category-img-index{% ELSE %}category-img{% ENDIF %}">
			  <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="category-image goods-cat-image-medium">
				<img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=orange{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
			  </a>
<div class="category-description">
			  <div class="vertical">
				<h3 class="category-name">
				  <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
				</h3>
			  </div>
			</div>
			</div>			

После этого напишите нам, мы подправим визуальное отображение

#3 C_atharsi_S

C_atharsi_S

    Новичок

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

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

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

2) Не могу разобраться, как назначить каталог главной страницей, и не могу понять, для чего это. Когда я делаю каталог главной, он мне просто открывает страницу в качестве каталога. Мне нужен прежний вид главной страницы, но каталог не вверху, а внизу (на главной стр), а также чтобы он был с картинками, вот как на этом сайте: http://диана-меб.рф/

3) Этот пункт мне не нужен уже, как я понял, таак как подразделы в каталоге итак выглядят в качестве картинок с подписями.

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

  • код1.png
  • код2.png


#4 C_atharsi_S

C_atharsi_S

    Новичок

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

Отправлено 29 Декабрь 2017 - 14:35

Просмотр сообщенияMikDark (28 Декабрь 2017 - 16:22) писал:

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

1) В шаблоне HTML Вам нужно вырезать код:


<form id="search_mini_form2" action="{SEARCH_URL}" method="get">
<div class="form-search">
<input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину...">
<button type="submit" title="Искать" class="button search-submit"></button>
</div>
</form>

и поставить его после:

<a title="{SETTINGS_STORE_NAME}" href="{INDEX_PAGE_URL}">			
				 <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange">								
			 </a>

2) В разделе Сайт - Главная страница Вам нужно поставить каталог в качестве главной
3) В шаблоне Товары замените код:


<div class="{% IF index_page %}category-img-index{% ELSE %}category-img{% ENDIF %}">
<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="category-image goods-cat-image-medium">
<img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=orange{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
</a>
</div>
<div class="category-description">
<div class="vertical">
<h3 class="category-name">
<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
</h3>
</div>
</div>


на

<div class="{% IF index_page %}category-img-index{% ELSE %}category-img{% ENDIF %}">
			 <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="category-image goods-cat-image-medium">
			 <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=orange{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
			 </a>
<div class="category-description">
			 <div class="vertical">
			 <h3 class="category-name">
				 <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
			 </h3>
			 </div>
		 </div>
		 </div>

После этого напишите нам, мы подправим визуальное отображение

Ответил ниже, есть неясности в коде

#5 Ирина345

Ирина345

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

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

Отправлено 29 Декабрь 2017 - 14:58

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

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

2) Не могу разобраться, как назначить каталог главной страницей, и не могу понять, для чего это. Когда я делаю каталог главной, он мне просто открывает страницу в качестве каталога. Мне нужен прежний вид главной страницы, но каталог не вверху, а внизу (на главной стр), а также чтобы он был с картинками, вот как на этом сайте: http://диана-меб.рф/

3) Этот пункт мне не нужен уже, как я понял, таак как подразделы в каталоге итак выглядят в качестве картинок с подписями.
Здравствуйте,
1 Найдите в шаблоне hTML код
   <div class="navbar-collapse collapse">
					<ul class="top-navbar-links">
					  {% FOR menu %}
						{% FOR header %}
						  {% FOR links %}
							<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
						  {% ENDFOR %}
						{% ENDFOR %}
					  {% ENDFOR %}
					</ul>
				  </div>

и удалите, далее найдите код
			<!-- Адаптивный каталог с подкатегориями -->
				<div id="resmenu_sidebar">
				  <ul class="nav-menu clearfix">
					{% FOR catalog_full %}
					  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_VISIBLE_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}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub"></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 %}
				  </ul>
				</div>
				<!-- /END Адаптивный каталог с подкатегориями -->
			  </div>
после вставьте
<div class="yt-main-menu col-lg-12 col-md-12 col-xs-12">
				<div class="navbar-collapse collapse">
					<ul class="top-navbar-links">
					  {% FOR menu %}
						{% FOR header %}
						  {% FOR links %}
							<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
						  {% ENDFOR %}
						{% ENDFOR %}
					  {% ENDFOR %}
					</ul>
				  </div>
			  </div>

в файле main.css найдите
/**********************************************************/
/* Шапка */
/**********************************************************/
/* Верхняя часть шапки */
после вставьте
.yt-main-menu .top-navbar .btn-top-navbar {display: none;}
.yt-main-menu .top-navbar {min-height: 50px;padding-bottom: 0;overflow: visible;float:left;}
.yt-main-menu .top-navbar-links {float:left;list-style:none;overflow: hidden;height: 50px;}
.yt-main-menu .top-navbar-links li {float: left;border-left: 1px solid #fff;height: 50px;background-repeat: no-repeat;}
.yt-main-menu .top-navbar-links li a {padding: 18px 18px 12px 18px;display: block;font-size:115%;}
.yt-main-menu .top-navbar-links li:hover {background-color: #f79242;}
.yt-main-menu .top-navbar-links li:hover a {color: #fff;text-decoration: none;}
.yt-main-menu .navbar-collapse.collapse.in .top-navbar-links li {float:none;}
.yt-main-menu .collapse.in {list-style: none;font-size: 13px;background-color: white;border: 1px solid #cccccc;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 0px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);background-clip: padding-box;margin-left:1px;width:310px;}
.yt-main-menu .collapse.in .top-navbar-links {float: none !important;overflow:visible;height:100%;}
.yt-main-menu .collapse.in .top-navbar-links li {display: block;padding: 0px 15px;border-bottom: 1px solid #ebebeb;float: none !important;line-height: 24px;height:100%;}
.yt-main-menu .collapse.in .top-navbar-links li:hover {background: #f3f3f3;color: #8cc152;}
.yt-main-menu .collapse.in .top-navbar-links li a {margin: 0px;line-height: 35px;padding: 5px;font-size: 11px;text-transform: uppercase;color: #9b9b9b;}
.yt-main-menu .collapse.in .top-navbar-links li a:hover {color: #f79242;}
.yt-main-menu .navbar-collapse {position: relative;}

2 Что бы отобразить каталог на главной странице, необходимо в разделе Сайт-Главная страница из выпадающего списка выбрать пункт "Каталог товаров".

#6 C_atharsi_S

C_atharsi_S

    Новичок

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

Отправлено 29 Декабрь 2017 - 18:59

Спасибо, почти получилось, но немного не так:

1, Серый фон вверху страницу нужно было перенести вместе с меню. Также меню нужно сделать по центру, увелечить шрифт пунктов меню и поменять стиль шрифта.

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

3. Кнопку корзины и кнопку поиска перенести вниз, на место указанное на скриншоте. Шрифт надписи увеличить и поменять стилистику.

4. Меню из шапки удалить полностью, оставить только то меню, которое на главной. Вместо него нужно будет в дальнейшем добавить текст, номер телефона, и т.п(еще не придумал что написать)

Большое спасибо за помощь!

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

  • правки.png


#7 C_atharsi_S

C_atharsi_S

    Новичок

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

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

Можете помочь?

#8 Mr.Nito

Mr.Nito

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

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

Отправлено 31 Декабрь 2017 - 14:20

Просмотр сообщенияC_atharsi_S (29 Декабрь 2017 - 18:59) писал:

Спасибо, почти получилось, но немного не так:

1, Серый фон вверху страницу нужно было перенести вместе с меню. Также меню нужно сделать по центру, увелечить шрифт пунктов меню и поменять стиль шрифта.

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

3. Кнопку корзины и кнопку поиска перенести вниз, на место указанное на скриншоте. Шрифт надписи увеличить и поменять стилистику.

4. Меню из шапки удалить полностью, оставить только то меню, которое на главной. Вместо него нужно будет в дальнейшем добавить текст, номер телефона, и т.п(еще не придумал что написать)

Большое спасибо за помощь!
Здравствуйте.
Изменения по пунктам произвёл, создал бекап после изменений от 31.12.2017 14:18:08

#9 C_atharsi_S

C_atharsi_S

    Новичок

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

Отправлено 02 Январь 2018 - 19:56

Большое спасибо! А как сделать меню по центру? Я как-то делал, но теперь не могу найти, и после того как я делал в мобильной версии был хаос!
Кстати, в мобильной версии перестала работать кнопка "МЕНЮ", как исправить?
А ещё нужно вставить текст туда, откуда убрали каталог (пустое место в шапке).

#10 Радим

Радим

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

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

Отправлено 05 Январь 2018 - 20:46

Здравствуйте мне нужна помощь. Мне надо чтоб панель для переходов была в другом месте, слева от экрана от слайдера и слайдер удалить, а чтоб на месте слайдера были товары, как на картинке  Изображение   и чтоб под самой карточкой товара были тоже товары той-же категории  например карточка товара кинетического песка а снизу картинка которая предлагает купить товар   машинка на пульте управления.Спасибо

#11 C_atharsi_S

C_atharsi_S

    Новичок

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

Отправлено 08 Январь 2018 - 15:13

Большое спасибо, можете ещё помочь?
Выше написал что нужно сделать

#12 Радим

Радим

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

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

Отправлено 08 Январь 2018 - 17:39

Здравствуйте мне нужна помощь. Мне надо чтоб панель для переходов была в другом месте, слева от экрана от слайдера и слайдер удалить, а чтоб на месте слайдера были товары, как на картинке  Изображение   и чтоб под самой карточкой товара были тоже товары той-же категории  например карточка товара кинетического песка а снизу картинка которая предлагает купить товар   машинка на пульте управления.Спасибо

#13 C_atharsi_S

C_atharsi_S

    Новичок

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

Отправлено 11 Январь 2018 - 03:07

Кто-то отвечает тут?

#14 Stasya

Stasya

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

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

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

Просмотр сообщенияРадим (08 Январь 2018 - 17:39) писал:

Здравствуйте мне нужна помощь. Мне надо чтоб панель для переходов была в другом месте, слева от экрана от слайдера и слайдер удалить, а чтоб на месте слайдера были товары, как на картинке  Изображение   и чтоб под самой карточкой товара были тоже товары той-же категории  например карточка товара кинетического песка а снизу картинка которая предлагает купить товар   машинка на пульте управления.Спасибо
Здравствуйте. Ответила Вам в другой теме форума. Просим Вас не дублировать свои сообщения. В противном случае мы будем вынуждены сделать Вам предупреждение.

Просмотр сообщенияC_atharsi_S (11 Январь 2018 - 03:07) писал:

Кто-то отвечает тут?
Здравствуйте. Какой вопрос у Вас возник?




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

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