Изменение Цветовой Схемы Шаблона "вечность"
#1
Отправлено 14 Декабрь 2013 - 23:03
Интересует изменение цветовой схемы сайта, тема "Вечность".
Для наглядности привожу фото того, что есть и того, что нужно.
Сейчас:
Нужно:
В местах, обозначенных цифрами, мне нужно знать, где находятся параметры цвета (в том числе цветов текста).
Необходимо также:
- заменить изображение "Хиты продаж",
- убрать надпись "Оставить отзыв" (желательно написать, как вообще удалить эту опцию с сайта),
- после удаления надписи хотелось бы чуть поднять товары,
- и последнее- как вывести акции на главную страницу.
Прошу прощения за такой объём моего непонимания, но я и так стараюсь задавать вопросы лишь в саамых крайних случаях.
Если ответы есть в других темах- буду рад ссылкам.
Заранее благодарю за любую полезную информацию.
P.S. SL-256931.
#2
Отправлено 15 Декабрь 2013 - 00:24
Для удаления ленты достаточно удалить в style.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:before {border-top: 1.75em solid transparent;border-bottom: 1.75em solid transparent;border-right: 1.75em solid #f6f6f4;right: 0;} section.newsletter:after {border-top: 1.75em solid transparent;border-bottom: 1.75em solid transparent;border-left: 1.75em solid #f6f6f4;left: 0;} section.newsletter:before, section.newsletter:after {content: ""; position: absolute; display: block; bottom: 0; width: 0; height: 0;} section.newsletter h3 {color: #fff; float: left; line-height: 1; margin-right: 1em;} section.newsletter h3 b {font-size:1.13em;} section.newsletter div {margin: 0 auto; width: 95%; text-align: center;}
Цвет полоски каталога меняется в style.css изменением значения background в следующем коде:
/* Основная навигация. Каталог товаров */ .ie7 .nav, .ie7 .conta { zoom: 1; } /* IE6 */ *:first-child+html #menu { zoom: 1; } /* IE7 */ .nav a {*zoom: 1;} .conta {position: relative;width: 100%;max-width: 1280px;margin: 20px auto;z-index:30;} .toggleMenu {display: none;background: #666;padding: 10px 15px;color: #fff;} .nav {list-style: none;*zoom: 1;background:#2c2c2c /*цвет полоски каталога*/;z-index:30;position: relative;} .nav:before,.nav:after {content: " ";display: table;}Нужный элемент подписан как /*цвет полоски каталога*/ )
#3
Отправлено 15 Декабрь 2013 - 09:09
ConstantinRS (14 Декабрь 2013 - 23:03) писал:
Интересует изменение цветовой схемы сайта, тема "Вечность".
Для наглядности привожу фото того, что есть и того, что нужно.
Сейчас:
сайтДО.jpg
Нужно:
сайтПОСЛЕ.jpg
В местах, обозначенных цифрами, мне нужно знать, где находятся параметры цвета (в том числе цветов текста).
Необходимо также:
- заменить изображение "Хиты продаж",
- убрать надпись "Оставить отзыв" (желательно написать, как вообще удалить эту опцию с сайта),
- после удаления надписи хотелось бы чуть поднять товары,
- и последнее- как вывести акции на главную страницу.
Прошу прощения за такой объём моего непонимания, но я и так стараюсь задавать вопросы лишь в саамых крайних случаях.
Если ответы есть в других темах- буду рад ссылкам.
Заранее благодарю за любую полезную информацию.
P.S. SL-256931.
Отзывы можно выключить в Настройках Основных.
Акции можно добавить через пункт меню.
#4
Отправлено 16 Декабрь 2013 - 14:14
miyako (15 Декабрь 2013 - 09:09) писал:
Акции можно добавить через пункт меню.
Про акции - добавить их и просмотреть на сайте я могу. Я не нашёл, каким образом их вывести на главную страницу подобно "хитам продаж".
Про отзывы- большое спасибо, но, к сожалению, отключение их в основных настройках по факту на сайте их не отключает..
То есть, отключает, но сам кликабельный пункт "Оставить отзыв первым" под товаром остаётся )
P.S. Кнопочку "Сохранить" нажать я не забыл )
#5
Отправлено 17 Декабрь 2013 - 05:58
- фон подвала:
footer { background: none repeat scroll 0 0 #0F0F0F; clear: both; color: #E6E4DA; overflow: hidden; padding: 1.5em 0; width: 100%; }- фон верхнего меню:
.global { background: none repeat scroll 0 0 #000000; padding: 10px; }- фон кнопки заказать:
.buy-item button { background: url("http://orossy.storeland.net/icons.png") no-repeat scroll 10% -552px #13AF13; border: medium none; color: #FFFFFF; display: inline-block; font-size: 100%; font-weight: normal; letter-spacing: 1px; line-height: 1; margin: auto; overflow: visible; padding: 0.714em 1em 0.714em 2.5em; text-align: center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); text-transform: uppercase; width: auto; }
Акции, к сожалению, нельзя вывести на главную.
На счет отзывов, в HTML и в шаблоне Товары найдите и удалите:
<div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF index_page_goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{index_page_goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{index_page_goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF index_page_goods.OPINION_RATING_CNT_ALL>0 %} <a href="{index_page_goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({index_page_goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{index_page_goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div>Переменные как index_page_goods могут отличаться, но структура одинакова
#6
Отправлено 24 Декабрь 2013 - 19:28
Что есть:
Что требуется:
По порядку:
1."Поиск" должен выглядеть, как в теме "Техника".
2."Корзину" вида: "изображение, сумма, изображение." без всяких изменений цвета при наведении, открываний подменю, просто кликабельная корзина, выглядящая, как на рисунке "Что требуется".
3.Каким образом заменить меню фон меню каталога на изображение.
4.Каким образом заменить кнопку "заказать" на изображение и убрать окошко с количеством товара
5.Как убрать надпись "ювелирный магазин Tino Rossy"(слева внизу на изображении "Что есть")? Никак не могу вспомнить, где её добавил- всё уже обыскал.. )
SL-256931
#7
Отправлено 25 Декабрь 2013 - 05:56
form[role="search"] input[type="submit"], input#search-submit { background: none repeat scroll 0 0 #404040; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17) inset; height: 2.833em; line-height: 1; margin: 0; padding: 0 0.833em; position: absolute; right: 0; z-index: 2; }измените значение background для кнопки поиска
Далее в HTML найдите:
<input title="Искать" type="submit" value="Поиск" />Замените на:
<input title="Искать" type="submit" value="" />
2. В HTML найдите и удалите:
<div class="summary"> <a href="{CART_URL}"><strong>{% IF cart_count_empty %} <span>0</span> {% ELSE %} {CART_COUNT_TOTAL} {% ENDIF %}</strong> товаров в корзине</a> </div> <div class="basket-summary"> <table {% IF cart_count_empty %}style="display: none;"{% ENDIF %}> <tbody> <tr> <td>Сумма заказа:</td> <td> {% IF cart_count_empty %} <span>0</span> {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %} {cart_sum.NOW_WITH_DISCOUNT | money_format}<br /> {% ENDFOR %} {% ENDIF %} </td> </tr> </tbody> </table> {% IF cart_count_empty %} <p>Ваша корзина пуста</p> {% ENDIF %} </div>Замените на:
<div class="summary"> <a href="{CART_URL}"> <img src="ссылка на картинку" alt="" /> {% IF cart_count_empty %} <span>0</span> {% ELSE %} {% FOR cart_sum %} {cart_sum.NOW_WITH_DISCOUNT}<br /> {% ENDFOR %} {% ENDIF %} <img src="ссылка на картинку" alt="" /> </div>3.В style.css найдите:
.nav { background: #FFD700; list-style: none outside none; position: relative; z-index: 30; }измените значение background
4. В style.css найдите:
.buy-item button { background: url("http://orossy.storeland.net/icons.png") 10% -552px no-repeat #13AF13; border: medium none currentColor; color: #FFFFFF; display: inline-block; font-size: 100%; font-weight: 400; letter-spacing: 1px; line-height: 1; margin: auto; overflow: visible; padding: 0.71em 1em 0.71em 2.5em; text-align: center; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.196); text-transform: uppercase; width: auto; }измените значение background
5. Сайт - Главная страница - убрать выбранную страницу, чтобы вообще не выбрана никакая не была.
#8
Отправлено 26 Декабрь 2013 - 16:12
1.Сразу после изменений в файле "HTML" пропал логотип.
2.Пустая корзина выглядит отлично - , но при покупке товара отображается старая версия , а при наведении , когда перезагружаешь страницу - .
Кэш браузера очищал. Ну и перенос второго изображения огорчает.
3. Кстати, когда из корзины переходишь на главную, видишь:
То есть, "популярных товаров" нет, да ещё и эта чудо надпись, которая в других ситуациях не отображается.. )
SL-256931
#9
Отправлено 27 Декабрь 2013 - 04:51
<!-- Корзина --> <div class="basket-info"> <div class="summary"> <a href="{CART_URL}"> <img src="http://st.storeland.net/2/902/520/korzina.png" alt="" /> {% IF cart_count_empty %} <span>0</span> {% ELSE %} {% FOR cart_sum %} {cart_sum.NOW_WITH_DISCOUNT}<br /> {% ENDFOR %} {% ENDIF %} <img src="http://st.storeland.net/2/902/521/rubl_.png" alt="" /> </div> </div> <!-- end Корзина -->
и замените его на
<!-- Корзина --> <div class="basket-info"> <div class="summary"> <a href="{CART_URL}"> <img src="http://st.storeland.net/2/902/520/korzina.png" alt="" /> {% IF cart_count_empty %} <span>0</span> {% ELSE %} {% FOR cart_sum %} {cart_sum.NOW_WITH_DISCOUNT} {% ENDFOR %} {% ENDIF %} <img src="http://st.storeland.net/2/902/521/rubl_.png" alt="" /></a> </div> </div> <!-- end Корзина -->
Далее найдите в шаблоне "Быстрый заказ" код
<!-- Блок для обновления данных корзины. Не виден пользователю --> <div style="display:none;" id="newCartData"> <div class="summary"> <a href="{CART_URL}"><strong>{% IF cart_count_empty %} <span>0</span> {% ELSE %} {CART_COUNT_TOTAL} {% ENDIF %}</strong> товаров в корзине</a> </div> <div class="basket-summary"> <table {% IF cart_count_empty %}style="display: none;"{% ENDIF %}> <tbody> <tr> <td>Сумма заказа:</td> <td> {% IF cart_count_empty %} <span>0</span> {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %} {cart_sum.NOW_WITH_DISCOUNT | money_format}<br /> {% ENDFOR %} {% ENDIF %} </td> </tr> </tbody> </table> {% IF cart_count_empty %} <p>Ваша корзина пуста</p> {% ENDIF %} </div> </div> <!-- JS обновление данных корзины -->
и замените его на
<!-- Блок для обновления данных корзины. Не виден пользователю --> <div style="display:none;" id="newCartData"> <div class="summary"> <a href="{CART_URL}"> <img src="http://st.storeland.net/2/902/520/korzina.png" alt="" /> {% IF cart_count_empty %} <span>0</span> {% ELSE %} {% FOR cart_sum %} {cart_sum.NOW_WITH_DISCOUNT} {% ENDFOR %} {% ENDIF %} <img src="http://st.storeland.net/2/902/521/rubl_.png" alt="" /></a> </div> </div> <!-- JS обновление данных корзины -->
#10
Отправлено 28 Декабрь 2013 - 09:48
Vassina, к сожалению, замена значков "заказать", фона полоски каталога на изображения и изменение вида поиска не удались.
В полоске каталога меняется лишь цвет, в кнопках "заказать" лишь иконки.. Их пока оставлю, как есть.
Сейчас страница выглядит так:
Серая область вокруг корзины- это участок, который она фактически занимает. То есть в этой области нельзя разместить "поиск", а, если "корзину" разместить в центре- она закрывает логотип..
Вопросы:
1.Как уменьшить область, занимаемую "корзиной"?
2.Как изменить вид поиска, чтобы он выглядел так:
Только вид. Переместить, наверное, сам смогу )
3.Случайно удалил главную страницу.. То есть фактически-то она существует по адресу сайта и "хиты продаж" на неё можно добавить, но ссылки сверху на неё нет и в разделе "страницы" её тоже нет. Как можно добавить этот пункт "главная" сверху?
SL-256931
#11
Отправлено 28 Декабрь 2013 - 10:01
ConstantinRS (28 Декабрь 2013 - 09:48) писал:
summary a {color: #000/*цвет корзины*/;font-size:25px; background: #fff/*нужный цвет*/;padding: 5.75em 0em 0.8em; position: absolute; right: 0; top: -4em; display: block; text-align: center; width: 13.333em;}если вы хотите уменьшить, то изменяйте параметр width, например поставьте вместо 13.333em 7.333em
Чтобы уменьшить строку поиска там же найдите блок кода:
form[role="search"] input[type="search"], input#search-field, .search {vertical-align: middle;-webkit-appearance: textfield;-webkit-box-sizing:content-box;border: none;width: 81% !important;height: 2.429em;font-size: 1.167em;color: #8a8a8a;position: absolute;z-index: 1;padding: 0 0.417em;margin: 0;-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);}меняем его на
form[role="search"] input[type="search"], input#search-field, .search {vertical-align: middle;-webkit-appearance: textfield;-webkit-box-sizing:content-box;border: none;width: 50% !important;height: 2.429em;font-size: 1.167em;color: #8a8a8a;position: absolute;z-index: 1;padding: 0 0.417em;margin: 0;-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);}
далее двигаем кнопку "поиск" ближе к полю, для этого найдите данный блок кода в main.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;}замените его на
form[role="search"] input[type="submit"], input#search-submit {position: absolute;right: 75px;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;}чтобы выставить поиск как на скриншоте нужно найти данный блок кода :
form[role="search"] {position: absolute; right: 30em;top: 0em;}и заменить его на
form[role="search"] {position: absolute; right: -6em;top: 6em;}далее двигаем корзину, найдите данный блок кода
.summary a {color: #000/*цвет корзины*/;font-size:25px; background: #fff/*нужный цвет*/;padding: 5.75em 0em 0.8em; position: absolute; right: 0; top: -4em; display: block; text-align: center; width: 13.333em;}и замените его на
.summary a {color: #000/*цвет корзины*/;font-size:25px; background: #fff/*нужный цвет*/;padding: 5.75em 0em 0.8em; position: absolute; right: 295px; top: -3em; display: block; text-align: center; width: 13.333em;}
#12
Отправлено 04 Январь 2014 - 13:01
#13
Отправлено 04 Январь 2014 - 15:27
Интересуют следующие вопросы:
1. Где можно изменить параметр цвета этого фона (простите, не знаю, как его назвать):
2. Так и не смог разобраться с заменой кнопок на изображения.. Но теперь это уже не актуально, сейчас мне достаточно
изменить их цвет:
3. Если не сложно, посмотрите, пожалуйста, что значат ошибки в строках файла style.css:
99, 130, 483, 632, 689, 690, 812.
Большинство этих строй я даже не трогал.
SL-256931
#14
Отправлено 04 Январь 2014 - 15:38
ConstantinRS (04 Январь 2014 - 15:27) писал:
Интересуют следующие вопросы:
1. Где можно изменить параметр цвета этого фона (простите, не знаю, как его назвать):
Безымянный.png
2. Так и не смог разобраться с заменой кнопок на изображения.. Но теперь это уже не актуально, сейчас мне достаточно
изменить их цвет:
Безымянный3.png Безымянный2.png
body { text-rendering: optimizeLegibility; text-rendering: geometricPrecision; font-size: 75%; line-height: 1.5em; font-family: 'Lato', Calibri, Arial, sans-serif; height: 100%; color: red; text-align: left; }на
body { background: yellow; text-rendering: optimizeLegibility; text-rendering: geometricPrecision; font-size: 75%; line-height: 1.5em; font-family: 'Lato', Calibri, Arial, sans-serif; height: 100%; color: red; text-align: left; }в строке
background: yellow;задайте цвет фона
2) Цвет кнопок можно изменить в style.css в блоке:
.buy-item button { width: auto; overflow: visible; padding: 0.714em 1em 0.714em 2.5em; background: url("http://orossy.storeland.net/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; }в строке:
background: url("http://orossy.storeland.net/icons.png") no-repeat scroll 10% -552px #13AF13;вместо
#13AF13напишите другой цвет
#15
Отправлено 04 Январь 2014 - 19:02
input[type="submit"], button.submit,input[type="reset"] {background: #[color=#282828][size=2][background=rgb(248, 248, 248)]13AF13[/background][/size][/color][size=4];[/size] color: #fff; letter-spacing: 1px; padding: 0.6em;text-transform: uppercase; font-weight: bold;line-height: 1; text-shadow: 0px 1px 0px rgba(0,0,0,0.2); display: block;text-align: center;border: none;}
Заменяется также параметр в background, в данном случае- 13AF13, если кому-то интересно.
#17
Отправлено 15 Май 2014 - 15:11
Павел1896 (15 Май 2014 - 14:28) писал:
Хочу поставить песочный цвет)
Создать блок новостей в правой части, и туда же перенести, блок сравнения товара))
заранее спасибо за ответ!))
аккаунт - x26054
#left .block .bluesmall, #right .block .bluesmall { background:url({ASSETS_IMAGES_PATH}block-bg.jpg) no-repeat; height:28px; padding:9px 0 0 20px; }
#left .block .bluelarge, #right .block .bluelarge { background:url({ASSETS_IMAGES_PATH}block-bg.jpg) 0 -37px no-repeat;height:36px; padding:15px 0 0 20px; }заменяете значение background:#567845 на нужный Вам цвет
Вернее состоит из картинок
Темы с аналогичным тегами изменить цвет, изменение цветовой схемы
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Сияние →
Изменение общей стилистики →
Шрифт И Цвет На Странице Товара В Разных БлокахАвтор Гость_ready2slide_* , 09 окт. 2014 изменить шрифт, изменить цвет и 4 еще... |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных