Переход С Темы "мокко"
#1
Отправлено 22 Декабрь 2013 - 22:31
Решила наконец-то перейти с морально устаревшего "Мокко" на шаблон "Осень".
Попробовала перейти и посмотреть, что получится - возникли вопросы.
Очень надеюсь получить на них ответы, т.к. планирую обновить дизайн магазина за новогодние праздники.
Вот вопросы, которые у меня возникли (возможно, их будет больше, когда окончательно перейду на этот шаблон)
1. Можно ли перенести данные (телефон, часы работы, аську) из подвала в шапку сайта?
2. Как сократить "недавно просмотренные товары" до 5 штук
3. Как перенести текст на главной странице под "Новинки", "избранные товары" и "товары на главной"
4. Выскакивают ошибки JS, как их убрать?
5. Отображаются на главной только по 4 товара в категории "новинки" и "избранные товары", прокрутить стрелочками не выходит (видимо, из-за ошибок JS)
6. Сделать фон белым, а не серым
7. Вставить в шапку логотип бОльшего размера
8. В карточке товара не открываются вкладки "описание", "характеристики", "условия доставки", при попытке на них нажать, выскакивают еще ошибки JS
9. В карточке товара в пункте "с этим товаром смотрят" вылезает вертикальная полоса прокрутки. Как убрать?
10. В левом меню категории товаров в развернутом виде, длинной простыней, как свернуть?
11. Как вставить кнопку "вверх"?
12. Как вставить правое меню, как сейчас у меня на сайте?
13. Как сделать иконки изображения товаров одного размера, а то вертикальные и горизонтальные картинки рядом смотрятся некрасиво.
Извиняюсь за такое количество вопросов))
#2
Отправлено 23 Декабрь 2013 - 08:03
#3
Отправлено 23 Декабрь 2013 - 11:14
Alexey11 (23 Декабрь 2013 - 08:03) писал:
#6
Отправлено 23 Декабрь 2013 - 19:29
ne_yana (23 Декабрь 2013 - 11:18) писал:
#7
Отправлено 24 Декабрь 2013 - 05:09
#11
Отправлено 25 Декабрь 2013 - 01:31
1. Как текст на главной странице переместить под "хиты продаж"?
2. Как вставить правое меню?
3. Как убрать ошибки js?
#12
Отправлено 25 Декабрь 2013 - 04:33
{% IFNOT index_page %} <div class="breadcrumb"> <a href="http://{NET_DOMAIN}/" title="Перейти на главную">Главная</a> <span class="navigation-pipe"></span> {PAGE_NAME} </div> <div class="rte"> <h2>{PAGE_NAME}</h2> {% IF FORM_NOTICE %}<ul class="messages"><li class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}error{% ENDIF %}">{FORM_NOTICE | nl2br}</li></ul>{% ENDIF %} <div class="htmlDataBlock"> {PAGE_CONTENT} </div> <!-- Короткое SEO-описание --> {% IF PAGE_SEO_DESCRIPTION_SHORT %} <div style="padding-top:1em;" class="htmlDataBlock"> {PAGE_SEO_DESCRIPTION_SHORT} </div> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF PAGE_SEO_DESCRIPTION_LARGE %} <div style="padding-top:1em;" class="htmlDataBlock"> {PAGE_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание --> </div> {% ENDIF %}
после в шаблоне "HTML" найдите код
<script type="text/javascript"> $('.autumnshowcase_carousel') </script> </div> {% ENDIF %} <!-- /Главная страница -->
и замените его на
<script type="text/javascript"> $('.autumnshowcase_carousel') </script> </div> <div class="rte"> <h2>{PAGE_NAME}</h2> {% IF FORM_NOTICE %}<ul class="messages"><li class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}error{% ENDIF %}">{FORM_NOTICE | nl2br}</li></ul>{% ENDIF %} <div class="htmlDataBlock"> {PAGE_CONTENT} </div> <!-- Короткое SEO-описание --> {% IF PAGE_SEO_DESCRIPTION_SHORT %} <div style="padding-top:1em;" class="htmlDataBlock"> {PAGE_SEO_DESCRIPTION_SHORT} </div> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF PAGE_SEO_DESCRIPTION_LARGE %} <div style="padding-top:1em;" class="htmlDataBlock"> {PAGE_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание --> </div> {% ENDIF %} <!-- /Главная страница -->
2. Пожалуйста, сообщите подробнее о каком меню идет речь. (приведите пример)
3. Найдите в шаблоне "HTML" код
{% IF JAVASCRIPT_BUG_HUNTING_URL %}
и замените его на
{% IFNOT JAVASCRIPT_BUG_HUNTING_URL %}
#13
Отправлено 27 Декабрь 2013 - 20:48
Цитата
Но если вдруг понадобится, то нужно такое же, как на моем сайте.
#14
Отправлено 28 Декабрь 2013 - 05:17
1. Поле с логотипом необходимо сделать уже, по высоте логотипа.
2. Переносила контакты в шапку, рядом с лого, но они после моих манипуляций куда-то исчезли. Помогите вернуть.
3. Верхнее меню и поиск нужно выровнять относительно ширины сайта, сейчас они прижаты к краям, а надо, чтобы были вровень с левой и правой стороной сайта.
#15
Отправлено 28 Декабрь 2013 - 07:32
Kotofeeva (28 Декабрь 2013 - 05:17) писал:
1. Поле с логотипом необходимо сделать уже, по высоте логотипа.
2. Переносила контакты в шапку, рядом с лого, но они после моих манипуляций куда-то исчезли. Помогите вернуть.
3. Верхнее меню и поиск нужно выровнять относительно ширины сайта, сейчас они прижаты к краям, а надо, чтобы были вровень с левой и правой стороной сайта.
1)
Найдите код в style.css -
#header-logo { position: relative; display: table; float: left; margin-top: 30px; width: 210px; z-index: 30; margin-left: 10px; }и замените на -
#header-logo { position: relative; display: table; float: left; width: 210px; z-index: 30; margin-left: 10px; }
2) Видимо Вы удалили код контактов.
Вставьте его в шаблон HTML -
<div class="block"> <h4>Контакты</h4> <a class="open-close-footer" href="#"></a> <div class="block_content"> <!-- Контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %} <div class="contacts"> <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </a> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </a> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <br /> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </a> {% ENDIF %} </div> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </div> {% ENDIF %} <!-- Контакт Skype --> {% IF SETTINGS_STORE_SKYPE %} <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /> <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> {% ENDIF %} <!-- Номер ICQ на сайте --> {% IF SETTINGS_STORE_ICQ %} <div class="clear"></div> <div class="icq-number left"> <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span>{SETTINGS_STORE_ICQ}</span> </div> {% ENDIF %} <div class="clear"></div> </div> {% ENDIF %} <table width="100%" class="payment_sistem"> <tr> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_wm.png" alt="Webmoney" title="Мы принимаем к оплате Webmoney" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_yd.png" alt="Яндекс.Деньги" title="Мы принимаем к оплате Яндекс.Деньги" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_visa.png" alt="VISA" title="Мы принимаем к оплате кредитные карты VISA" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sber.png" alt="Сбербанк" title="Мы принимаем к оплате квитанции сбербанка" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_mastercard.png" alt="MasterCard" title="Мы принимаем к оплате кредитные карты MasterCard" /></a></td> </tr> <tr> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_qiwi.png" alt="MasterCard" title="Мы принимаем оплату через терминалы оплаты Qiwi" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sms.png" alt="SMS" title="Мы принимаем оплату через SMS" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_maestro.png" alt="SMS" title="Мы принимаем оплату через кредитные карты Maestro" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_rbc.png" alt="RBC" title="Мы принимаем оплату через систему РБК money" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_robo.png" alt="RBC" title="Мы принимаем оплату через Робокассу" /></a></td> </tr> </table> </div> </div>Если без таблицы оплаты, то используйте следующий код -
<div class="block"> <h4>Контакты</h4> <a class="open-close-footer" href="#"></a> <div class="block_content"> <!-- Контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %} <div class="contacts"> <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </a> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </a> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <br /> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </a> {% ENDIF %} </div> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </div> {% ENDIF %} <!-- Контакт Skype --> {% IF SETTINGS_STORE_SKYPE %} <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /> <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> {% ENDIF %} <!-- Номер ICQ на сайте --> {% IF SETTINGS_STORE_ICQ %} <div class="clear"></div> <div class="icq-number left"> <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span>{SETTINGS_STORE_ICQ}</span> </div> {% ENDIF %} <div class="clear"></div> </div> {% ENDIF %} </div> </div>
#16
Отправлено 28 Декабрь 2013 - 17:53
2. Не поняла, как поменять цвет верхней черной полосы
3. Нужно сдвинуть верхнее меню и форму поиска ближе к центру, чтобы было вровень с левой и правой стороной сайта, как на картинке (отмечено красными линиями)
4. Когда я примеряла этот шаблон к своему основному сайту, левое меню получилось раскрытым и не закрывается. Как исправить?
#17
Отправлено 28 Декабрь 2013 - 18:09
В "Осени" получается как-то неаккуратно, все кнопки на разном уровне. Как-то можно это дело изменить?
#18
Отправлено 28 Декабрь 2013 - 19:01
Kotofeeva (28 Декабрь 2013 - 17:53) писал:
2. Не поняла, как поменять цвет верхней черной полосы
3. Нужно сдвинуть верхнее меню и форму поиска ближе к центру, чтобы было вровень с левой и правой стороной сайта, как на картинке (отмечено красными линиями)
4. Когда я примеряла этот шаблон к своему основному сайту, левое меню получилось раскрытым и не закрывается. Как исправить?
1) В html найдите и удалите :
<div class="block"> <h4>Контакты</h4> <a class="open-close-footer" href="#"></a> <div class="block_content"> <!-- Контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %} <div class="contacts"> <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </a> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </a> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <br /> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </a> {% ENDIF %} </div> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </div> {% ENDIF %} <!-- Контакт Skype --> {% IF SETTINGS_STORE_SKYPE %} <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /> <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> {% ENDIF %} <!-- Номер ICQ на сайте --> {% IF SETTINGS_STORE_ICQ %} <div class="clear"></div> <div class="icq-number left"> <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span>{SETTINGS_STORE_ICQ}</span> </div> {% ENDIF %}
После
<div id="header-logo"> <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"> <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" /> {SETTINGS_STORE_NAME} </a> </div> <div id="header-right"> <div id="header_user_info"> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров, то покажем этот блок --> {% IFNOT SETTINGS_COMPARE_DISABLE %} {% IF COMPARE_GOODS_COUNT=0 %} <div class="menuCompare" style="visibility: hidden;"> <em>Ваш список сравнения пуст</em> </div> {% ELSE %} <div class="menuCompare"> <em>Сейчас на <a href="{COMPARE_URL}">сравнении</a> {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</em><br /> </div> {% ENDIF %} {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам --> </div>вставьте:
<div class="block_content"> <h4>Контакты</h4> <!-- Контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %} <div class="contacts"> <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам"> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </a> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <br /> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </a> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <br /> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}"> <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span> {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </a> {% ENDIF %} </div> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> {SETTINGS_STORE_WORK_TIME} </div> {% ENDIF %} <!-- Контакт Skype --> {% IF SETTINGS_STORE_SKYPE %} <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /> <span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> {% ENDIF %} <!-- Номер ICQ на сайте --> {% IF SETTINGS_STORE_ICQ %} <div class="clear"></div> <div class="icq-number left"> <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span>{SETTINGS_STORE_ICQ}</span> </div> {% ENDIF %}В style.css замените:
.contacts { width: 200px; float: left; margin-top: 45px; margin-left: 10px; }на
.contacts { width: 200px; float: left; margin-top: -20px; margin-left: 10px; }2) цвет меню в шапке Вы можете поменять в style.css в этом блоке :
.accordion_main { margin: 0; background: black; color: white; z-index: 25; }
цвет всей строки здесь:
.header-block { display: block; width: 100%; min-height: 42px; background: black; color: white; }3) В style.css заменяем:
.header-block { display: block; width: 100%; min-height: 42px; background: black; color: white; }на
.header-block { display: block; width: 1200px; margin: auto; min-height: 42px; background: black; color: white; }
#19
Отправлено 29 Декабрь 2013 - 01:05
2. Когда я примеряла этот шаблон к своему основному сайту, левое меню получилось раскрытым и не закрывается. Как исправить?
3. Можно ли как-то привести иконки товаров в более аккуратный вид (скрины и описание, что мне нужно, я приложила выше)
#20
Отправлено 29 Декабрь 2013 - 08:12
Kotofeeva (29 Декабрь 2013 - 01:05) писал:
2. Когда я примеряла этот шаблон к своему основному сайту, левое меню получилось раскрытым и не закрывается. Как исправить?
3. Можно ли как-то привести иконки товаров в более аккуратный вид (скрины и описание, что мне нужно, я приложила выше)
1) В style.css найдите:
#header-right { float: right; height: 100px; position: relative; z-index: 20; margin-right: 10px; }и замените на
#header-right { float: left; padding-left: 30px; height: 100px; position: relative; z-index: 20; margin-right: 10px; }
padding-left: 30px;- в этой строке Вы можете изменить расстояние от логотипа до контактов
Чтобы сдвинуть корзину, в HTML замените код:
<!-- Корзина --> <div id="header_shopping_cart"> <div id="shopping_cart"> <a href="{CART_URL}" title="Перейти в корзину"> {% IF cart_count_empty %} <span class="ajax_cart_no_product">Корзина пуста</span> {% ELSE %} <span class="ajax_cart_quantity">{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span> {% ENDIF %} <span class="down_arrow_dark"></span> </a> </div> </div> <!-- /Форма поиска --> <div id="cart_block"> <div id="cart_block_bottom"> <div id="cart_block_other_costs"> <div class="other_cost_wrapper" style="width: 100%"> {% IF cart_count_empty %} <p id="cart_block_no_products">Ваша корзина пуста</p> {% ELSE %} <span>Товаров </span> <span class="price" id="cart_block_shipping_cost">{CART_COUNT_TOTAL}</span> <span>на сумму </span> {% ENDIF %} <span class="price" id="cart_block_total" style="text-align: right;">{% IF cart_count_empty %}{% ELSE %}{% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</span> </div> </div> <div id="cart_block_total_checkout"> <a class="exclusive" href="{CART_URL}" id="button_order_cart" rel="nofollow" title="Оформить заказ"><span>Оформить заказ</span></a> </div> </div> </div> <div class="clear"></div> </div> <!-- END Блок навигации --> </div> </div> </div>на
<!-- /Форма поиска --> <div id="cart_block"> <div id="cart_block_bottom"> <div id="cart_block_other_costs"> <div class="other_cost_wrapper" style="width: 100%"> {% IF cart_count_empty %} <p id="cart_block_no_products">Ваша корзина пуста</p> {% ELSE %} <span>Товаров </span> <span class="price" id="cart_block_shipping_cost">{CART_COUNT_TOTAL}</span> <span>на сумму </span> {% ENDIF %} <span class="price" id="cart_block_total" style="text-align: right;">{% IF cart_count_empty %}{% ELSE %}{% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</span> </div> </div> <div id="cart_block_total_checkout"> <a class="exclusive" href="{CART_URL}" id="button_order_cart" rel="nofollow" title="Оформить заказ"><span>Оформить заказ</span></a> </div> </div> </div> <div class="clear"></div> </div> <!-- END Блок навигации --> </div> </div> <!-- Корзина --> <div id="header_shopping_cart"> <div id="shopping_cart"> <a href="{CART_URL}" title="Перейти в корзину"> {% IF cart_count_empty %} <span class="ajax_cart_no_product">Корзина пуста</span> {% ELSE %} <span class="ajax_cart_quantity">{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span> {% ENDIF %} <span class="down_arrow_dark"></span> </a> </div> </div> </div>и в style.css замените:
#header_shopping_cart { position: static; width: 170px; float: right; clear: both; margin-top: 26px; list-style: none; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background: #f7f7f7 url('http://kotofeeva.storeland.net/cart_red.png') no-repeat 12px; border: 1px solid #cecece; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05); }на
#header_shopping_cart { position: static; width: 170px; float: right; clear: both; margin-top: -90px; list-style: none; background-clip: padding-box; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background: #f7f7f7 url('http://kotofeeva.storeland.net/cart_red.png') no-repeat 12px; border: 1px solid #cecece; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05); }2) Уточните пожалуйста как Вы примеряли пробный шаблон к своему сайту? Если Вы "загружали тему из бэкапа" и не меняли ничего в коде, то все должно работать так, как и на пробном шаблоне
3) Попробуйте задать максимальную высоту картинкам в style.css:
#category_view_type.grid_view #product_list .product_image { max-width: 184px; max-height: 130px; margin: auto; z-index: 1; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных