Помогите Подправить Некоторые Элементы В Шаблоне
#1
Отправлено 24 Ноябрь 2013 - 21:12
#2
Отправлено 24 Ноябрь 2013 - 23:19
Prorock_Ugl (24 Ноябрь 2013 - 21:12) писал:
Логотип. В main.css замените
#header .blocks .logotype { margin:-75px 0 0 20px; float:left; }на это
#header .blocks .logotype { margin:-75px 0 0 0px; float:left; }
Далее ICQ. В HTML замените код
<div class="rght"> <ul style="height:60px;"> <li class="title">Контакты для связи:</li> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %} </ul> {% IF SETTINGS_STORE_WORK_TIME %} <ul> <li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li> </ul> {% ENDIF %} </div> <div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div> <ul class="telephone23"> {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %} {% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %} </ul>на этот
<div class="rght"> <ul style="height:60px;"> <li class="title">Контакты для связи:</li> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %} {% IF SETTINGS_STORE_ICQ %}<li class="icq"><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %} </ul> {% IF SETTINGS_STORE_WORK_TIME %} <ul> <li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li> </ul> {% ENDIF %} </div> <div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>И в конец main.css добавьте
#header .blocks .rght ul li.icq { margin-left: 45px;}
И, наконец, основной контент.
В main.css замените
#index { background:url({ASSETS_IMAGES_PATH}index-bg.jpg) 512px 0 repeat-y; margin:-11px 0 -11px 0; padding:11px 0 11px 0;}на это
#index { margin:-11px 0 -11px 0; padding:11px 0 11px 0;это убрали вертикальную линию. Далее
#mainindex { float:left; width:512px; }замените на это
#mainindex { float:left; width:755px; }Так мы расширили блок основного контента.
#3
Отправлено 25 Ноябрь 2013 - 10:23
sengun (24 Ноябрь 2013 - 23:19) писал:
В main.css замените
#index { background:url({ASSETS_IMAGES_PATH}index-bg.jpg) 512px 0 repeat-y; margin:-11px 0 -11px 0; padding:11px 0 11px 0;}на это
#index { margin:-11px 0 -11px 0; padding:11px 0 11px 0;это убрали вертикальную линию. Далее
#mainindex { float:left; width:512px; }замените на это
#mainindex { float:left; width:755px; }Так мы расширили блок основного контента.
Спасибо. По первым двум пунктам все получилось, а вот после выполнения третьего шаблон развалился. Прикрепляю скрин.
#4
Отправлено 25 Ноябрь 2013 - 11:29
Prorock_Ugl (25 Ноябрь 2013 - 10:23) писал:
#5
Отправлено 25 Ноябрь 2013 - 11:38
ne_yana (25 Ноябрь 2013 - 11:29) писал:
Не получилось проделать только пункт с изменением основного контента (раздвинуть каталог и убрать бордюр), шаблон развалился. Затем я отменил данные изменения, шаблон пришел в первоначальный вид.
#6
Отправлено 25 Ноябрь 2013 - 11:58
#8
Отправлено 26 Ноябрь 2013 - 04:06
Далее в файле стилей main.css
#header { clear: both; height: 120px; width: 100%; }
и замените на
#header { clear: both; height: 545px; width: 100%; }
далее найдите
#panelsite div.rightcol a { color: #686868; display: block; float: left; font: 14px Verdana,Geneva,sans-serif; height: 58px; margin: 5px 0 0 30px; overflow: hidden; padding: 20px 0; text-decoration: none; width: 48px; }
и замените на
#panelsite div.rightcol a { color: #686868; display: block; float: left; font: 14px Verdana,Geneva,sans-serif; height: 58px; margin: 5px 0 0 30px; overflow: hidden; padding: 20px 0; text-decoration: none; width: 54px; }
далее найдите
#index { background: url("{ASSETS_IMAGES_PATH}index-bg.jpg") repeat-y scroll 512px 0 rgba(0, 0, 0, 0); margin: -11px 0; padding: 11px 0; }
и замените на
#index { margin: -11px 0; padding: 11px 0; }
далее найдите
#mainindex { float: left; width: 512px; }
и замените на
#mainindex { float: left; width: 752px; }
#9
Отправлено 26 Ноябрь 2013 - 10:23
#10
Отправлено 26 Ноябрь 2013 - 19:03
В файле "main.css".
Найти код:
#header .blocks .logotype { margin:-75px 0 0 0px; float:left; }Заменить:
#header .blocks .logotype { margin: -81px 0 0 0px; float:left; }Изменяя значение -81 можно менять расположение логотипа.
#11
Отправлено 26 Ноябрь 2013 - 19:29
Koderhan (26 Ноябрь 2013 - 19:03) писал:
В файле "main.css".
Найти код:
#header .blocks .logotype { margin:-75px 0 0 0px; float:left; }Заменить:
#header .blocks .logotype { margin: -81px 0 0 0px; float:left; }Изменяя значение -81 можно менять расположение логотипа.
Спасибо, я правда обошел немного другим способом. Просто добавил в граф. редакторе немного свободного поля снизу. Ваш метод оставляю на будущее.
У меня еще несколько вопросов:
1. Можно ли заменить кнопки "купить", "подробнее" и т.д. на свои
2. Нужно отразить блоки в левой колонке "цена", "вы смотрели" "корзина" на странице каталога
3. Мне нужно, чтобы на странице отражалось по 21 товару, и убрать возможность выбора для покупателей в каком количестве отражать товар на странице где это можно менять?
4. Можно ли проделать такой фокус? Пока в корзине нет товаров-показывается один значек корзины, как только товар добавлен- сменить на другой. Картинки будут свои.
#12
Отправлено 26 Ноябрь 2013 - 20:03
Prorock_Ugl (26 Ноябрь 2013 - 19:29) писал:
У меня еще несколько вопросов:
1. Можно ли заменить кнопки "купить", "подробнее" и т.д. на свои
2. Нужно отразить блоки в левой колонке "цена", "вы смотрели" "корзина" на странице каталога
3. Мне нужно, чтобы на странице отражалось по 21 товару, и убрать возможность выбора для покупателей в каком количестве отражать товар на странице где это можно менять?
4. Можно ли проделать такой фокус? Пока в корзине нет товаров-показывается один значек корзины, как только товар добавлен- сменить на другой. Картинки будут свои.
Замена кнопок
Редактируем шаблон Товары
Цитата
<div>
<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 href="{goods.URL}" class="whtgreen" title="Перейти на страницу «{goods.NAME}»">Подробнее</a>
<a class="blgreen" 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>
</div>
</form>
Решение 3 вопроса
Решение 4 вопроса
Уточните 2 вопрос, желательно сделать скриншот и на нем указать что и где вы хотите видеть
#13
Отправлено 26 Ноябрь 2013 - 20:50
Castiel (26 Ноябрь 2013 - 20:03) писал:
Редактируем шаблон Товары
Спасибо!
Я так понимаю указанным способом только текст кнопок можно поменять? а сами картинки кнопок можно как-то сменить на свои?
По второму вопросу из моего предыдущего поста. Прикрепляю скрин. Хотелось, чтоб было также и на странице каталога.
#14
Отправлено 26 Ноябрь 2013 - 21:12
Prorock_Ugl (26 Ноябрь 2013 - 20:50) писал:
Я так понимаю указанным способом только текст кнопок можно поменять? а сами картинки кнопок можно как-то сменить на свои?
По второму вопросу из моего предыдущего поста. Прикрепляю скрин. Хотелось, чтоб было также и на странице каталога.
Редактируем шаблон HTML
Удаляем 435 строку
{% IFNOT index_page %}Удаляем 588 строку
{% ENDIF %}
#16
Отправлено 26 Ноябрь 2013 - 22:26
Prorock_Ugl (26 Ноябрь 2013 - 21:55) писал:
Находим
.blgreen { background: url(http://photopresent.storeland.net/whtblue-bg.jpg) center top repeat; border: 1px solid #5fa8c4; color: #494949; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4); padding: 4px 10px 2px 10px; font: normal 11px Verdana, Geneva, sans-serif; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; }
background: url(http://photopresent..../whtblue-bg.jpg) center top repeat; Отвечает за задний фон кнопки, вы можете создать картинку с различной цветовой палитрой. Заливаем на сайт и указываем ссылку на новую картинку.
Так же вы можете заменить эту строку на background-color: #5fa8c4; и указать любой цвет который вам нравится.
border: 1px solid #5fa8c4; Цвет границы
Если хотите заменить цвета при наведении то находим
.whtgreen:hover, .blgreen:hover { background: url(http://photopresent.storeland.net/whtgreen-bg.jpg) center center repeat; border: 1px solid #83a61d; color: #1c1c1c; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4); }
background: url(http://photopresent....whtgreen-bg.jpg) center center repeat; цвет фона при наведении
border: 1px solid #83a61d; цвет границ кнопки
#17
Отправлено 26 Ноябрь 2013 - 22:37
Скажите, а загружаемые картинки кнопок должны быть определенного размера или размер задается в коде?
#20
Отправлено 28 Ноябрь 2013 - 09:39
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных