Firefly (10 Октябрь 2015 - 10:19) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
<!-- Если подключен модуль отзывов о товарах --> {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %} <li><a href="javascript:tabSwitch(4);" id="tab_4" class="active">Отзывы</a></li> {% ENDIF %} </ul> <!-- Если есть какое-либо описание товара -->
Замените на:
</ul> <!-- Если есть какое-либо описание товара -->
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
header[role="banner"] h1 a {height: 127px;width: 150px;display: block;font: normal 26px '';line-height: 20px;color: #000;font-weight: bold;text-align: center;}
Замените на:
header[role="banner"] h1 a {height: 127px;width: 175px;display: block;font: normal 26px '';line-height: 20px;color: #000;font-weight: bold;text-align: center;padding-top: 10px;}
2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<!-- Иконки соц.сетей --> <div class="socialIcons"> <a href="http://www.livemaster.ru/saleshide/feedbacks" target="_blank"> <img alt="" src="http://st.paulalen.ru/7/1744/945/yarmarka.png" /> </a> <!-- И так далее --> </div> <!-- /Иконки соц.сетей -->
Замените на:
<!-- Иконки соц.сетей --> <div class="socialIcons"> <a href="ссылка на группу вк" target="_blank"> <img alt="" src="ссылка на иконку вк" /> </a> <a href="http://www.livemaster.ru/saleshide/feedbacks" target="_blank"> <img alt="" src="http://st.paulalen.ru/7/1744/945/yarmarka.png" /> </a> <!-- И так далее --> </div> <!-- /Иконки соц.сетей -->
В style.css найдите код:
.socialIcons img{ width: 150px; height: 49px; margin-right:10px; border-radius: 8px; }
Замените на:
.socialIcons img{ height: 49px; margin-right:10px; border-radius: 8px; }
3. В style.css найдите код:
.summary a:hover, .basket-info:hover .summary a {background: #4a4949; color: #d5d5d5}
За цвет фона здесь отвечает значение #4a4949
4. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
.buy-item button {width: auto;overflow: visible;vertical-align: top;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
Найдите код:
@media screen and (min-width: 860px) { .buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;} } @media screen and (max-width: 480px) { .buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #13AF13;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;} }
Измените в данных строках кода значение кода цвета #13AF13.
Спасибо! все получилось кроме:
Соц иконки сделал по инструкции, уехали в итоге под логотип, сейчас вернул как было.
И еще такой момент, как отрегулировать отступ: скрин прикладываю
Так же никак не могу заменить шрифт на свой, везде получается разный. Метод из прошлой инструкции не помог.
p.s. установил слайдер по инструкции
в итоге он уехал в подвал под сайт
и не получается заменить фавикон