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

  2. → Просмотр профиля: "Лайки": Дмитрий(podarok-ru)

Дмитрий(podarok-ru)

Регистрация: 06 дек. 2018
Offline Активность: 11 дек. 2018 18:18
-----

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

Отправлено stasia на 12 Сентябрь 2018 - 16:02

Просмотр сообщенияbahmutskij76 (12 Сентябрь 2018 - 15:03) писал:

На всех карточках товара изменить шрифт, на красивый и читабельный, а то это совсем ужасный :D (рис.5)

1.  Зайдите в Редактор шаблонов --- main.css и найдите данный код:
@media all and (min-width: 768px) {
.container {width: 750px;}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
ul.step{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
ul.step li.first{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px}
ul.step li.first span, ul.step li.first a {-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px}
ul.step li.last{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}
ul.step li.last span{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}
.header-top .block-account .dropdown-list {opacity: 1;visibility: visible;transform: inherit;}
.block-account .dropdown-list li {display: inline-block;}
.block-account .dropdown-list li a {display: block;color: #929596;line-height: 40px;padding: 0 22px 0 0;font-family: "agency", 'PT Sans Narrow', sans-serif;font-size: 16px;font-weight: normal;text-transform: uppercase;}

Измените его на:
@media all and (min-width: 768px) {
.container {width: 750px;}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
ul.step{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
ul.step li.first{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px}
ul.step li.first span, ul.step li.first a {-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px}
ul.step li.last{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}
ul.step li.last span{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}
.header-top .block-account .dropdown-list {opacity: 1;visibility: visible;transform: inherit;}
.block-account .dropdown-list li {display: inline-block;}
.block-account .dropdown-list li a {display: block;color: #929596;line-height: 40px;padding: 0 22px 0 0;font-family: "agency", 'PT Sans Narrow', sans-serif;font-size: 19px;font-weight: normal;text-transform: uppercase;}



2.  Зайдите в Редактор шаблонов---HTML и найдите данный код:   
	  <!-- Слайдер на главной -->
	{% IF index_page %}
	<div id="slideshow">
	  <div class="preloader"><span class="content-loading"></span></div>
	  <ul class="accor">
		<li class="accor accor-open">
		  <img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=urban" alt="Лето">
		  <div class="title_accor">
			<a href="{PAGES_ROOT_URL}/Доставка" title="Лето"><strong>Лето</strong></a>
			<p><a href="{PAGES_ROOT_URL}/Доставка" title="Лето">Сезонные скидки и распродажи!</a></p>
		  </div>
		</li>
		<li class="accor accor-closed">
		  <img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=urban" alt="Осень">
		  <div class="title_accor">
			<a href="{PAGES_ROOT_URL}/Доставка" title="Осень"><strong>Осень</strong></a>
			<p><a href="{PAGES_ROOT_URL}/Доставка" title="Осень">Сезонные скидки и распродажи!</a></p>
		  </div>
		</li>
		<li class="accor accor-closed">
		  <img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=urban" alt="Зима">
		  <div class="title_accor">
			<a href="{PAGES_ROOT_URL}/Доставка" title="Зима"><strong>Зима</strong></a>
			<p><a href="{PAGES_ROOT_URL}/Доставка" title="Зима">Сезонные скидки и распродажи!</a></p>
		  </div>
		</li>
		<li class="accor accor-closed">
		  <img src="{ASSETS_IMAGES_PATH}slide4.jpg?design=urban" alt="Весна">
		  <div class="title_accor">
			<a href="{PAGES_ROOT_URL}/Доставка" title="Весна"><strong>Весна</strong></a>
			<p><a href="{PAGES_ROOT_URL}/Доставка" title="Весна">Сезонные скидки и распродажи!</a></p>


И замените на:
	<!-- Слайдер на главной -->
	{% IF index_page %}
	<div id="slideshow">
	  <div class="preloader"><span class="content-loading"></span></div>
	  <ul class="accor">
		<li class="accor accor-open">
		  <img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=urban" alt="Лето">
		  <div class="title_accor">
			<a href="{PAGES_ROOT_URL}/Доставка" title="Лето"><strong></strong></a>
			<p><a href="{PAGES_ROOT_URL}/Доставка" title="Лето"></a></p>
		  </div>
		</li>
		<li class="accor accor-closed">
		  <img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=urban" alt="Осень">
		  <div class="title_accor">
			<a href="{PAGES_ROOT_URL}/Доставка" title="Осень"><strong></strong></a>
			<p><a href="{PAGES_ROOT_URL}/Доставка" title="Осень"></a></p>
		  </div>
		</li>
		<li class="accor accor-closed">
		  <img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=urban" alt="Зима">
		  <div class="title_accor">
			<a href="{PAGES_ROOT_URL}/Доставка" title="Зима"><strong></strong></a>
			<p><a href="{PAGES_ROOT_URL}/Доставка" title="Зима"></a></p>
		  </div>
		</li>
		<li class="accor accor-closed">
		  <img src="{ASSETS_IMAGES_PATH}slide4.jpg?design=urban" alt="Весна">
		  <div class="title_accor">
			<a href="{PAGES_ROOT_URL}/Доставка" title="Весна"><strong></strong></a>
			<p><a href="{PAGES_ROOT_URL}/Доставка" title="Весна"></a></p>


3.  Зайдите в Редактор шаблонов --- main.css и найдите данный код:
.products-grid .item .item-inner .item-info .product-name {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0;
	padding: 10px 0 5px;
	font-family: "agency", 'PT Sans Narrow', sans-serif;
	font-size: 20px;
}

Где найдите    font-family: "agency", 'PT Sans Narrow', sans-serif;   и замените  -   agency  на Ваш шрифт.


  1. Форум владельцев интернет-магазинов
  2. → Просмотр профиля: "Лайки": Дмитрий(podarok-ru)
  3. Privacy Policy