Небольшие Изменения
#1
Отправлено 01 Октябрь 2015 - 13:24
Перед переездом хотел применить некоторые изменения на демо магазине (ведь я могу его слить в архив и уже на своем магазине открыть со всеми нужными изменениями?)
Прикрепляю скрин с вопросами
1. Увеличить размер шрифта и возможно заменить сам шрифт.
2. Телефон сделать кликабельным в моб версии
3.Заменить или убрать цветные полоски.
4. Заменить шрифт в Новинках и товарах на главной
#2
Отправлено 01 Октябрь 2015 - 13:30
trickster (01 Октябрь 2015 - 13:24) писал:
Перед переездом хотел применить некоторые изменения на демо магазине (ведь я могу его слить в архив и уже на своем магазине открыть со всеми нужными изменениями?)
Прикрепляю скрин с вопросами
1. Увеличить размер шрифта и возможно заменить сам шрифт.
2. Телефон сделать кликабельным в моб версии
3.Заменить или убрать цветные полоски.
4. Заменить шрифт в Новинках и товарах на главной
Здравствуйте.
Сообщите нам, пожалуйста, для какого именно аккаунта вашего интернет-магазина нужно произвести данные изменения?
Уточните, пожалуйста.
#3
Отправлено 01 Октябрь 2015 - 13:38
RayLi (01 Октябрь 2015 - 13:30) писал:
Сообщите нам, пожалуйста, для какого именно аккаунта вашего интернет-магазина нужно произвести данные изменения?
Уточните, пожалуйста.
Зарегестрировал новый аккаунт на днях, Аккаунт SL-357377 Вот в нем я хочу менять
Основной аккаунт Аккаунт SL-117859 (в нем пока не меняю ничего, до момента пока демо шаблон не приведу в порядок)
#4
Отправлено 01 Октябрь 2015 - 13:46
trickster (01 Октябрь 2015 - 13:24) писал:
Перед переездом хотел применить некоторые изменения на демо магазине (ведь я могу его слить в архив и уже на своем магазине открыть со всеми нужными изменениями?)
Прикрепляю скрин с вопросами
1. Увеличить размер шрифта и возможно заменить сам шрифт.
2. Телефон сделать кликабельным в моб версии
3.Заменить или убрать цветные полоски.
4. Заменить шрифт в Новинках и товарах на главной
trickster (01 Октябрь 2015 - 13:38) писал:
Основной аккаунт Аккаунт SL-117859 (в нем пока не меняю ничего, до момента пока демо шаблон не приведу в порядок)
Тогда сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:
section.newsletter { background: #f15941; margin: 1em 0; padding: 1em 2.5em; height: 1.5em; width: 98%; left: -2%; font: normal 16px 'Lobster'; color: #fff; }
И замените его, например, вот этим вот кодом:
section.newsletter { background: #000000; margin: 1em 0; padding: 1em 2.5em; height: 1.5em; width: 98%; left: -2%; font: normal 16px 'Lobster'; color: #fff; }
Далее в том же шаблоне найдите следующий код:
.contacts { float: left; position: relative; }
И замените его вот этим кодом:
.contacts { float: left; position: relative; font-size: 20px; font-family: fantasy; }
Снова в том же шаблоне найдите теперь этот код:
section.newsletter h3 b { font-size: 1.13em; }
И замените его вот этим вот кодом:
section.newsletter h3 b { font-size: 1.13em; font-family: sans-serif; }
#5
Отправлено 01 Октябрь 2015 - 14:22
RayLi (01 Октябрь 2015 - 13:46) писал:
В шаблоне main.css найдите данный код:
section.newsletter { background: #f15941; margin: 1em 0; padding: 1em 2.5em; height: 1.5em; width: 98%; left: -2%; font: normal 16px 'Lobster'; color: #fff; }
И замените его, например, вот этим вот кодом:
section.newsletter { background: #000000; margin: 1em 0; padding: 1em 2.5em; height: 1.5em; width: 98%; left: -2%; font: normal 16px 'Lobster'; color: #fff; }
Далее в том же шаблоне найдите следующий код:
.contacts { float: left; position: relative; }
И замените его вот этим кодом:
.contacts { float: left; position: relative; font-size: 20px; font-family: fantasy; }
Снова в том же шаблоне найдите теперь этот код:
section.newsletter h3 b { font-size: 1.13em; }
И замените его вот этим вот кодом:
section.newsletter h3 b { font-size: 1.13em; font-family: sans-serif; }
Спасибо, сейчас буду пробовать
#7
Отправлено 01 Октябрь 2015 - 15:40
trickster (01 Октябрь 2015 - 15:26) писал:
Скажите, как выровнять все иконки
Аккаунт SL-117859
В style.css найдите код
.containers .items, .containers2 .items { display: inline-block; float: none !important; vertical-align: top; width: 170px !important; }и замените на
.containers .items, .containers2 .items { vertical-align: top; width: 170px !important; height: 350px !important; position: relative !important; left: 0px !important; top: 0px !important; } .items.masonry-brick h3 { clear: both; height: 55px; }
#8
Отправлено 01 Октябрь 2015 - 16:38
Danil (01 Октябрь 2015 - 15:40) писал:
В style.css найдите код
.containers .items, .containers2 .items { display: inline-block; float: none !important; vertical-align: top; width: 170px !important; }и замените на
.containers .items, .containers2 .items { vertical-align: top; width: 170px !important; height: 350px !important; position: relative !important; left: 0px !important; top: 0px !important; } .items.masonry-brick h3 { clear: both; height: 55px; }
заменил, не получилось. Кэш обновил
#10
Отправлено 01 Октябрь 2015 - 16:53
Danil (01 Октябрь 2015 - 16:48) писал:
.items.masonry-brick figure { height: 190px; }
сделал, все также.
может это из-за текста в заголовках?
trickster (01 Октябрь 2015 - 16:51) писал:
может это из-за текста в заголовках?
#11
Отправлено 01 Октябрь 2015 - 16:58
trickster (01 Октябрь 2015 - 16:53) писал:
может это из-за текста в заголовках?
все изменилось только в каталоге, а на главной нет
<div style="width: 193px;position: relative;overflow:hidden;">и замените на
<div style="width: 193px;position: relative;overflow:hidden;height:190px;">Так же в конец style.css добавьте
li.jcarousel-item.jcarousel-item-horizontal h3 { height: 68px; }
#12
Отправлено 01 Октябрь 2015 - 17:08
Danil (01 Октябрь 2015 - 16:58) писал:
<div style="width: 193px;position: relative;overflow:hidden;">и замените на
<div style="width: 193px;position: relative;overflow:hidden;height:190px;">Так же в конец style.css добавьте
li.jcarousel-item.jcarousel-item-horizontal h3 { height: 68px; }
все заработало! спасибо большое
Скоро еще напишу новые просьбы )
Как сделать чтобы описание товара открывалось первым делом? сейчас открываются отзывы
#14
Отправлено 01 Октябрь 2015 - 17:16
trickster (01 Октябрь 2015 - 17:08) писал:
Скоро еще напишу новые просьбы )
Как сделать чтобы описание товара открывалось первым делом? сейчас открываются отзывы
<!-- Если есть какое-либо описание товара --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <li><a href="javascript:tabSwitch(1);" id="tab_1">Описание</a></li> {% ENDIF %} <!-- Если есть характеристики товара --> {% IFNOT goods_features_empty %} <li><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li> {% ENDIF %} <!-- Если есть информация о доставке товара --> {% IFNOT goods_delivery_empty %} <li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li> {% ENDIF %} <!-- Если подключен модуль отзывов о товарах --> {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %} <li><a href="javascript:tabSwitch(4);" id="tab_4" class="active">Отзывы</a></li> {% ENDIF %}и замените на
<!-- Если есть какое-либо описание товара --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li> {% ENDIF %} <!-- Если есть характеристики товара --> {% IFNOT goods_features_empty %} <li><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li> {% ENDIF %} <!-- Если есть информация о доставке товара --> {% IFNOT goods_delivery_empty %} <li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li> {% ENDIF %} <!-- Если подключен модуль отзывов о товарах --> {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %} <li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li> {% ENDIF %}В main.js найдите и удалите код
// Ставим отметку, о том что не нужно инициализировать первый таб на странице isFind = 1;
#15
Отправлено 01 Октябрь 2015 - 17:28
Danil (01 Октябрь 2015 - 17:16) писал:
<!-- Если есть какое-либо описание товара --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <li><a href="javascript:tabSwitch(1);" id="tab_1">Описание</a></li> {% ENDIF %} <!-- Если есть характеристики товара --> {% IFNOT goods_features_empty %} <li><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li> {% ENDIF %} <!-- Если есть информация о доставке товара --> {% IFNOT goods_delivery_empty %} <li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li> {% ENDIF %} <!-- Если подключен модуль отзывов о товарах --> {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %} <li><a href="javascript:tabSwitch(4);" id="tab_4" class="active">Отзывы</a></li> {% ENDIF %}и замените на
<!-- Если есть какое-либо описание товара --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li> {% ENDIF %} <!-- Если есть характеристики товара --> {% IFNOT goods_features_empty %} <li><a href="javascript:tabSwitch(2);" id="tab_2" >Характеристики</a></li> {% ENDIF %} <!-- Если есть информация о доставке товара --> {% IFNOT goods_delivery_empty %} <li><a href="javascript:tabSwitch(3);" id="tab_3">Доставка</a></li> {% ENDIF %} <!-- Если подключен модуль отзывов о товарах --> {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %} <li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li> {% ENDIF %}В main.js найдите и удалите код
// Ставим отметку, о том что не нужно инициализировать первый таб на странице isFind = 1;
спасибо, готово.
Еще всплыло только что в мобильной версии.
И еще появилось две кнопки отзывов, одна рабочая вторая нет
#16
Отправлено 07 Октябрь 2015 - 16:41
1. Изменить цвет который при наведении и когда ссылка активна.
2. Изменить цвет полоски или вообще заменить её
3. Изменить шрифт который тут на другой, какие то предустановленные шрифты есть или надо загружать?
4. Изменить размер шрифта, увеличить его. И возможно заменить на другой.
5. Тут аналогично, изменить шрифт и его цвет
6. Почти тоже что и 1ое, заменить цвет на мой и заменить цвет текста на мой
7. Изменить цвет кнопки наверх
8.9 Удалить раздел - Материалы сми, и сдвинуть оставшиеся разделы по левому краю.
10. Сделать один шрифт для всех браузеров, во всех он совершенно разный.
11. P.s. Кнопка отзывы теперь в двойном виде.
Заранее спасибо, жду вашего ответа.
#17
Отправлено 07 Октябрь 2015 - 17:59
trickster (07 Октябрь 2015 - 16:41) писал:
1. Изменить цвет который при наведении и когда ссылка активна.
2. Изменить цвет полоски или вообще заменить её
3. Изменить шрифт который тут на другой, какие то предустановленные шрифты есть или надо загружать?
2015-10-07 17-04-14 Скриншот экрана.png
4. Изменить размер шрифта, увеличить его. И возможно заменить на другой.
5. Тут аналогично, изменить шрифт и его цвет
6. Почти тоже что и 1ое, заменить цвет на мой и заменить цвет текста на мой
2015-10-07 17-13-37 Скриншот экрана.png
7. Изменить цвет кнопки наверх
8.9 Удалить раздел - Материалы сми, и сдвинуть оставшиеся разделы по левому краю.
2015-10-07 17-16-54 Скриншот экрана.png
10. Сделать один шрифт для всех браузеров, во всех он совершенно разный.
2015-10-07 17-26-32 Скриншот экрана.png
11. P.s. Кнопка отзывы теперь в двойном виде.
2015-10-07 17-42-37 Скриншот экрана.png
Заранее спасибо, жду вашего ответа.
Здравствуйте.
1. Для меню каталога:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
.head li a {color: #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .head li:last-child a {border-right: 0;} .head a:hover, .head a.selected, nav a:active {background-color: #404040;}
В первой строке кода указан цвет #fff у самих ссылок в обычном виде.
В третей строке указан цвет заливки при наведении.
Для кнопки поиск:
В style.css найдите код:
form[role="search"] input[type="submit"], input#search-submit {position: absolute;right: 0;z-index: 2;height: 2.833em;background: #404040;padding: 0 0.833em;margin: 0;line-height: 1;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px;}
Измените цвет #404040 на необходимый (в обычном состоянии).
Найдите код:
form[role="search"] input[type="submit"]:hover, input#search-submit:hover {background-color: #505050;}
Измените код цвета #505050 (при наведении)
2,3 Найдите код:
section.newsletter {background: #f15941; margin: 1em 0; padding: 1em 2.5em; height: 1.5em; width: 98%; left: -2%;font: normal 16px 'Lobster'; color: #fff;}
Измените код цвета #f15941 на необходимый.
Здесь Вы так же можете изменить шрифт на желаемый, например Arial, Times New Roman и подобные.
Если необходимый Вам шрифт при изменении не будет отображаться на сайте, его можно будет подключить.
Более подробно про подключение, Вы можете прочитать здесь.
4. Зайдите в админ. панель -> Сайт -> Страницы -> в режиме редактирования откройте страницу "Оплата и доставка" -> нажмите на кнопку "Источник", найдите код:
<span style="font-size:14px;">&amp;nbsp;<br /> <strong>Доставка и примерка по Москве - бесплатно.&amp;nbsp;</strong><br />
Измените значение размера 14px.
5. В style.css найдите код:
.summary a {color: #ffe4ab; background: #34a8c4;padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -4.2em; display: block; text-align: center; width: 13.333em;}
Замените на:
.summary a {color: #ffe4ab; background: #34a8c4;padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -4.2em; display: block; text-align: center; width: 13.333em;font-size: 12px;}В данном коде измените цвет #ffe4ab и при необходимости размер шрифта 12px.
6. Цвет цифры изменится вместе с цветом текста из сообщения 5. Чтобы изменить цвет кружочка найдите код:
.summary strong {background: #3c3c3c; padding: 0.25em; height: 1.5em; width: 1.5em; border-radius: 1em; display: inline-block; margin-right: 0.5em; text-align: center; margin-top: -0.417em; font-weight: normal;}Здесь измените значение #3c3c3c.
7. В style.css найдите код:
#Go_Top span {position: absolute;font-size: 25px;}
Замените на:
#Go_Top span {position: absolute;font-size: 25px;color: #000;}Измените при необходимости цвет #000 на необходимый.
8,9 Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<section> <div class="menu_main"> <h4><a href="/news?sid=3" title="Все материалы СМИ" style="text-decoration: none">Материалы СМИ</a></h4>
Замените на:
<section style="display: none;"> <div class="menu_main"> <h4><a href="/news?sid=3" title="Все материалы СМИ" style="text-decoration: none">Материалы СМИ</a></h4>
В style.css найдите код:
footer section {width: 17.546012%; float: left; margin: 0 0 2em 3.0674847%;}
Замените на:
footer section {width: 30%; float: left; margin: 0 0 2em 3.0674847%;}
11. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
<!-- Если подключен модуль отзывов о товарах --> {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %} <li><a href="javascript:tabSwitch(4);" id="tab_4" class="active">Отзывы</a></li> {% ENDIF %} </ul> <!-- Если есть какое-либо описание товара -->
Замените на:
<!-- Если есть какое-либо описание товара -->
#18
Отправлено 09 Октябрь 2015 - 14:08
Firefly (07 Октябрь 2015 - 17:59) писал:
1. Для меню каталога:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
.head li a {color: #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .head li:last-child a {border-right: 0;} .head a:hover, .head a.selected, nav a:active {background-color: #404040;}
В первой строке кода указан цвет #fff у самих ссылок в обычном виде.
В третей строке указан цвет заливки при наведении.
Для кнопки поиск:
В style.css найдите код:
form[role="search"] input[type="submit"], input#search-submit {position: absolute;right: 0;z-index: 2;height: 2.833em;background: #404040;padding: 0 0.833em;margin: 0;line-height: 1;-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17);-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px;-moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px;}
Измените цвет #404040 на необходимый (в обычном состоянии).
Найдите код:
form[role="search"] input[type="submit"]:hover, input#search-submit:hover {background-color: #505050;}
Измените код цвета #505050 (при наведении)
2,3 Найдите код:
section.newsletter {background: #f15941; margin: 1em 0; padding: 1em 2.5em; height: 1.5em; width: 98%; left: -2%;font: normal 16px 'Lobster'; color: #fff;}
Измените код цвета #f15941 на необходимый.
Здесь Вы так же можете изменить шрифт на желаемый, например Arial, Times New Roman и подобные.
Если необходимый Вам шрифт при изменении не будет отображаться на сайте, его можно будет подключить.
Более подробно про подключение, Вы можете прочитать здесь.
4. Зайдите в админ. панель -> Сайт -> Страницы -> в режиме редактирования откройте страницу "Оплата и доставка" -> нажмите на кнопку "Источник", найдите код:
<span style="font-size:14px;">&amp;nbsp;<br /> <strong>Доставка и примерка по Москве - бесплатно.&amp;nbsp;</strong><br />
Измените значение размера 14px.
5. В style.css найдите код:
.summary a {color: #ffe4ab; background: #34a8c4;padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -4.2em; display: block; text-align: center; width: 13.333em;}
Замените на:
.summary a {color: #ffe4ab; background: #34a8c4;padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -4.2em; display: block; text-align: center; width: 13.333em;font-size: 12px;}В данном коде измените цвет #ffe4ab и при необходимости размер шрифта 12px.
6. Цвет цифры изменится вместе с цветом текста из сообщения 5. Чтобы изменить цвет кружочка найдите код:
.summary strong {background: #3c3c3c; padding: 0.25em; height: 1.5em; width: 1.5em; border-radius: 1em; display: inline-block; margin-right: 0.5em; text-align: center; margin-top: -0.417em; font-weight: normal;}Здесь измените значение #3c3c3c.
7. В style.css найдите код:
#Go_Top span {position: absolute;font-size: 25px;}
Замените на:
#Go_Top span {position: absolute;font-size: 25px;color: #000;}Измените при необходимости цвет #000 на необходимый.
8,9 Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<section> <div class="menu_main"> <h4><a href="/news?sid=3" title="Все материалы СМИ" style="text-decoration: none">Материалы СМИ</a></h4>
Замените на:
<section style="display: none;"> <div class="menu_main"> <h4><a href="/news?sid=3" title="Все материалы СМИ" style="text-decoration: none">Материалы СМИ</a></h4>
В style.css найдите код:
footer section {width: 17.546012%; float: left; margin: 0 0 2em 3.0674847%;}
Замените на:
footer section {width: 30%; float: left; margin: 0 0 2em 3.0674847%;}
11. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
<!-- Если подключен модуль отзывов о товарах --> {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %} <li><a href="javascript:tabSwitch(4);" id="tab_4" class="active">Отзывы</a></li> {% ENDIF %} </ul> <!-- Если есть какое-либо описание товара -->
Замените на:
<!-- Если есть какое-либо описание товара -->
Большое спасибо! Почти все получилось, кроме некоторых моментов, напишу чуть позже
#19
Отправлено 09 Октябрь 2015 - 20:11
trickster (09 Октябрь 2015 - 14:08) писал:
Доброго времени.
Вот какие проблемы еще остались.
Во первых: По поводу отзывов, удалил по вашей инструкции, в итоге получилось так
Сейчас откатил до старой версии с двумя кнопками отзывов, хотелось бы поправить.
А теперь еще некоторые моменты.
1. Опустить логотип пониже, либо чуть увеличить. Как это сделать?
2. Нашел тут в другой теме интсрукцию по добавлению соц иконок. По ней хотел добавить ВК и Ярмарку мастеров, в итоге они шли одна над другой. Вопрос, как сделать чтобы иконка ВК стояла первая, иконка ярмарки вторая. У них разные размеры.
3. Хочу еще тут заменить цвет, может быть я пропустил там что-то выше, но мне кажется просто забыл об этом попросить в прошлом посте.
4. Не нашел как изменить цвет на кнопке заказать.
Заранее спасибо
#20
Отправлено 10 Октябрь 2015 - 10:19
trickster (09 Октябрь 2015 - 20:11) писал:
Вот какие проблемы еще остались.
Во первых: По поводу отзывов, удалил по вашей инструкции, в итоге получилось так 2015-10-07 21-22-53 Скриншот экрана.png
Сейчас откатил до старой версии с двумя кнопками отзывов, хотелось бы поправить.
А теперь еще некоторые моменты.
1. Опустить логотип пониже, либо чуть увеличить. Как это сделать?
2. Нашел тут в другой теме интсрукцию по добавлению соц иконок. По ней хотел добавить ВК и Ярмарку мастеров, в итоге они шли одна над другой. Вопрос, как сделать чтобы иконка ВК стояла первая, иконка ярмарки вторая. У них разные размеры.
3. Хочу еще тут заменить цвет, может быть я пропустил там что-то выше, но мне кажется просто забыл об этом попросить в прошлом посте.
4. Не нашел как изменить цвет на кнопке заказать.
2015-10-10 20-00-52 Скриншот экрана.png
Заранее спасибо
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> 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.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных