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


Прошу Помощи В Небольших Доработках На Главной Странице Сайта


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

#1 agkostin

agkostin

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

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

Отправлено 23 Ноябрь 2018 - 16:49

Добрый день!

Прошу помочь сделать мелкие доработки на главной странице сайта.

1) добавить иконку инстаграм и название профиля рядом с электронной почтой в шапке сайта. (прилагаю пример)

2) выделить название определенной категории (акции) в верхнем меню сайта цветом. (прилагаю пример)

Номер аккаунта: SL-97828

Спасибо!

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

  • Пример-min.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 24 Ноябрь 2018 - 07:53

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
				<ul class="top-navbar-links">
				  <li><a href="#"><span class="icon icon-location"></span>&nbsp;&nbsp;По всей России</a></li>
				  <li><a href="#"><span class="icon icon-mail"></span>&nbsp;&nbsp;{SETTINGS_STORE_EMAIL_MAIN}</a></li>
                
после него пропишите:
				  <li><a href="#"><span class="icon icon-instagram"></span>&nbsp;&nbsp;Текст</a></li>
                
Замените текст и вместо символа # укажите ссылку на страницу.


Далее найдите:
					<ul id="nav" class="clearfix navdisplay">
					{%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-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
						  <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}">
							<a href="{catalog_full.URL}" class="lvl-{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}selected{% ENDIF %}">{catalog_full.NAME}</a>
						  {% IF catalog_full.ISSET_SUB=0 %}</li>{%IF catalog_full.NAME = Avene%}<div class="showallBrands"><a href="//vitamina-shop.ru/catalog/%D0%9F%D1%80%D0%BE%D0%B8%D0%B7%D0%B2%D0%BE%D0%B4%D0%B8%D1%82%D0%B5%D0%BB%D0%B8">Показать все</a></div>{%ENDIF%}{% ENDIF %}
						 
						{% IF catalog_full.LAST %}{%FOR out%}
						</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}
						{% ENDIF %}
					  {%ENDFOR%}
					{%ENDIF%}
					</ul>
                  
замените на:
					<ul id="nav" class="clearfix navdisplay">
					{%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-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
						  <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}">
							<a href="{catalog_full.URL}" class="lvl-{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}selected{% ENDIF %}" {% IF catalog_full.NAME=Акции %}style="color: #88bf33;"{% ENDIF %}>{catalog_full.NAME}</a>
						  {% IF catalog_full.ISSET_SUB=0 %}</li>{%IF catalog_full.NAME = Avene%}<div class="showallBrands"><a href="//vitamina-shop.ru/catalog/%D0%9F%D1%80%D0%BE%D0%B8%D0%B7%D0%B2%D0%BE%D0%B4%D0%B8%D1%82%D0%B5%D0%BB%D0%B8">Показать все</a></div>{%ENDIF%}{% ENDIF %}
						 
						{% IF catalog_full.LAST %}{%FOR out%}
						</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}
						{% ENDIF %}
					  {%ENDFOR%}
					{%ENDIF%}
					</ul>


#3 agkostin

agkostin

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

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

Отправлено 24 Ноябрь 2018 - 11:12

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

Сделал все, как Вы написали, но ссылка на инстаграм почему-то не появляется.

#4 stasia

stasia

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

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

Отправлено 26 Ноябрь 2018 - 14:09

Просмотр сообщенияagkostin (24 Ноябрь 2018 - 11:12) писал:

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

Сделал все, как Вы написали, но ссылка на инстаграм почему-то не появляется.

Здравствуйте. Сейчас У вас появился инстаграм, только, можете заменить в коде @vitaminaru на Ваш текст:

<li><a href="https://www.instagram.com/vitaminaru/"><span class="icon icon-instagram"></span>&nbsp;&nbsp;[font=courier new,courier,monospace]@vitaminaru[/font]</a></li>


#5 agkostin

agkostin

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

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

Отправлено 26 Ноябрь 2018 - 14:17

Добрый день!

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

@vitaminaru это и есть текст, которые необходимо отобразить рядом с иконкой Инстаграм.

#6 stasia

stasia

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

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

Отправлено 27 Ноябрь 2018 - 10:30

Просмотр сообщенияagkostin (26 Ноябрь 2018 - 14:17) писал:

Добрый день!

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

@vitaminaru это и есть текст, которые необходимо отобразить рядом с иконкой Инстаграм.

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

#7 agkostin

agkostin

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

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

Отправлено 28 Ноябрь 2018 - 11:15

Здравствуйте. Иконку загрузил, название icon_instagram.png

#8 agkostin

agkostin

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

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

Отправлено 28 Ноябрь 2018 - 11:37

Также прошу помочь изменить страничку товара.

Хочется убрать поле каталог и вы смотрели и сделать страничку товара по всей ширине страницы, точно также как реализовано в шаблоне "Лазурь"

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

  • пример.jpg


#9 stasia

stasia

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

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

Отправлено 28 Ноябрь 2018 - 11:58

Просмотр сообщенияagkostin (28 Ноябрь 2018 - 11:15) писал:

Здравствуйте. Иконку загрузил, название icon_instagram.png


Здравствуйте. Зайдите в Редактор шаблонов---HTML и найдите данный код(строка 1343):

<p>Instagram:<a href="https://www.instagram.com/vitaminaru/">@vitaminaru</a></p>

Замените его на:

<p><img src="{ASSETS_IMAGES_PATH}icon_instagram.png?design=orange"><a href="https://www.instagram.com/vitaminaru/">@vitaminaru</a></p>


Зайдите в Редактор шаблонов --- main.css и найдите данный код:

/* Подвал */
#footer {background-color: #f3f3f3;}

И сразу после добавьте данный код:


#footer .col-lg-3.col-md-3.col-sm-6.col-xs-12.spotlight2 img {width: 20px;}


#10 agkostin

agkostin

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

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

Отправлено 28 Ноябрь 2018 - 12:03

Иконку и ссылку на инстаграм просил сделать в шапке сайта, прикрепляю пример.
В футоре меня все устраивает, иконка там не нужна.

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

  • Пример-min.jpg


#11 stasia

stasia

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

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

Отправлено 28 Ноябрь 2018 - 13:00

Просмотр сообщенияagkostin (28 Ноябрь 2018 - 12:03) писал:

Иконку и ссылку на инстаграм просил сделать в шапке сайта, прикрепляю пример.
В футоре меня все устраивает, иконка там не нужна.


Благодарю, что поправили меня, зайдите в Редактор шаблонов---HTML и найдите данный код(строка 99):

 <li><a href="https://www.instagram.com/vitaminaru/"><span class="icon icon-instagram"></span>&nbsp;&nbsp;@vitaminaru</a></li>
Замените его на:

<li><a href="https://www.instagram.com/vitaminaru/"><img src="{ASSETS_IMAGES_PATH}icon_instagram.png?design=orange">&nbsp;@vitaminaru</a></li>


Зайдите в Редактор шаблонов --- main.css и найдите данный код:  

.header-top .header-top-left .top-navbar-links li {float: left;height: 25px;background-repeat: no-repeat;line-height:25px;margin-top:12px;color:#2a6723;}

И сразу после добавьте данный код:

.header-top-left.col-lg-4.col-md-6.col-sm-6.col-xs-9 {
	padding-left: 0 !important;
}
ul.top-navbar-links li img {
	width: 18px;
}


#12 agkostin

agkostin

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

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

Отправлено 28 Ноябрь 2018 - 21:57

Все получилось. Большое спасибо!

#13 agkostin

agkostin

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

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

Отправлено 29 Ноябрь 2018 - 14:14

Также прошу помочь изменить страничку товара.

Хочется убрать поле каталог и вы смотрели и сделать страничку товара по всей ширине страницы, точно также как реализовано в шаблоне "Лазурь"

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

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

  • пример.jpg


#14 RayLi

RayLi

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

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

Отправлено 29 Ноябрь 2018 - 15:26

Просмотр сообщенияagkostin (29 Ноябрь 2018 - 14:14) писал:

Также прошу помочь изменить страничку товара.

Хочется убрать поле каталог и вы смотрели и сделать страничку товара по всей ширине страницы, точно также как реализовано в шаблоне "Лазурь"

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

Здравствуйте.
В данном случае, Вам необходимо в шаблоне html найти следующий блок кода:

			  <!-- Sidebar Боковое меню в каталоге -->
			  {% IFNOT index_page %}{% IFNOT MOD_LNAME = cart %}{% IFNOT MOD_LNAME = feedback %}{% IFNOT MOD_LNAME = callback %}{% IFNOT MOD_LNAME = order %}
				<div id="main_left" class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
				  {% IF MOD_LNAME = user && CLIENT_IS_LOGIN %}

И заменит его этим вот кодом:

			  <!-- Sidebar Боковое меню в каталоге -->
			  {% IFNOT index_page %}{% IFNOT MOD_LNAME = goods %}{% IFNOT MOD_LNAME = cart %}{% IFNOT MOD_LNAME = feedback %}{% IFNOT MOD_LNAME = callback %}{% IFNOT MOD_LNAME = order %}
				<div id="main_left" class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
				  {% IF MOD_LNAME = user && CLIENT_IS_LOGIN %}


Далее, в шаблоне Товар найдите данный блок кода:

<div id="main_right" class="col-lg-9 col-md-9 col-sm-12 col-xs-12">					
  <div class="yt-product-detail">
	<div class="yt-product-detail-inner">
	<div class="scrollInProd"></div>

И замените его вот этим кодом:

<div id="main_right" class="col-lg-12 col-md-9 col-sm-12 col-xs-12">					
  <div class="yt-product-detail">
	<div class="yt-product-detail-inner">
	<div class="scrollInProd"></div>


#15 agkostin

agkostin

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

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

Отправлено 30 Ноябрь 2018 - 13:32

Спасибо!

#16 agkostin

agkostin

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

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

Отправлено 30 Ноябрь 2018 - 13:51

Спасибо!




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

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