Настройка Телефона На Сайте Для Звонков С Мобильного
#1
Отправлено 13 Январь 2014 - 11:55
2) Как поменять на какой-нибудь красивый шрифт?
3) Как увеличить вертикальный отступ между 2умя телефонами?
#2
Отправлено 13 Январь 2014 - 20:05
rushan666 (13 Январь 2014 - 11:55) писал:
2) Как поменять на какой-нибудь красивый шрифт?
3) Как увеличить вертикальный отступ между 2умя телефонами?
1. Редактируем шаблон HTML
Находим
<!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> <a href="/page/contacts"> <span style="color: #FFFFFF;"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </a> </span> </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> <a href="/page/contacts"> <span style="color: #FFFFFF;"> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </a> </span> </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_PHONE_NUMBER1 %}<li class="contentTableHeadMainPhone">{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_NUMBER2 %}<li class="contentTableHeadMainPhone">{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 class="contentTableHeadMainPhone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %}
2. Цвет телефона и отступ
Добавляем в любое удобное место в файле main.css
.contentTableHeadMainPhone { color: red; padding: 10px 0; }
#3
Отправлено 13 Январь 2014 - 20:16
Castiel (13 Январь 2014 - 20:05) писал:
Находим
<!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> <a href="/page/contacts"> <span style="color: #FFFFFF;"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </a> </span> </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> <a href="/page/contacts"> <span style="color: #FFFFFF;"> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </a> </span> </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_PHONE_NUMBER1 %}<li class="contentTableHeadMainPhone">{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_NUMBER2 %}<li class="contentTableHeadMainPhone">{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 class="contentTableHeadMainPhone">{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %}
2. Цвет телефона и отступ
Добавляем в любое удобное место в файле main.css
.contentTableHeadMainPhone { color: red; padding: 10px 0; }
Спасибо!
1) телефон принял другой формат - но не помогло
2) при наведении на телефон исчезла ссылка на страницу с контактами
3) как задать какой-нибудь шрифт
4) как задать отступ первого телефона от второго
#4
Отправлено 13 Январь 2014 - 20:34
rushan666 (13 Январь 2014 - 20:16) писал:
1) телефон принял другой формат - но не помогло
2) при наведении на телефон исчезла ссылка на страницу с контактами
3) как задать какой-нибудь шрифт
4) как задать отступ первого телефона от второго
1. Проверил на iPhone, номер полностью набирается
2.
Находим
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="contentTableHeadMainPhone">{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_NUMBER2 %}<li class="contentTableHeadMainPhone">{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 class="contentTableHeadMainPhone">{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_PHONE_NUMBER1 %}<tr><td><li class="contentTableHeadMainPhone"><a href="/page/contacts">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}</td></tr> {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<tr><td><li class="contentTableHeadMainPhone"><a href="/page/contacts">{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}</td></tr> {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<tr><td><li class="contentTableHeadMainPhone"><a href="/page/contacts">{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}</td></tr>3-4
Добавляем в любое удобное место
.contentTableHeadMainPhone { color: red; padding: 4px 0; }
#5
Отправлено 13 Январь 2014 - 21:00
Castiel (13 Январь 2014 - 20:34) писал:
2.
Находим
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="contentTableHeadMainPhone">{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_NUMBER2 %}<li class="contentTableHeadMainPhone">{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 class="contentTableHeadMainPhone">{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_PHONE_NUMBER1 %}<tr><td><li class="contentTableHeadMainPhone"><a href="/page/contacts">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}</td></tr> {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<tr><td><li class="contentTableHeadMainPhone"><a href="/page/contacts">{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}</td></tr> {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<tr><td><li class="contentTableHeadMainPhone"><a href="/page/contacts">{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}</td></tr>3-4
Добавляем в любое удобное место
.contentTableHeadMainPhone { color: red; padding: 4px 0; }
Iphone звонит - спасибо (проблема была в Хроме, с Сафари все ок
Но теперь на настольном ПК
1) Chrome - все съехало и синий цвет у цифр
2) В Safari все ок - только синий цвет
3) Как убрать подчеркивание ссылки при наведении на адрес?
#6
Отправлено 13 Январь 2014 - 21:01
.contentTableHeadMainPhone { color: red; padding: 4px 0; }Заменяем на
.contentTableHeadMainPhone { color: red; padding: 4px 0; width:150px; }
Добавляем в любое удобное место
.contentTableHeadMainPhone a { color: red; text-decoration: none; } .contentTableHeadMainPhone a:hover { text-decoration: none; }
#7
Отправлено 13 Январь 2014 - 21:26
Castiel (13 Январь 2014 - 21:01) писал:
.contentTableHeadMainPhone { color: red; padding: 4px 0; }Заменяем на
.contentTableHeadMainPhone { color: red; padding: 4px 0; width:150px; }
Добавляем в любое удобное место
.contentTableHeadMainPhone a { color: red; text-decoration: none; } .contentTableHeadMainPhone a:hover { text-decoration: none; }
Вы волшебник
Осталось чуть чуть
1) Теперь с Iphone пропал звонок
2) в Safari на ПК съехало
#8
Отправлено 13 Январь 2014 - 21:36
rushan666 (13 Январь 2014 - 21:26) писал:
Осталось чуть чуть
1) Теперь с Iphone пропал звонок
2) в Safari на ПК съехало
1. Возможен только один вариант либо набор телефона, либо переход по ссылке.
2. Попробуйте
Это
.contentTableHeadMainPhone { color: red; padding: 4px 0; width:150px; }
Заменить на это
.contentTableHeadMainPhone { color: red; padding: 4px 0; width:170px; }
#9
Отправлено 13 Январь 2014 - 22:03
Castiel (13 Январь 2014 - 21:36) писал:
2. Попробуйте
Это
.contentTableHeadMainPhone { color: red; padding: 4px 0; width:150px; }
Заменить на это
.contentTableHeadMainPhone { color: red; padding: 4px 0; width:170px; }
СПАСИБО!!! Все работает!
#10
Отправлено 13 Январь 2014 - 22:47
Castiel (13 Январь 2014 - 21:36) писал:
2. Попробуйте
Это
.contentTableHeadMainPhone { color: red; padding: 4px 0; width:150px; }
Заменить на это
.contentTableHeadMainPhone { color: red; padding: 4px 0; width:170px; }
Подскажите:
1) Съехал поиск - палочка для введения слова появляется выше поля
2) Как добавить баннер как на картинке
3) Как добавить гиперссылку к слову (вне этого поля работает, а в этом не хочет)
4) Как увеличить размер картинки и размер текста "Вы смотрели" слева
#11
Отправлено 14 Январь 2014 - 06:39
2. В шаблоне HTML найдите:
<li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2> <ul> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li class="cat-item"> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul><br /> </li>после него вставьте:
<li> <a href="ссылка"><img src="ссылка на картинку" alt="" /></a> </li>3. Как у вас вставлена данная строка с текстом?
4.Размер картинок настраивается в разделе
#12
Отправлено 14 Январь 2014 - 08:32
Vaccina (14 Январь 2014 - 06:39) писал:
2. В шаблоне HTML найдите:
<li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2> <ul> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li class="cat-item"> <a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %} {% IF catalog.CURRENT %}class="selected"{% ENDIF %} >{catalog.NAME}</a> </li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul><br /> </li>после него вставьте:
<li> <a href="ссылка"><img src="ссылка на картинку" alt="" /></a> </li>3. Как у вас вставлена данная строка с текстом?
4.Размер картинок настраивается в разделе
1. В исходной теме можно было кликнуть в любом месте белой полоски и начать вводить слово
А сейчас либо нужно кликать на слово поиск, либо если дальше от него, то на см выше
2. Спасибо
3. в HTML
<!-- Адрес магазина 1 -->
<tr>
<td class="contentTableHeadMainAddress1">
<a href="/page/contacts"> <span style="color: #031A75">м. Бауманская</span></a>
</td>
</tr>
В main css
.contentTableHeadMainAddress1 {
position: absolute;
top: 120px;
right: 60px;
width: 273px;
}
4. Напишите пожалуйста поподробнее в каком разделе и как редактируется
#13
Отправлено 14 Январь 2014 - 20:27
rushan666 (14 Январь 2014 - 08:32) писал:
А сейчас либо нужно кликать на слово поиск, либо если дальше от него, то на см выше
2. Спасибо
3. в HTML
<!-- Адрес магазина 1 -->
<tr>
<td class="contentTableHeadMainAddress1">
<a href="/page/contacts"> <span style="color: #031A75">м. Бауманская</span></a>
</td>
</tr>
В main css
.contentTableHeadMainAddress1 {
position: absolute;
top: 120px;
right: 60px;
width: 273px;
}
4. Напишите пожалуйста поподробнее в каком разделе и как редактируется
помогите пожалуйста
#14
Отправлено 14 Январь 2014 - 21:19
rushan666 (14 Январь 2014 - 20:27) писал:
Исправления для поиска
Редактируем main.css
Находим
#contactInfo { position: absolute; font-family: sans-serif; text-decoration: none; font-weight: bold; font-size: 1.0em; top: 58px; left: 750px; color: black; }
Заменяем на
#contactInfo { position: absolute; font-family: sans-serif; text-decoration: none; font-weight: bold; font-size: 1.0em; top: 80px; left: 750px; color: black; }
Находим
.contactInfoContent { height: 100px; width: 180px; vertical-align: middle; }
Заменяем на
.contactInfoContent { height: auto; width: 180px; vertical-align: middle; }
#15
Отправлено 14 Январь 2014 - 21:30
rushan666 (13 Январь 2014 - 22:47) писал:
добавить в конец файла main.css данный блок кода:
.recent_viewed h2 {font-size:20px;}изменяйте значение 20 на большее или меньшее, чтобы сделать такой размер, который вам хочется.
Чтобы изменить изображение иконок заходим в "настройки" далее "основные" , там ищем раздел "изображения товаров" и меняем размер в поле Максимальный размер по высоте/ширине в пикселях для иконок
rushan666 (13 Январь 2014 - 22:47) писал:
3) Как добавить гиперссылку к слову (вне этого поля работает, а в этом не хочет)
данный код:
.contentTableHeadMainAddress1 { position: absolute; top: 120px; right: 60px; width: 273px; }замените на
.contentTableHeadMainAddress1 { position: absolute; top: 120px; right: 60px; width: 273px; z-index:500; }
#16
Отправлено 14 Январь 2014 - 21:44
Castiel (14 Январь 2014 - 21:19) писал:
Редактируем main.css
Находим
#contactInfo { position: absolute; font-family: sans-serif; text-decoration: none; font-weight: bold; font-size: 1.0em; top: 58px; left: 750px; color: black; }
Заменяем на
#contactInfo { position: absolute; font-family: sans-serif; text-decoration: none; font-weight: bold; font-size: 1.0em; top: 80px; left: 750px; color: black; }
Находим
.contactInfoContent { height: 100px; width: 180px; vertical-align: middle; }
Заменяем на
.contactInfoContent { height: auto; width: 180px; vertical-align: middle; }
СПАСИБО, ВЫ СУПЕР!!!
#17
Отправлено 14 Январь 2014 - 21:52
3. не помогает строчка:
.recent_viewed h2 {font-size:40px;}
#18
Отправлено 14 Январь 2014 - 21:57
<li class="recent_viewed"><br /><h2>Вы смотрели</h2>измените его на
<li class="recent_viewed"><br /><h2 id="sizeleftmenuhdr">Вы смотрели</h2>
далее в конец шаблона main.css добавьте данный блок кода:
#sizeleftmenuhdr {font-size:40px;}
#19
Отправлено 14 Январь 2014 - 23:29
Alexey11 (14 Январь 2014 - 21:57) писал:
<li class="recent_viewed"><br /><h2>Вы смотрели</h2>измените его на
<li class="recent_viewed"><br /><h2 id="sizeleftmenuhdr">Вы смотрели</h2>
далее в конец шаблона main.css добавьте данный блок кода:
#sizeleftmenuhdr {font-size:40px;}
1) Увеличилась сама надпись "ВЫ СМОТРЕЛИ"
а текст просмотренных товаров не поменялся
2) и подскажите как создать меню справа такое же как слева и вставить туда вместо каталога с товаром
Виджеты "МЫ в контакте" и счетчики
#20
Отправлено 15 Январь 2014 - 05:17
.recent_viewed td.link a { font-size: 0.8em; overflow: hidden; width: 153px; }
увеличьте значение font-size
2. На счет 3ей колонки вам скорее всего поможет сл.тема с инструкцией:
http://forum.storela...ой-еще-колонку/
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных