Интернет-Магазин Трикотажа (Шаблон Сияние)
#181
Отправлено 30 Июль 2013 - 10:12
1. как сейчас мне выровнять по новой шапке и убрать поиск вообще
2. вверху есть темная полоса, как её убрать? (скрин №1)
3. как сделать шапку так же как в скрине №2
4. как сделать такой подвал, чтобы пункты - каталог, помощь покупателю и т.д были неактивны, а остальные пункты которые находятся ниже их сделать активными ссылками (скрин №3)
#182
Отправлено 30 Июль 2013 - 13:15
punkkez (30 Июль 2013 - 10:12) писал:
1. как сейчас мне выровнять по новой шапке и убрать поиск вообще
2. вверху есть темная полоса, как её убрать? (скрин №1)
3. как сделать шапку так же как в скрине №2
4. как сделать такой подвал, чтобы пункты - каталог, помощь покупателю и т.д были неактивны, а остальные пункты которые находятся ниже их сделать активными ссылками (скрин №3)
1) Найдите в шаблоне HTML код -
<!-- Поиск --> <div id="search"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div> <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="search_box alignleft" name="q" /> <input type="image" class="submit alignright" src="{ASSETS_IMAGES_PATH}search_but.gif" /> <div class="clr"></div> </div> </form> </div> <div class="clr"></div> <!-- end Поиск -->и удалите его.
Далее найдите в файле main.css код -
#top-menu { height: 40px; margin-top: -39px; }и замените на:
#top-menu { height: 40px; }
2) Найдите код в шаблоне HTML -
<div class="b_page" id="wrapper">и замените на:
<div class="b_page" id="wrapper" style="margin-top:0px;">
3. Логотип. Загрузите Изображение logo.png (в формате png) через Сайт-Редактор шаблонов- Выбрать Файлы
Слоган. Найдите код в HTML -
<div class="pad-box cont620" id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="На главную"></a></div> <div class="slogan"><em><strong><center><span></span></center></strong></em></div>и замените на:
<div class="pad-box cont620" id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="На главную"></a> <p class="slog">Ваш слоган</p> </div>Далее вставьте код в конец main.css -
.slog {color: black; font-size: 19px; font-weight: bold;}
4. Объясните пожалуйста подробнее. На скриншоте непонятно что значит в Вашем понимании быть активными
Проделайте пожалуйста все эти изменения, затем можно будет доделать остальное
#183
Отправлено 30 Июль 2013 - 13:18
Цитата
что то как то не все получилось
#184
Отправлено 30 Июль 2013 - 15:19
#185
Отправлено 31 Июль 2013 - 00:18
#cartInfo { font-size: 13px; height: 50px; left: 800px; margin-top: 10px; overflow: hidden; position: absolute; top: 54px; white-space: nowrap; width: 340px; }
и замените на
#cartInfo { font-size: 13px; height: 90px; overflow: hidden; position: absolute; right: 0; top: 54px; white-space: nowrap; width: 200px; }
далее найдите
#cartInfo a { color: #000000; font: 20px Verdana,Geneva,sans-serif; padding: 5px 0 5px 45px; text-transform: uppercase; }
и замените на
#cartInfo a { color: #000000; display: block; font: 20px Verdana,Geneva,sans-serif; padding-top: 10px; text-align: center; text-transform: uppercase; }
далее понадобиться только изменить надпись в шаблоне "HTML" а именно убрать лишний тег <br /> и заменить текст в случае необходимости.
Для подвала вы можете использовать следующую конструкцию
<div class="footer-block"> <span>Каталог</span> <ul> {% FOR menu %} {% FOR header1 %} {% FOR links %} <li><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div>
где
<span>Каталог</span>
заголовок, а остальная часть <ul> уже списки. Данных блоков может быть несколько, и все они подразумевают создание дополнительных меню в разделе Сайт -> Меню. В примере выше в качестве "Имя переменной в шаблоне" использовалась "header1". Данные блоки вы можете вставить внутрь блока
<div class="left">
вашего подвала, предварительно удалив из блока все данные. В результате может получиться следующее
<div class="left"> <div class="footer-block"> <span>Каталог</span> <ul> {% FOR menu %} {% FOR header1 %} {% FOR links %} <li><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> <div class="footer-block"> <span>Помощь покупателю</span> <ul> {% FOR menu %} {% FOR header2 %} {% FOR links %} <li><a href="{menu.header2.links.URL}" {% IF menu.header2.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> </div> <div style="clear: both;"></div>
для стилизации и выравнивании блоков - можно добавить в файл стилей main.css
.footer-block { color: #fff; float: left; }
#186
Отправлено 31 Июль 2013 - 06:23
#187
Отправлено 31 Июль 2013 - 13:31
#188
Отправлено 31 Июль 2013 - 13:49
punkkez (31 Июль 2013 - 06:23) писал:
#footer .left ul liудалите
display: inline;а код
padding-right: 8px;замените на этот
padding: 5px 15px 0 5px;
#190
Отправлено 31 Июль 2013 - 14:02
а как сделать корзину так же как в скрине выше (http://forum.storela...attach_id=10776), и как в приложенном скрине скруглить углы и убрать полосу между меню и контентом
Сообщение отредактировал punkkez: 31 Июль 2013 - 14:27
#191
Отправлено 31 Июль 2013 - 15:22
punkkez (31 Июль 2013 - 14:02) писал:
а как сделать корзину так же как в скрине выше (http://forum.storela...attach_id=10776), и как в приложенном скрине скруглить углы и убрать полосу между меню и контентом
<p><a href="http://izh-futbolka.ru/feedback">Обратная связь</a></p> <p><a href="http://vk.com/izh_futbolka" target="_blank">Мы Вконтакте</a></p>на
<li><a href="http://izh-futbolka.ru/feedback">Обратная связь</a></li> <li><a href="http://vk.com/izh_futbolka" target="_blank">Мы Вконтакте</a></li>Теперь в main.css добавьте код
#header { margin-bottom: -1px; }а код
#cpages { background: url(http://izh-futbolka.storeland.net/cpage-top-bg.jpg) repeat-y 0px 80px; padding-top: 20px; }
#cpages { background: url(http://izh-futbolka.storeland.net/cpage-top-bg.jpg) repeat-y 0px 80px; padding-top: 20px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }В корзине вам нужен текст, отражающий не только стоимость товаров в корзине , но и их кол-во? Попробуйте в html код
<span class="num">{cart_sum.NOW | money_format}</span><br />заменить на этот
<span class="num"> {CART_COUNT_TOTAL}товар{CART_COUNT_TOTAL | gen_word_end("", "а", "ов")} | {cart_sum.NOW | money_format}</span><br />
#194
Отправлено 31 Июль 2013 - 16:08
#195
Отправлено 31 Июль 2013 - 17:31
#196
Отправлено 31 Июль 2013 - 23:04
punkkez (31 Июль 2013 - 17:31) писал:
<div id="wrapper">Этот тет имеет такой-же идентификатор, как тег, содержащий фон сайта. Надо просто поменять идентификатор у этого тега, например
<div id="wrap">В том же шаблоне, код, отражающий цену товара в зависимости от того, зарегистрирован пользователь или нет
<!-- Цена сейчас --> {% IF CLIENT_IS_LOGIN %} Цена:<span class="goodsDataMainModificationPriceNow" title="Цена сейчас" itemprop="price" content="{GOODS_MOD_PRICE_OLD}">{GOODS_MOD_PRICE_OLD | money_format}</span> {%ELSE%} Цена:<span class="goodsDataMainModificationPriceNow" title="Цена сейчас" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span> {%ENDIF%}Нужно оставить, видимо, только строчку
Цена:<span class="goodsDataMainModificationPriceNow" title="Цена сейчас" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span>
#197
Отправлено 01 Август 2013 - 06:14
немного разобрался как сделать эту кнопку, теперь нужно ее выровнять чтобы она была одинаково расположена по сравнению с остальными товарами
и еще нужно выровнять все заголовки блоков по одной линии (скрин2) и сделать отступы поменьше (выделил красным)
#198
Отправлено 01 Август 2013 - 11:50
На странице возникла JS ошибка: Script error. на строке: 0. Адрес файла: Как исправить ошибку?
#199
Отправлено 01 Август 2013 - 15:54
punkkez (01 Август 2013 - 06:14) писал:
немного разобрался как сделать эту кнопку, теперь нужно ее выровнять чтобы она была одинаково расположена по сравнению с остальными товарами
и еще нужно выровнять все заголовки блоков по одной линии (скрин2) и сделать отступы поменьше (выделил красным)
<a class="readmore-3" title="{goods.NAME}" href="{goods.URL}">Подробнее</a> </div>вот этот <div> в конец переставьте вначало, перед <a>. Далее ~30 строками выше код
<div class="goodsListItemBlock withBorder cornerAll">измените так
<div class="goodsListItemBlock withBorder cornerAll" style="position: relative;">В main.css код
a.readmore-3 { margin: auto; font: bold 12px/30px Arial, Geneva, sans-serif; color: #666; text-decoration: none; background: url({ASSETS_IMAGES_PATH}read_more_only_button.jpg) no-repeat left top; height: 30px; width: 135px; padding-left: 15px; display: block;} a.readmore-2:hover{color: #fff; background: url({ASSETS_IMAGES_PATH}read_more_only_button.jpg) no-repeat left bottom;}замените на этот
a.readmore-3 { font: bold 12px/30px Arial, Geneva, sans-serif; color: #666; text-decoration: none; background: url({ASSETS_IMAGES_PATH}read_more_only_button.jpg) no-repeat left top; height: 30px; width: 150px; display: block;} a.readmore-2:hover{color: #fff; background: url({ASSETS_IMAGES_PATH}read_more_only_button.jpg) no-repeat left bottom; position: absolute; left: 15%; bottom: 3px; }Выровнять заголовки в левом блоке можно так. В main.css в коде
.lenta { position: absolute; background: no-repeat url({ASSETS_IMAGES_PATH}verh_catalog.png); width: 220px; height: 30px; z-index: 1; margin-left: -27px; }удалите margin-left: -27px;
А в коде
.leftmenu li h2 { font: bold 17px/60px Helvetica, "Trebuchet MS", Arial, sans-serif; color: #ED6D18; text-transform: uppercase; margin-left: 40px; margin-top: -5px; }меняйте margin-left: 40px; чтобы двигать все эти заголовки. При значении 40px, заголовки будут примерно посередине. Чтобы они выровнялись по левому краю, можно присвоить значение 10px.Теперь с ценами. В шаблоне "Товары" код
{% IF CLIENT_IS_LOGIN %}<a href="{goods.URL_MIN_PRICE_OLD}">{goods.MIN_PRICE_OLD | money_format}</a>{% ELSE %}<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>{% ENDIF %}измените на
<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>Для товаров, отображаемых таблицей. И код
Цена сейчас: {% IF CLIENT_IS_LOGIN %}<a href="{goods.URL_MIN_PRICE_OLD}">{goods.MIN_PRICE_OLD | money_format}</a>{% ELSE %}<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>{% ENDIF %}замените на
<a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>Для товаров, отображаемых списком.
#200
Отправлено 01 Август 2013 - 18:20
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных