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


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


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

#1 status321

status321

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

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

Отправлено 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
  • 309 сообщений

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

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

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

  • 1.png
  • 2.png


#4 Vaccina

Vaccina

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

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

Отправлено 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
  • 309 сообщений

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

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

#6 status321

status321

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

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

Отправлено 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
  • 309 сообщений

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

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

#9 stasia

stasia

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

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

Отправлено 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
  • 309 сообщений

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

Спасибо.

#11 status321

status321

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

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

Отправлено 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
  • 309 сообщений

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

Спасибо




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

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