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


Публикации RayLi

2 публикаций создано RayLi (учитываются публикации только с 29-Март 23)


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

Отправлено от RayLi в 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;}



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

Отправлено от RayLi в 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">

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