Фон Размеры Идр
#1
Отправлено 27 Сентябрь 2013 - 14:03
Как сделать уже шапку?
Поиск сместить вправо
Перекрасить фон(там где помечено красным)
И возможно ли создать доп меню слева?
#3
Отправлено 27 Сентябрь 2013 - 14:27
ilnarius (27 Сентябрь 2013 - 14:03) писал:
Как сделать уже шапку?
Поиск сместить вправо
Перекрасить фон(там где помечено красным)
И возможно ли создать доп меню слева?
.head ul {padding: 0;margin: 0 auto;height: 40px;}и измените параметр в меньшую сторону
height: 40px;2. В style.css найдите блок
form[role="search"] {position: absolute; right: 2em;top: 2.5em;}и измените параметры,например
form[role="search"] {position: absolute; right: 38em;top: 4.5em;}3. style.css найдите блоки
.global {background: #000;padding: 10px}
.nav {list-style: none;*zoom: 1;background:#000;z-index:30;position: relative;}
footer {clear: both;background: #0f0f0f;overflow: hidden;padding: 1.5em 0;color: #e6e4da;width: 100%;}и замените везде
background:на
background:red4. В бэк-офисе Сайт->Меню Создать блок меню.
Затем в Редакторе шаблонов->HTML и вставьте блок
<ul class="head"> {% FOR menu %} {% FOR header %} {% FOR links %} <li> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul>, где вместо
headerвезде будет имя переменной в шаблоне.
#4
Отправлено 27 Сентябрь 2013 - 15:02
ilnarius (27 Сентябрь 2013 - 14:21) писал:
Как добавить запись к Беспл д-ка во всех товарах?
И вместо "оставить отзыв первым" указывать кол-во отзывов и есть ли возможность оценивать товар по пятибальной шакале? спасибо.
2. Куда бы Вы хотели вставить эту запись, в раздел Доставка?
3. Вы хотите указывать количество отзывов, не указывая самих отзывов? При создании отзыва имеется десятибальная оценка товара.
#5
Отправлено 27 Сентябрь 2013 - 15:17
shnafix (27 Сентябрь 2013 - 15:02) писал:
2. Куда бы Вы хотели вставить эту запись, в раздел Доставка?
3. Вы хотите указывать количество отзывов, не указывая самих отзывов? При создании отзыва имеется десятибальная оценка товара.
как поднять категории? и как поменять фон на свой выбранный цвет?
на счет надписи, я хочу, чтобы надпись отображалась на всех карточках товаров как на скриншоте+ эти же самые звездочки, по оценкам пользователей
#6
Отправлено 27 Сентябрь 2013 - 15:39
в карточке, остается неизменным то, что в красной рамке, т. е. в ряду это будет смотреться ровно. а для названия товара будет хватать место наверху, над рамкой.
и еще нужно, чтобы в красной табличке были звездочки, цена, кнопка, и гиперссылка "бесплатная доставка", нажимая на которую перейдет к странице с условиями доставки.
еще цену нужно сделать красного цвета жирным шрифтом, значок доллара должен быть спереди и должен быть жирным шрифтом
пока все)
#7
Отправлено 28 Сентябрь 2013 - 02:19
Цитата
Найдите в файле стилей style.css
header[role="banner"] { min-height: 10em; overflow: hidden; position: relative; z-index: 10; }
и замените на
header[role="banner"] { height: 50px; overflow: hidden; position: relative; z-index: 10; }
Цитата
В файле стилей найдите
footer { background: #0F0F0F; clear: both; color: #E6E4DA; overflow: hidden; padding: 1.5em 0; width: 100%; }
и замените цвет свойства background
Цитата
По умолчанию в шаблоне "Товары" используется код
<div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF goods.OPINION_RATING_CNT_ALL>0 %} <a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div>
который находится непосредственно перед кнопкой <div class="buy-item"> данный код отображает количество отзывов и его рейтинг в виде звезд.
Цитата
в карточке, остается неизменным то, что в красной рамке, т. е. в ряду это будет смотреться ровно. а для названия товара будет хватать место наверху, над рамкой.
и еще нужно, чтобы в красной табличке были звездочки, цена, кнопка, и гиперссылка "бесплатная доставка", нажимая на которую перейдет к странице с условиями доставки.
еще цену нужно сделать красного цвета жирным шрифтом, значок доллара должен быть спереди и должен быть жирным шрифтом
пока все)
Вы хотите переделать отображение товара в карточке товара - шаблон "Товар"? Данные изменения затруднительны, так как понадобиться полностью переделывать шаблон "Товар" учитывая что это адаптивный дизайн. Не совсем понятна целесообразность данных изменений.
#8
Отправлено 28 Сентябрь 2013 - 11:34
Vaccina (28 Сентябрь 2013 - 02:19) писал:
header[role="banner"] { min-height: 10em; overflow: hidden; position: relative; z-index: 10; }
и замените на
header[role="banner"] { height: 50px; overflow: hidden; position: relative; z-index: 10; }
В файле стилей найдите
footer { background: #0F0F0F; clear: both; color: #E6E4DA; overflow: hidden; padding: 1.5em 0; width: 100%; }
и замените цвет свойства background
По умолчанию в шаблоне "Товары" используется код
<div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% IF goods.OPINION_RATING_CNT_ALL>0 %} <a href="{goods.URL | url_amp}?generally_is_good=-1&page=1">Отзывы ({goods.OPINION_RATING_CNT_ALL})</a> {% ELSE %} <a href="{goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div>
который находится непосредственно перед кнопкой <div class="buy-item"> данный код отображает количество отзывов и его рейтинг в виде звезд.
Вы хотите переделать отображение товара в карточке товара - шаблон "Товар"? Данные изменения затруднительны, так как понадобиться полностью переделывать шаблон "Товар" учитывая что это адаптивный дизайн. Не совсем понятна целесообразность данных изменений.
#9
Отправлено 28 Сентябрь 2013 - 11:39
ilnarius (28 Сентябрь 2013 - 11:34) писал:
Найдите код в style.css -
.buy-item { clear: both; overflow: hidden; margin-bottom: 1em; }и замените на -
.buy-item { clear: both; overflow: hidden; margin-bottom: 1em; position: absolute; bottom: 0; }
#11
Отправлено 28 Сентябрь 2013 - 12:22
ilnarius (28 Сентябрь 2013 - 11:41) писал:
1) Найдите код в style.css -
.nav { list-style: none; background: #000; z-index: 30; position: relative; }#000 замените на Ваш
2) Далее найдите код -
.global { background: #000; padding: 10px; }#000 замените на Ваш
3) Найдите код -
.bg { background: #f6f6f4; }и #f6f6f4 замените на Ваш
4) Найдите код -
footer { clear: both; background: #0f0f0f; overflow: hidden; padding: 1.5em 0; color: #e6e4da; width: 100%; }#0f0f0f замените на Ваш
#12
Отправлено 28 Сентябрь 2013 - 12:24
miyako (28 Сентябрь 2013 - 12:22) писал:
.nav { list-style: none; background: #000; z-index: 30; position: relative; }#000 замените на Ваш
2) Далее найдите код -
.global { background: #000; padding: 10px; }#000 замените на Ваш
3) Найдите код -
.bg { background: #f6f6f4; }и #f6f6f4 замените на Ваш
4) Найдите код -
footer { clear: both; background: #0f0f0f; overflow: hidden; padding: 1.5em 0; color: #e6e4da; width: 100%; }#0f0f0f замените на Ваш
#14
Отправлено 28 Сентябрь 2013 - 18:33
ilnarius (28 Сентябрь 2013 - 13:53) писал:
2) Нужно измениь шрифт в каталоге
3) Изменить фон корзины
и как поменять шрифт в подвале?
form[role="search"] input[type="submit"]:hover, input#search-submit:hover {background-color: #505050;}#505050 - цвет кнопки поиск при наведении
2) строчку
.nav > li > .parent {background-image: url("http://stylewatch.storeland.net/downArrow.png");background-repeat: no-repeat;background-position: right;}замените на
.nav > li > .parent {background-image: url("http://stylewatch.storeland.net/downArrow.png");background-repeat: no-repeat;background-position: right;font-family: vedana;}вместо vedana напишите название Вашего шрифта
3)
.summary a:hover, .basket-info:hover .summary a {background: #4a4949; color: #d5d5d5} .summary a:hover strong, .basket-info:hover .summary a strong {background: #0f0f0f;}#4a4949 и #0f0f0f - цвета при наведении
4) найдите
footer {clear: both;background: #F1F1F0;overflow: hidden;padding: 1.5em 0;color: #e6e4da;width: 100%;}#e6e4da - цвет текста в подвале
footer a {color: #d5d5d5;} footer a:hover {color: #fff;}#d5d5d5 - цвет ссылок в подвале
#fff - цвет ссылок при наведении
#15
Отправлено 28 Сентябрь 2013 - 19:14
1) Как уместить корзину на шапке, те значок корзины и надпись рядом с ней корзина при наведении выходит сколько товаров в корзине.
2) как убрать значок лупы в поиске? (только не удаляя картинку)
3) как сузить категории
4)и возможно ли будет размещать вход в лк и др кнопки на подобие корзины, чтобы они все вмещались на шапке сайта в серой области.
#16
Отправлено 29 Сентябрь 2013 - 07:13
ilnarius (28 Сентябрь 2013 - 19:14) писал:
1) Как уместить корзину на шапке, те значок корзины и надпись рядом с ней корзина при наведении выходит сколько товаров в корзине.
2) как убрать значок лупы в поиске? (только не удаляя картинку)
3) как сузить категории
4)и возможно ли будет размещать вход в лк и др кнопки на подобие корзины, чтобы они все вмещались на шапке сайта в серой области.
1) Найдите код в style.css -
.summary a { color: #ffe4ab; background: #F1F1F0; 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: #F1F1F0; padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -16.2px; display: block; text-align: center; width: 13.333em; padding-top: 4px; padding-bottom: 1px; }
Найдите код -
.basket-summary { background: #4a4949; color: #000; display: none; position: absolute; z-index: 1000; padding: 0 1em 1em; right: 0; width: 13.333em; }и замените на -
.basket-summary { background: #4a4949; color: #000; display: none; position: absolute; z-index: 1000; padding: 0 1em 1em; right: 0; width: 13.333em; top: 10px; }
2) Найдите код -
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; background: #fff url('{ASSETS_IMAGES_PATH}search.png') left center no-repeat; padding-left: 33px !important; }и замените на -
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; padding-left: 33px !important; }
3) Найдите код -
.nav a { padding: 15px 15px; color: #fff; text-transform: uppercase; z-index: 50; }и измените на -
.nav a { padding: 13px 15px; color: #fff; text-transform: uppercase; z-index: 50; }
#17
Отправлено 29 Сентябрь 2013 - 19:04
miyako (29 Сентябрь 2013 - 07:13) писал:
.summary a { color: #ffe4ab; background: #F1F1F0; 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: #F1F1F0; padding: 1.75em 1em 1.5em; position: absolute; right: 0; top: -16.2px; display: block; text-align: center; width: 13.333em; padding-top: 4px; padding-bottom: 1px; }
Найдите код -
.basket-summary { background: #4a4949; color: #000; display: none; position: absolute; z-index: 1000; padding: 0 1em 1em; right: 0; width: 13.333em; }и замените на -
.basket-summary { background: #4a4949; color: #000; display: none; position: absolute; z-index: 1000; padding: 0 1em 1em; right: 0; width: 13.333em; top: 10px; }
2) Найдите код -
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; background: #fff url('{ASSETS_IMAGES_PATH}search.png') left center no-repeat; padding-left: 33px !important; }и замените на -
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; padding-left: 33px !important; }
3) Найдите код -
.nav a { padding: 15px 15px; color: #fff; text-transform: uppercase; z-index: 50; }и измените на -
.nav a { padding: 13px 15px; color: #fff; text-transform: uppercase; z-index: 50; }
#18
Отправлено 29 Сентябрь 2013 - 19:34
#19
Отправлено 29 Сентябрь 2013 - 20:19
1) у брать серую область около большого изображения товара. или перекрасить в белый цвет
2)2 изменить значок "товар есть в наличии"
3) спустить вниз "недавно просмотренные товары"
4)поменять местами название товара и "вернуться в категорию Х"
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных