Заколдованная Шапка
#1
Отправлено 23 Декабрь 2013 - 15:47
#2
Отправлено 23 Декабрь 2013 - 16:20
#3
Отправлено 23 Декабрь 2013 - 21:28
#4
Отправлено 24 Декабрь 2013 - 04:28
Прикрепите изображение - скриншот хотя бы и саму картинку прикрепите. =)
#5
Отправлено 09 Январь 2014 - 14:35
#6
Отправлено 09 Январь 2014 - 14:42
onmyoji (09 Январь 2014 - 14:35) писал:
repeat-x отвечает за эту функцию, вы можете поставить no-repeat и тогда фон не будет повторяться.
Могу предложить вам такой вариант
Находим
#headerWrap { height: 309px; background: url(http://design.ecograce.ru/header_bg.jpg) no-repeat; }
Заменяем на
#headerWrap { height: 309px; }
Получиться такой результат
#7
Отправлено 09 Январь 2014 - 16:34
#8
Отправлено 07 Февраль 2014 - 16:23
1. Шапка смещена влево - нужно по центру;
2. Название магазина, время работы, поиск - сместить ПОД картинку;
3. Слоган убрать совсем (еще не решила нужен ли он, на тот случай если решу, что не нужен);
4. В каталоге сейчас размещение товара по ячейкам - нужно списком ( как в каком-то другом шаблоне - картинка, название, цена + краткое описание)
#9
Отправлено 07 Февраль 2014 - 16:54
Марина К. (07 Февраль 2014 - 16:23) писал:
1. Шапка смещена влево - нужно по центру;
2. Название магазина, время работы, поиск - сместить ПОД картинку;
3. Слоган убрать совсем (еще не решила нужен ли он, на тот случай если решу, что не нужен);
4. В каталоге сейчас размещение товара по ячейкам - нужно списком ( как в каком-то другом шаблоне - картинка, название, цена + краткое описание)
#headerWrap {height: 309px;background: url({ASSETS_IMAGES_PATH}http://igra-na-stole.storeland.net/2.jpg?7842) no-repeat;}на
#headerWrap {height: 355px;}
#header { position: relative; width: 960px; height: 309px; margin: 0 auto; }на
#header { position: relative; width: 960px; height: 355px; margin: 0 auto; background: url({ASSETS_IMAGES_PATH}http://igra-na-stole.storeland.net/2.jpg?7842) no-repeat center top; }
#header #logo { position: absolute; top: 18px; left: 10px; height: 79px; width: 300px; background: url(http://igra-na-stole.storeland.net/logo.png) no-repeat; }на
#header #logo { position: absolute; bottom: 40px; left: 10px; height: 79px; width: 300px; background: url(http://igra-na-stole.storeland.net/logo.png) no-repeat; }
#contactInfo { position: absolute; font-size: 1.2em; top: 5px; left: 330px; }на
#contactInfo { position: absolute; font-size: 1.2em; bottom: 15px; left: 330px; }
#searchPanel { position: absolute; top: 15px; right: 10px; }на
#searchPanel { position: absolute; bottom: 55px; right: 10px; }
#header #title { margin: 0; position: absolute; right: 10px; width: 420px; bottom: 44px; }на
#header #title { margin: 0; position: absolute; right: 10px; width: 420px; bottom: 44px; display: none; }
#10
Отправлено 07 Февраль 2014 - 17:32
Еще возник вопрос: вставила фон - закрылась картинка в шапке. Как ее вернуть?
#11
Отправлено 07 Февраль 2014 - 17:58
Марина К. (07 Февраль 2014 - 17:32) писал:
Еще возник вопрос: вставила фон - закрылась картинка в шапке. Как ее вернуть?
#header { position: relative; width: 960px; height: 355px; margin: 0 auto; background: url({ASSETS_IMAGES_PATH}http://igra-na-stole.storeland.net/2.jpg?7842) no-repeat center top; }
#12
Отправлено 10 Февраль 2014 - 17:33
Теперь после моих манипуляций пропала картинка в шапке - помогите вернуть!
И как изменить цвет и размер шрифта контактов?
И еще. Как прикрепить какой нибудь значок рядом с названием странички (зеленая стрелочка)
Спасибо!
#13
Отправлено 10 Февраль 2014 - 21:34
1.Укажите пожалуйста название картинки, которая пропала.
2.Найдите данный блок кода в шаблоне main.css
.contactInfoContentCountryCode {color:#3399cc;} .contactInfoContent { height:100px; width: 180px; vertical-align:middle; }
замените его на:
.contactInfoContentCountryCode {color:black;} .contactInfoContent { height:100px; width: 180px; vertical-align:middle; color:black; }
В первой строке изменяется цвет "+7"
в следующих строках остальные цифры.
чтобы изменить цвет , вам нужно изменить значение параметра color , HTML код цветов можно найти в интернете.
3.По поводу картинки favicon вы можете прочитать в нашем разделе FAQ : http://storeland.ru/about/faq#52
#14
Отправлено 11 Февраль 2014 - 12:41
Марина К. (07 Февраль 2014 - 16:23) писал:
Все остальное получилось, спасибо
#15
Отправлено 11 Февраль 2014 - 15:56
Марина К. (11 Февраль 2014 - 12:41) писал:
Все остальное получилось, спасибо
Здравствуйте, уточните пожалуйста, вы хотите сделать вывод только товаров списком? или хотите пользователям дать возможность выбирать между выводом списком или таблицей?
#16
Отправлено 11 Февраль 2014 - 16:21
#17
Отправлено 11 Февраль 2014 - 16:41
Марина К. (11 Февраль 2014 - 16:21) писал:
Перед выполнением инструкций, сделайте бекап шаблона.
Редактируем шаблон Товары
Находим
{% FOR goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div> <h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3> <div class="goodsListItemPriceNew"> <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a> </div> <div class="goodsListItemPriceOld"> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div> </div> </td> {% IFNOT goods.last %}{goods.index | is_divided("4","</tr><tr>","")}{% ENDIF %} {% ENDFOR goods %}
Заменяем на
{% FOR goods %} <div class="listing"> <div class="imagem"><a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><img class="goods-image-other" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_OTHER}"{% ENDIF %} alt="{goods.NAME}" /></a></div> <div class="contm"> <h3><a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»">{goods.NAME}</a></h3> <p> {goods.DESCRIPTION_SHORT} </p> <p> Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br /> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} Цена без учёта скидки: <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a><br /> <span class="listingDiscountInfo">До {goods.MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет: {goods.MAX_DISCOUNT}%</span> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} Старая цена: <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </p> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <span class="buybutton"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить «{goods.NAME}» в корзину">Купить</a> </span> </form> <span> <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a> </span> </div> <div class="clr"></div> </div> {% ENDFOR %}
Далее добавляем стили в main.css в самый конец
/*product listing*/ .listing { margin-bottom: 10px; padding-top: 10px; padding-bottom: 15px; height:150px; background: url({ASSETS_IMAGES_PATH}hrbg.gif) no-repeat left bottom; } .listing a img { border:none;} .listing .image { position: relative; display: inline; float: left; width: 110px; margin-right: 10px; border: 1px solid #D6D6D6; text-align: center; background: #FFF; padding: 1px; } .listing .cont { position: relative; display: inline; float: left; width: 480px; } .listing .container { position: relative; display: inline; float: left; width: 665px; } .listing .imagem { position: relative; display: inline; float: left; width: 220px; margin-right: 10px; border: 1px solid #D6D6D6; text-align: center; background: #FFF; padding: 1px;} .listing .imagem a {display:block;} .listing .contm {position: relative; display: inline; float: left; width: 435px; } .listing .contm a span span {color: #390;font-weight:bold;} .listing .contm .lineThrough, .listing .contm .lineThrough span span {color: #888;font-weight:normal;} .listing .contm .listingDiscountInfo {color: #df7b11;font-size:12px;} .contm h3, h3 a { font: 1.5em/1.1111em Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", serif; font-style: italic; font-weight: normal; color: #BE9E4C; margin: 5px 0 5px 0; } .buybutton { margin: 0 10px 0 10px; }
#19
Отправлено 11 Февраль 2014 - 16:57
Марина К. (11 Февраль 2014 - 16:52) писал:
Находим
.listing { margin-bottom: 10px; padding-top: 10px; padding-bottom: 15px; height: 150px; background: url(http://igra-na-stole.storeland.net/hrbg.gif) no-repeat left bottom; }
Заменяем на
.listing { margin-bottom: 10px; padding-top: 10px; padding-bottom: 15px; height: 230px; background: url(http://igra-na-stole.storeland.net/hrbg.gif) no-repeat left bottom; }
#20
Отправлено 12 Февраль 2014 - 06:49
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных