0
Изменение Дизайна Шаблона Azure
Автор kirill_artemenko, 12 июня 2017 07:47
шрифт картинки главная страница
Сообщений в теме: 7
#1
Отправлено 12 Июнь 2017 - 07:47
Добрый день! Подскажите, пожалуйста, как произвести следующие изменения в шаблоне AZURE:
1) скриншот 1: как поменять информацию об оплате и как удалить инфрмацию о безопасной оплате?
2) скриншот 2: как поменять цвет и размер шрифта под картинками с товаром, а сами картинки сделать покрупнее?
3) скриншот 3: как на главной странице поменять цвет шрифта и сделать покрупнее?
4) скриншот 4: как на странице товара поменять цвет и размер шрифта с описанием товара?
1) скриншот 1: как поменять информацию об оплате и как удалить инфрмацию о безопасной оплате?
2) скриншот 2: как поменять цвет и размер шрифта под картинками с товаром, а сами картинки сделать покрупнее?
3) скриншот 3: как на главной странице поменять цвет шрифта и сделать покрупнее?
4) скриншот 4: как на странице товара поменять цвет и размер шрифта с описанием товара?
#2
Отправлено 12 Июнь 2017 - 09:22
kirill_artemenko (12 Июнь 2017 - 07:47) писал:
Добрый день! Подскажите, пожалуйста, как произвести следующие изменения в шаблоне AZURE:
1) скриншот 1: как поменять информацию об оплате и как удалить инфрмацию о безопасной оплате?
2) скриншот 2: как поменять цвет и размер шрифта под картинками с товаром, а сами картинки сделать покрупнее?
3) скриншот 3: как на главной странице поменять цвет шрифта и сделать покрупнее?
4) скриншот 4: как на странице товара поменять цвет и размер шрифта с описанием товара?
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
Отправлено 14 Июнь 2017 - 05:24
1) скриншот 1: я поправил код в разделе html, как теперь сделать по центру кубики?
2) скриншот 2: изменял выделенный код, но цвет текста остался серый. Я нашел правильную строку?
3) скриншот 3: изменил размер с 16 на 24 пикселя, но не ясно сработало ли и в каком разделе я поменял размер? А в какой строчке меняется сам шрифт?
2) скриншот 2: изменял выделенный код, но цвет текста остался серый. Я нашел правильную строку?
3) скриншот 3: изменил размер с 16 на 24 пикселя, но не ясно сработало ли и в каком разделе я поменял размер? А в какой строчке меняется сам шрифт?
#4
Отправлено 14 Июнь 2017 - 06:08
А еще я меняю картинки на слайдере, а на самом сайте они не меняются, в чем дело?
#6
Отправлено 14 Июнь 2017 - 07:44
Здравствуйте.
Зайдите в раздел Настройки - Основные - измените текст в поле "Название магазина"
Первый слайд у вас изменен, почистите кэш браузера.
1. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
2. Для изменения цвета и размера шрифта названия товара зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
перед ним вставьте:
во вставленной строке изменените значения цвета и размера на необходимые.
Для измененения общего шрифта найдите:
измените цвет и размер на необходимые.
3. В товарной сетке у вас увеличен шрифт названия товара.
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 пикселя, но не ясно сработало ли и в каком разделе я поменял размер? А в какой строчке меняется сам шрифт?
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. В товарной сетке у вас увеличен шрифт названия товара.
#8
Отправлено 16 Июнь 2017 - 08:44
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - 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;}
Темы с аналогичным тегами шрифт, картинки, главная страница
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лето →
Дизайн ГлавнойАвтор Гость_Кир_* , 06 мая 2020 Шапка дизайн, шрифт, подвал |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Какаду →
Изменение общей стилистики →
Как Поменять ШрифтАвтор Гость_Кенгуру_* , 06 апр. 2020 Шрифт |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Осень →
Нужна Помощь Редактировании Шаблона ОсеньАвтор Гость_Olga1215_* , 16 нояб. 2018 осень, шапка, фон сайта и 4 еще... |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лазурь →
Как Сменить Шрифт На Всем Сайте На Свой?Автор Гость_romanove4kin_* , 20 апр. 2018 шрифт стиль, font, шрифт, стиль |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лазурь →
Изменение общей стилистики →
Изменение Шапки И Цвета Шрифта На ГлавнойАвтор Гость_Татьяна Е_* , 04 марта 2018 шапкасоц.сети, шрифт |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных