Переместить Контакты
#1
Отправлено 03 Апрель 2014 - 15:17
Спасибо.
#2
Отправлено 03 Апрель 2014 - 15:43
sergey85 (03 Апрель 2014 - 15:17) писал:
Спасибо.
Загрузите логотип с именем logo.jpg в раздел Сайт - Редатор шаблонов.
Далее нужно открыть шаблон HTML, найти строки:
<table class="contentTable" > <thead> <tr> <td class="contentTableHeadMain" rowspan="2"> <!-- Название магазина --> <div class="logo"><a href="http://{NET_DOMAIN}/">{SETTINGS_STORE_NAME}</a></div> <!-- Контакты магазина --> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> </tr> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> </tr> {% ENDIF %} <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <tr> <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> </tr> {% ENDIF %} <!-- Skype номер --> {% IF SETTINGS_STORE_SKYPE %} <tr> <td class="contentTableHeadMainSkype"> <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> </td> </tr> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <tr> <td class="contentTableHeadMainIcq"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </td> </tr> {% ENDIF %} </table> </td>
и заменить их на:
<table class="contentTable" > <thead> <table class="contentTable" > <thead> <tr> <tr><td colspan="5"><div style="float:left"><img src="{ASSETS_IMAGES_PATH}logo.jpg"></div><div style="float:right"> <!-- Контакты магазина --> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> </tr> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> </tr> {% ENDIF %} <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <tr> <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> </tr> {% ENDIF %} <!-- Skype номер --> {% IF SETTINGS_STORE_SKYPE %} <tr> <td class="contentTableHeadMainSkype"> <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> </td> </tr> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <tr> <td class="contentTableHeadMainIcq"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </td> </tr> {% ENDIF %} </table> </td></div><tr> <td class="contentTableHeadMain" rowspan="2"> <!-- Название магазина --> <div class="logo"><a href="http://{NET_DOMAIN}/">{SETTINGS_STORE_NAME}</a></div> </td>
#3
Отправлено 07 Апрель 2014 - 17:08
Спасибо!
#4
Отправлено 07 Апрель 2014 - 19:46
#5
Отправлено 07 Апрель 2014 - 19:50
#6
Отправлено 08 Апрель 2014 - 04:39
<td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td>стало:
<td class="contentTableHeadMainPhone" style="color:#cccccc;"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td>
мы добавили стиль цвета шрифта
style="color:#cccccc;"
#8
Отправлено 08 Апрель 2014 - 16:02
sergey85 (08 Апрель 2014 - 10:18) писал:
В шаблоне "HTML"
Находим:
<!-- Контакты магазина --> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> </tr> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> </tr> {% ENDIF %} <!-- Skype номер --> {% IF SETTINGS_STORE_SKYPE %} <tr> <td class="contentTableHeadMainSkype"> <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> </td> </tr> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <tr> <td class="contentTableHeadMainIcq"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </td> </tr> {% ENDIF %} <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <tr> <td class="contentTableHeadMainWorkTime" style="color:#000000;"> {SETTINGS_STORE_WORK_TIME} </td> </tr> {% ENDIF %} </table>
Заменяем на:
<!-- Контакты магазина --> <table class="contacts"> <tbody> <tr> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> {% ENDIF %} <!-- Skype номер --> {% IF SETTINGS_STORE_SKYPE %} <td class="contentTableHeadMainSkype"> <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> </td> {% ENDIF %} </tr> <tr> <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <td class="contentTableHeadMainIcq"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </td> {% ENDIF %} </tr> <tr> <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> {% ENDIF %} <!-- Skype номер --> {% IF SETTINGS_STORE_EMAIL_MAIN %} <td class="contentTableHeadMainEmail"> <a class="valignMiddle" href="mailto:{SETTINGS_STORE_EMAIL_MAIN}?call" title="Свяжитесь с нами по Skype"><span class="valignMiddle">{SETTINGS_STORE_EMAIL_MAIN}</span></a> </td> {% ENDIF %} </tr> <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <tr> <td colspan="2" class="contentTableHeadMainWorkTime" style="color:#000000;"> {SETTINGS_STORE_WORK_TIME} </td> </tr> {% ENDIF %} </tbody> </table>
Здравствуйте, добавляем данный код
В конец файла "main.css".
Добавить код:
.contacts td,tr {padding-right:10px;}
#9
Отправлено 08 Апрель 2014 - 16:10
Получился большой пробел между первым и вторым телефоном,как исправить
#10
Отправлено 08 Апрель 2014 - 16:54
sergey85 (08 Апрель 2014 - 16:10) писал:
Получился большой пробел между первым и вторым телефоном,как исправить
Внес некоторые изменения, для того чтобы вы могли регулировать размеры шрифтов.
.contentTableHeadMainPhone {text-align:center;font-size:14px;padding:0px;vertical-align: middle;} .contentTableHeadMainWorkTime {text-align:center;color:#888;font-size:14px;} .contentTableHeadMainIcq {padding-top:0;font-size:14px;} .contentTableHeadMainEmail {font-size:14px;} .contentTableHeadMainSkype {font-size:14px;} .contacts td,tr {padding:2px 12px 0 0;}
Данные параметры отвечают за стили для Телефона, Времени работы, ICQ, Email, Skype
#11
Отправлено 08 Апрель 2014 - 17:13
Как поставить на против каждого телефона свою маленькую картинку(иконку) и на против почты тоже хотелось бы поставить.
Спасибо!
#12
Отправлено 08 Апрель 2014 - 20:29
sergey85 (08 Апрель 2014 - 17:13) писал:
Как поставить на против каждого телефона свою маленькую картинку(иконку) и на против почты тоже хотелось бы поставить.
Спасибо!
1.В шаблоне HTML замените строку
<tr><td colspan="5"><div style="float:left"><img src="{ASSETS_IMAGES_PATH}logo.png"></div><div style="float:right">на
<tr><td colspan="5"><div style="float:left"><img src="{ASSETS_IMAGES_PATH}logo.png"></div><div style="float:right; margin-top:20px;">в данном коде увеличивая значение параметра margin-top будете увеличивать расстояние блока контактов от верхнего края.
2.а)В шаблоне main.css замените строку
.contentTableHeadMainPhone {text-align:center;font-size:1.4em;padding:0px;}на
.contentTableHeadMainPhone {text-align:center;color:#000000;font-size:15px;width:170px;vertical-align: middle; background: url("http://st.storeland.net/8/1077/400/phone.png") no-repeat left center;}Здесь Вам нужно вставить вместо "http://st.storeland..../400/phone.png" url вашей картинки для телефона (получить его можете предварительно загрузив картинку в бэк-офис).
б) В шаблоне main.css замените строку
.contentTableHeadMainEmail {font-size:16px;}на
.contentTableHeadMainEmail {text-align:right; font-size:16px; width:230px; background: url("http://st.storeland.net/8/1077/404/w256h2561372346228Email256.png") no-repeat left center;)Здесь Вам тоже нужно вставить url вашей картинки для почты.
#13
Отправлено 09 Апрель 2014 - 09:38
Спасибо.
#14
Отправлено 09 Апрель 2014 - 09:53
sergey85 (09 Апрель 2014 - 09:38) писал:
Спасибо.
Здравствуйте, измените данные картинки до размеров 16х16 и иметь названия phone1.png phone2.png phone3.png. Загрузите их через Сайт - Редактор Шаблонов - Добавить файлы.
Далее добавляем стили для телефонов в main.css
.phoneicon1 {background: url("{ASSETS_IMAGES_PATH}phone1.png") no-repeat left center;} .phoneicon2 {background: url("{ASSETS_IMAGES_PATH}phone2.png") no-repeat left center;} .phoneicon3 {background: url("{ASSETS_IMAGES_PATH}phone3.png") no-repeat left center;}
Находим
.contentTableHeadMainPhone {text-align:center;color:#000000;font-size:15px;width:170px;vertical-align: middle; background: url("http://st.storeland.net/8/1077/400/phone.png") no-repeat left center;}Заменяем на
.contentTableHeadMainPhone {text-align:center;color:#000000;font-size:15px;width:170px;vertical-align: middle;}
Далее редактируем шаблон HTML
В шаблоне "HTML"
Находим:
{% IF SETTINGS_STORE_PHONE_NUMBER1 %} <td class="contentTableHeadMainPhone">
Заменяем на:
{% IF SETTINGS_STORE_PHONE_NUMBER1 %} <td class="contentTableHeadMainPhone phoneicon1">
Находим:
{% IF SETTINGS_STORE_PHONE_NUMBER2 %} <td class="contentTableHeadMainPhone">
Заменяем на:
{% IF SETTINGS_STORE_PHONE_NUMBER2 %} <td class="contentTableHeadMainPhone phoneicon2">
Находим:
{% IF SETTINGS_STORE_PHONE_NUMBER3 %} <td class="contentTableHeadMainPhone">
Заменяем на:
{% IF SETTINGS_STORE_PHONE_NUMBER3 %} <td class="contentTableHeadMainPhone phoneicon3">
#15
Отправлено 09 Апрель 2014 - 10:08
#17
Отправлено 09 Апрель 2014 - 10:36
#18
Отправлено 09 Апрель 2014 - 11:06
Спасибо.
#19
Отправлено 09 Апрель 2014 - 11:18
sergey85 (09 Апрель 2014 - 11:06) писал:
Спасибо.
В шаблоне "HTML"
Находим:
<tr><td colspan="5"><div style="float:left"><img src="{ASSETS_IMAGES_PATH}logo.png"></div><div style="float:right; margin-top:20px;">
Заменяем на:
<tr><td colspan="5"><div style="float:left"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png"></a></div><div style="float:right; margin-top:20px;">
#20
Отправлено 16 Апрель 2014 - 13:19
Спасибо.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных