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


Изменение Дизайна Шаблона Azure

шрифт картинки главная страница

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

#1 kirill_artemenko

kirill_artemenko

    Новичок

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

Отправлено 12 Июнь 2017 - 07:47

Добрый день! Подскажите, пожалуйста, как произвести следующие изменения в шаблоне AZURE:
1) скриншот 1: как поменять информацию об оплате и как удалить инфрмацию о безопасной оплате?
2) скриншот 2: как поменять цвет и размер шрифта под картинками с товаром, а сами картинки сделать покрупнее?
3) скриншот 3: как на главной странице поменять цвет шрифта и сделать покрупнее?
4) скриншот 4: как на странице товара поменять цвет и размер шрифта с описанием товара?

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

  • 1.png
  • 2.png
  • 3.png
  • 4.png


#2 RayLi

RayLi

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

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

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

Просмотр сообщенияkirill_artemenko (12 Июнь 2017 - 07:47) писал:

Добрый день! Подскажите, пожалуйста, как произвести следующие изменения в шаблоне AZURE:
1) скриншот 1: как поменять информацию об оплате и как удалить инфрмацию о безопасной оплате?
2) скриншот 2: как поменять цвет и размер шрифта под картинками с товаром, а сами картинки сделать покрупнее?
3) скриншот 3: как на главной странице поменять цвет шрифта и сделать покрупнее?
4) скриншот 4: как на странице товара поменять цвет и размер шрифта с описанием товара?

Здравствуйте.
Требуемую информацию вашего сайта вы сможете изменить непосредственно в шаблоне html в следующем блоке кода:

	  <!-- Баннеры -->
	  {% IF index_page %}
	  <div id="topsl" class="wrap">
		<div class="container">
		  <div class="row">
			<div class="block free-shipping col-sm-3 col-sms-6 col-smb-12">
			  <div class="block-title"><span>Бесплатная доставка</span></div>
			  <div class="block-content">Доставка по городу и области Бесплатна!</div>
			</div>
			<div class="block money-back col-sm-3 col-sms-6 col-smb-12">
			  <div class="block-title"><span>30 дней гарантии</span></div>
			  <div class="block-content">Вы можете вернуть товар в течении 30 дней после получения заказа</div>
			</div>
			<div class="block orders-247 col-sm-3 col-sms-6 col-smb-12">
			  <div class="block-title"><span>Прием заказов 24/7</span></div>
			  <div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>
			</div>
			<div class="block secured-payment col-sm-3 col-sms-6 col-smb-12">
			  <div class="block-title"><span>Безопасная оплата</span></div>
			  <div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>
			</div>
		  </div>
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- /END Баннеры -->

Что касается текстов, то их цвет вы сможете изменить в шаблоне main.css в следующем коде:

a {
	color: #909090;
	text-decoration: none;
	cursor: pointer;
}

Заменив в строчке:     color: #909090; кода цвета на свой .


Далее шрифт требуемых текстов меняется в данном блоке кода:


.products-grid .item .item-inner .item-info .info-inner .item-title {
	margin-bottom: 3px;
	padding-top: 6px;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

Где вам необходимо в строчке:     font-size: 16px; изменить параметры размеры текста на свои .

#3 kirill_artemenko

kirill_artemenko

    Новичок

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

Отправлено 14 Июнь 2017 - 05:24

1) скриншот 1: я поправил код в разделе html, как теперь сделать по центру кубики?
2) скриншот 2: изменял выделенный код, но цвет текста остался серый. Я нашел правильную строку?
3) скриншот 3: изменил размер с 16 на 24 пикселя, но не ясно сработало ли и в каком разделе я поменял размер? А в какой строчке меняется сам шрифт?

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

  • Скриншот 14-06-2017 100628.png
  • Скриншот 14-06-2017 101443.png
  • Скриншот 14-06-2017 102236.png


#4 kirill_artemenko

kirill_artemenko

    Новичок

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

Отправлено 14 Июнь 2017 - 06:08

А еще я меняю картинки на слайдере, а на самом сайте они не меняются, в чем дело?

#5 kirill_artemenko

kirill_artemenko

    Новичок

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

Отправлено 14 Июнь 2017 - 06:22

Как изменить "Название магазина" чтобы отображалось название моего магазина?

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

  • Скриншот 14-06-2017 112147.png


#6 Vaccina

Vaccina

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

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

Отправлено 14 Июнь 2017 - 07:44

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

Просмотр сообщенияkirill_artemenko (14 Июнь 2017 - 06:22) писал:

Как изменить "Название магазина" чтобы отображалось название моего магазина?

Зайдите в раздел Настройки - Основные - измените текст в поле "Название магазина"

Просмотр сообщенияkirill_artemenko (14 Июнь 2017 - 06:08) писал:

А еще я меняю картинки на слайдере, а на самом сайте они не меняются, в чем дело?

Первый слайд у вас изменен, почистите кэш браузера.

Просмотр сообщенияkirill_artemenko (14 Июнь 2017 - 05:24) писал:

1) скриншот 1: я поправил код в разделе html, как теперь сделать по центру кубики?
2) скриншот 2: изменял выделенный код, но цвет текста остался серый. Я нашел правильную строку?
3) скриншот 3: изменил размер с 16 на 24 пикселя, но не ясно сработало ли и в каком разделе я поменял размер? А в какой строчке меняется сам шрифт?

1. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Баннеры -->
	  {% IF index_page %}
	  <div id="topsl" class="wrap">
		<div class="container">
		  <div class="row">
			<div class="block free-shipping col-sm-3 col-sms-6 col-smb-12">
			  <div class="block-title"><span>Доставка</span></div>
			  <div class="block-content">Доставка по городу Москва и области за 2 дня. Стоимость доставкив  среднем 350 рублей.</div>
			</div>
			<div class="block money-back col-sm-3 col-sms-6 col-smb-12">
			  <div class="block-title"><span>30 дней гарантии</span></div>
			  <div class="block-content">Вы можете вернуть товар в течении 7 дней после получения заказа</div>
			</div>
			<div class="block orders-247 col-sm-3 col-sms-6 col-smb-12">
			  <div class="block-title"><span>Прием заказов 24/7</span></div>
			  <div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>
			</div>
		  </div>
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- /END Баннеры -->

замените на:
<!-- Баннеры -->
	  {% IF index_page %}
	  <div id="topsl" class="wrap">
		<div class="container">
		  <div class="row">
			<div class="block free-shipping col-sm-4 col-sms-6 col-smb-12">
			  <div class="block-title"><span>Доставка</span></div>
			  <div class="block-content">Доставка по городу Москва и области за 2 дня. Стоимость доставкив  среднем 350 рублей.</div>
			</div>
			<div class="block money-back col-sm-4 col-sms-6 col-smb-12">
			  <div class="block-title"><span>30 дней гарантии</span></div>
			  <div class="block-content">Вы можете вернуть товар в течении 7 дней после получения заказа</div>
			</div>
			<div class="block orders-247 col-sm-4 col-sms-6 col-smb-12">
			  <div class="block-title"><span>Прием заказов 24/7</span></div>
			  <div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>
			</div>
		  </div>
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- /END Баннеры -->

2. Для изменения цвета и размера шрифта названия товара зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-grid .item:hover .item-inner .item-info .info-inner .item-title a {color: #3cabda;}

перед ним вставьте:
.products-grid .item .item-inner .item-info .info-inner .item-title a{color: #000000;font-size: 14px;}

во вставленной строке изменените значения цвета и размера на необходимые.

Для измененения общего шрифта найдите:
body {margin: 0;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 12px;line-height: 20px;background-color: #ffffff;color: #909090;overflow-x: hidden;position: relative;}

измените цвет и размер на необходимые.

3. В товарной сетке у вас увеличен шрифт названия товара.

#7 kirill_artemenko

kirill_artemenko

    Новичок

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

Отправлено 15 Июнь 2017 - 12:24

Спасибо, разобрался.
1) как в карточке товара сделать шрифт больше?

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

  • Скриншот 15-06-2017 172330.png


#8 Vaccina

Vaccina

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

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

Отправлено 16 Июнь 2017 - 08:44

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#main .product-shop {padding:0 0 0 20px;margin-bottom: 30px;}

замените на:
#main .product-shop {padding:0 0 0 20px;margin-bottom: 30px;font-size: 14px;}






Темы с аналогичным тегами шрифт, картинки, главная страница

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

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