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


Изменение На Главной

Автор status321, 01 июля 2021 17:16

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

#1 status321

status321

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

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

Отправлено 01 Июль 2021 - 17:16

Добрый вечер.Помогите внести изменения,как на скрине.Аккаунт SL-529065
1.Переместить
2.Уменьшить расстояние
И еще закрепить верхнюю часть,чтобы при прокрутке она убиралась.Спасибо.

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

  • Безымянный.png

#2 RayLi

RayLi

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

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

Отправлено 01 Июль 2021 - 17:58

Здравствуйте.
Для этого в разделе бэк-офиса Вашего аккаунта: "Сайт" -> "Редактор шаблонов" , в шаблоне main.css , найдите, пожалуйста, данный блок код:

.header-main-content {
  width: 100%;
}
.header-main-content__top {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.header-main-content__bottom-wrap{
  display: flex;
  align-items: center;
  justify-content: flex-end;  
}

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

.header-main-content {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  align-content: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.header-main-content__top {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.header-main-content__bottom-wrap{
  display: flex;
  align-items: center;
  justify-content: center;
}


После чего, в том же разделе, в шаблоне HTML, найдите, пожалуйста, следующий блок код:

			  <div class="header-main-content__bottom _header-mobile" id="headerMobileContent">
				<div class="container">
				  <div class="header-main-content__bottom-wrap">
					<!-- Каталог -->
					<div class="header-catalog">
					  <a href="/catalog" class="header-catalogBtn">
						<span class="header-catalogIcon material-icons">drag_indicator</span>
						<span class="header-catalogName">Каталог</span>					
					  </a>				  
					  <ul class="header-catalogMenu">
							<li class="header-catalogMenuTitle">
							  <a href="/catalog">Каталог</a>
							  <button class="header-closeBtn"><i class="material-icons">close</i></button>
							</li>
							{% IFNOT catalog_full_empty %}
							  {% FOR catalog_full %}
								{% IF catalog_full.FIRST %}
								  {% IFNOT catalog_full.LEVEL = 0 %}
								  <ul class="sub{% IF catalog_full.LEVEL = 1 %} header-subcatalog{% ENDIF %}{% IF catalog_full.LEVEL = 2 %} header-subcatalog-third{% ENDIF %}{% IF catalog_full.LEVEL > 3 %} hide{% ENDIF %}">
								  {% ENDIF %}
								{% ENDIF %}
								<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.LEVEL = 0 %}header-catalogItem {% ENDIF %}{% IF catalog_full.LEVEL = 1 %}header-subcatalogCol {% ENDIF %}{% IF catalog_full.LEVEL = 2 %}header-subcatalogItem {% ENDIF %}{% IF catalog_full.ISSET_VISIBLE_SUB %} parent{% ENDIF %}{% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
									  <a href="{catalog_full.URL}" class="{% IF catalog_full.LEVEL = 0 %}header-catalogLink {% ENDIF %}{% IF catalog_full.LEVEL = 1 %}header-subcatalogTitle {% ENDIF %}{% IF catalog_full.LEVEL >= 2 %}header-subcatalogLink {% ENDIF %}{% IF catalog_full.CURRENT %} active{% ENDIF %}" title="{catalog_full.NAME}" itemprop="url">
										{catalog_full.NAME}
										{% IF catalog_full.ISSET_VISIBLE_SUB &&  catalog_full.LEVEL = 0 %}<span class="header-arrow header-catalogArrow {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}">
										  <span class="material-icons">keyboard_arrow_right</span>
										</span>
										{% ENDIF %}
										{% IF catalog_full.ISSET_VISIBLE_SUB &&  catalog_full.LEVEL != 0 %}<span class="header-arrow header-secondArrow {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}">
										  <span class="material-icons">keyboard_arrow_right</span>
										</span>
										{% ENDIF %}
									  </a>
								{% IF catalog_full.ISSET_SUB=0 %}
								</li>
{% ENDIF %}

							{% IF catalog_full.LAST && catalog_full.LEVEL > 0 %}
							  {%FOR out%}
								</ul>
								{%IFNOT catalog_full.out.LAST %}
								</li>
								{%ENDIF%}
							  {%ENDFOR%}
							{% ENDIF %}


							  {% ENDFOR %}
							{% ENDIF %}				
					  </ul>
					</div>
					<!-- /Каталог -->			  

					<!-- Меню -->
					<div class="header-sections" id="headerNav">
					  <nav class="mainnav" itemscope itemtype="[url="https://schema.org/SiteNavigationElement%22>"]https://schema.org/S...gationElement">[/url]
						<ul class="mainnav__list">
						  {% FOR menu %}
							{% FOR header %}
							  {% FOR links %}					  
								<li class="mainnav__item"><a class="mainnav__link {% IF menu.header.links.SELECTED %}active{%ENDIF%}" 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 %}
						</ul>
					  </nav>
					</div>

					<!-- Поиск -->
					<div class="header-search" id="headerSearch">
					  <a class="header-searchLink" href="/search" title="Поиск" rel="nofollow">				
						<i class="material-icons">search</i>
					  </a>
					  <div class="search">
						<div class="search-overlay"></div>
						<div class="search-wrapper">
						  <div class="container">
							<form id="search_mini_form" class="search-form" action="{QUICK_SEARCH_URL}" method="get">
							  <input type="hidden" name="goods_search_field_id" value="0">
							  <input required type="text" name="q" value="" class="input search-string search-input" placeholder="Поиск по магазину" autocomplete="off">
							  <button type="submit" title="Искать" class="search-submit">
								<i class="material-icons">search</i>
							  </button>						
							  <button type="reset" title="Закрыть" class="search-close">
								<span class="header-searchIcon">
								  <i class="material-icons">close</i>
								</span>
							  </button>
							</form>
							<div id="search-result" style="display: none;">
							  <div class="container">
								<div class="inner">
								  <div class="result-category"></div>
								  <div class="result-goods"></div>
								</div>
							  </div>
							</div>					  
						  </div>
						</div>
					  </div>  
				  </div>  
				  <!-- /Поиск -->
				  </div>
				</div>
			  </div>

И затем, перенесите его перед данным блоком кода:

			  <div class="header-main-content__top">

				<!-- Контакты  -->

#3 status321

status321

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

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

Отправлено 01 Июль 2021 - 18:46

Спасибо.Нужно уменьшить расстояние фото 1 и при прокрутке вниз скрывать фото 2

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

  • 1.png
  • 2.png

#4 Vaccina

Vaccina

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

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

Отправлено 02 Июль 2021 - 02:26

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-container.index {margin-bottom: 0;width: 100%}

замените на:
.products-container.index {margin-bottom: 0;width: 100%;padding-top: 5px;}

далее найдите и удалите:
.header-fixed._fixed {
  opacity: 1;
  visibility: visible;
}

#5 status321

status321

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

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

Отправлено 02 Июль 2021 - 05:34

Доброе утро.Спасибо,то что нужно.

#6 status321

status321

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

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

Отправлено 04 Июль 2021 - 10:49

Доброе утро.Как поменять цет.
1. Номера страниц
2. Кнопка на верх

#7 RayLi

RayLi

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

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

Отправлено 04 Июль 2021 - 11:06

Просмотр сообщенияstatus321 (04 Июль 2021 - 10:49) писал:

Доброе утро.Как поменять цет.
1. Номера страниц
2. Кнопка на верх

Здравствуйте.
Для этого в шаблоне main.css найдите данный блок кода:

.back-top-arrow {
  fill: rgb(206 197 191 / 30%);
  transform: rotate(90deg);
}

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

.back-top-arrow {
  fill: rgb(255 255 255 / 0.50);
  transform: rotate(90deg);
}


Затем, в самый конец данного шаблона, добавьте, пожалуйста, следующую строку кода:

.next {color: #fff;}

#8 status321

status321

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

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

Отправлено 04 Июль 2021 - 11:37

Спасибо.Как изменить цвет кнопок,и у стрелки вверх поменять цвет.

#9 stasia

stasia

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

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

Отправлено 05 Июль 2021 - 12:22

Просмотр сообщенияstatus321 (04 Июль 2021 - 11:37) писал:

Спасибо.Как изменить цвет кнопок,и у стрелки вверх поменять цвет.

Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код(кнопка вверх):
.back-top-arrow {
  fill: rgb(255 255 255 / 0.50);
  transform: rotate(90deg);
}
#back-top:hover .back-top-arrow {
	fill: #cec5bf;
}

Замените его на: 
.back-top-arrow {
  fill: #cec5bf;
  transform: rotate(90deg);
}
#back-top:hover .back-top-arrow {
	fill: #cec5bf;
}

Найдите в нем    fill: #cec5bf;   и замените   cec5bf  на Ваш код цвета(шестизначный).



Найдите данный код(страницы):
.pages li {display: inline-block;vertical-align:middle;width: 30px;height: 30px; margin-bottom: 5px;cursor: default;text-align: center;background-color: transparent;border-radius: 0px;border: 1px solid transparent;}

И замените его на:
.pages li {display: inline-block;vertical-align:middle;width: 30px;height: 30px;margin-bottom: 5px;cursor: default;text-align: center;background-color: #ff0000;border-radius: 0px;border: 1px solid #ff0000;}

Найдите в нем    #ff0000;   и замените   #ff0000  на Ваш код цвета(шестизначный).

#10 status321

status321

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

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

Отправлено 05 Июль 2021 - 17:30

Спасибо.

#11 status321

status321

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

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

Отправлено 01 Сентябрь 2021 - 13:54

Добрый день.Помогите выравнять фавикон.Фото прикрепил.

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

  • Безымянный.png

#12 Ирина345

Ирина345

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

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

Отправлено 01 Сентябрь 2021 - 14:05

Просмотр сообщенияstatus321 (01 Сентябрь 2021 - 13:54) писал:

Добрый день.Помогите выравнять фавикон.Фото прикрепил.
Здравствуйте, найдите в файле main.css код
.header .header-logo {
	flex-shrink: 0;
	width: 45px;
	display: flex;
	padding-top: 30px;
	padding: 15px 0;
	padding-top: 30px;
}
замените на

.header .header-logo {
	flex-shrink: 0;
	width: 45px;
	display: flex;
	margin-top: -19px;
	padding: 0;
}

#13 status321

status321

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

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

Отправлено 01 Сентябрь 2021 - 14:41

Спасибо

#14 Kazanec

Kazanec

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

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 22 Апрель 2022 - 17:01

Аккаунт SL-540147
Ребята всем привет. не могу понять почему на главной не изменяются картинки (БРЕНД) вроде свои изменил а на главной так и остались старые. подскажите что не так?
Второй вопрос по установке счетчика яндекс, сделал вроде тоже все правильно, на сайте через робота показывает что он есть, но он не отображается внизу как я хотел, все перетыкал. счетчик сам уже работает.
Спасибо кто подскажет

#15 Vaccina

Vaccina

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

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

Отправлено 23 Апрель 2022 - 01:23

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
				  <div class="brands-item">
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}brand1.png" alt=""></a></div>
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}brand2.png" alt=""></a></div>
				  </div>
				  <div class="brands-item">
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}brand3.png" alt=""></a></div>
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}brand4.png" alt=""></a></div>
				  </div>
				  <div class="brands-item">
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}brand5.png" alt=""></a></div>
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}brand6.png" alt=""></a></div>
				  </div>
				  <div class="brands-item">
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}brand7.png" alt=""></a></div>
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}brand8.png" alt=""></a></div>
				  </div>
				  <div class="brands-item">
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}brand9.png" alt=""></a></div>
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}brand10.png" alt=""></a></div>
				  </div>
				  <div class="brands-item">
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}brand11.png" alt=""></a></div>
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}brand12.png" alt=""></a></div>
				  </div>
             
замените на:
				  <div class="brands-item">
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}Brand1.png" alt=""></a></div>
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}Brand2.png" alt=""></a></div>
				  </div>
				  <div class="brands-item">
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}Brand3.png" alt=""></a></div>
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}Brand4.png" alt=""></a></div>
				  </div>
				  <div class="brands-item">
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}Brand5.png" alt=""></a></div>
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}Brand6.png" alt=""></a></div>
				  </div>
				  <div class="brands-item">
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}Brand7.png" alt=""></a></div>
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}Brand8.png" alt=""></a></div>
				  </div>
				  <div class="brands-item">
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}Brand9.png" alt=""></a></div>
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}Brand10.png" alt=""></a></div>
				  </div>
				  <div class="brands-item">
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}Brand11.png" alt=""></a></div>
					<div class="brand"><a href="#" class="brand-link"><img class="brand-image lozad" data-src="{ASSETS_IMAGES_PATH}Brand12.png" alt=""></a></div>
				  </div>

#16 Kazanec

Kazanec

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

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 25 Апрель 2022 - 17:12

Просмотр сообщенияVaccina (23 Апрель 2022 - 01:23) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

Спасибо! Все получилось, изменил на заглавные буквы. А на счет Яндекс счетчика не подскажите? Почему не отображается на сайте? Хотя код вставлен.

#17 Kazanec

Kazanec

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

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 25 Апрель 2022 - 17:24

Вопрос по безопасности :unsure:  на верху и при переходе пишет что сайт не безопасен :(  Что нужно сделать что бы исключить данное предупреждение? Я так понял смена тарифа и получения сертификата SSL сертификат (https вместо http) ???

#18 Vaccina

Vaccina

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

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

Отправлено 26 Апрель 2022 - 08:16

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

1. Отображение счетчика настраивается на стороне Яндекс.Метрики. Во вставочном коде отсутствует дополнение для его отображения.

2. За защитное соединение отвечает SSL сертификат. Он заменяет http на https
На тарифном плане Базовый SSL-сертификат у нас недоступен. Мы предоставляем SSL бесплатно, начиная с тарифного плана Стандарт.
Возможности подключить сторонний SSL-сертификат на тарифном плане Базовый, к сожалению, нет.
Тарифный план можно сменить в разделе Аккаунт - Тарифы. После смены тарифного плана SSL-сертификат подключается автоматически.
Автоматический редирект с http на https настроится в течение 14 дней с момента смены тарифного плана.
Наличие SSL сертификата положительно сказывается на ранжировании сайта в поисковиках, в браузере не будет отображаться значка "не защищено", у пользователей будет больше доверия к такому сайту, так как любые передаваемые данные, в том числе при регистрации ЛК, будут переданы по защищенному соединению.

#19 Kazanec

Kazanec

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

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 04 Май 2022 - 12:45

Просмотр сообщенияVaccina (26 Апрель 2022 - 08:16) писал:

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



Спасибо большое за пояснение.

#20 Kazanec

Kazanec

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

  • Пользователи
  • PipPipPip
  • 163 сообщений
  • ГородКазань

Отправлено 06 Май 2022 - 19:20

Просмотр сообщенияVaccina (26 Апрель 2022 - 08:16) писал:

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

1. Отображение счетчика настраивается на стороне Яндекс.Метрики. Во вставочном коде отсутствует дополнение для его отображения.

2. За защитное соединение отвечает SSL сертификат. Он заменяет http на https
На тарифном плане Базовый SSL-сертификат у нас недоступен. Мы предоставляем SSL бесплатно, начиная с тарифного плана Стандарт.
Возможности подключить сторонний SSL-сертификат на тарифном плане Базовый, к сожалению, нет.


Доброго времени. Подскажите пожалуйста сменил тарифный план на СТАНДАРТ, теперь браузеры вообще перестали открывать мой сайт, выходит защита как в мобильной версии так и на ПК. Что нужно сделать в настройках? Или это само пройдет? Очень жду ответ :rolleyes:
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Франт
  5. → Изменение общей стилистики
  6. Privacy Policy