Мелкие Вопросы По Главной Странице
#1
Отправлено 15 Октябрь 2014 - 17:03
1. Возможно ли добавить в шапку второй номер телефона?
2. Как заменить слово "Звоните" рядом с телефонным номером?
3. Возможно ли добавить кнопку Обратный Звонок в шапку под телефонные номера? И можно ли сделать так, чтобы при нажатии перекидывало не просто на страницу "связь с администрацией", а появлялось всплывающее окно с блоком данных обратного звонка. (в таком же стиле, как при нажатии кнопки "купить")
4. Как можно убрать форму обратного звонка из подвала?
5. Как сделать картинки на главной адаптивными , чтобы при сужении окна они выстраивались в столбик а не как на скрине?
#2
Отправлено 18 Октябрь 2014 - 01:03
2. Сайт - Редактор шаблонов - HTML - найдите и замените данную фразу
3. Инструкция по установке обратного звонка:
http://forum.storela...на/#entry139770
4.В шаблоне HTML найдите и удалите:
<div class="cols col-4 pad10 must100"> <h3 class="footheader ftheme-color">Заказ обратного звонка</h3> <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data" onsubmit="return validCallBack();"> <input type="hidden" name="hash" value="{HASH}" /> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <div class="form feedb"> <div class="feedblabel" > <label for="callback_person" class="required">Представьтесь пожалуйста<em>*</em></label> </div> <div> <input id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" maxlength="50" class="required"/> </div> <div class="feedblabel"> <label for="callback_phone" class="required">Телефон<em>*</em></label> </div> <div> <input id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required input-text"/> </div> <div class="feedblabel"> <label for="callback_comment">Комментарий</label> </div> <div> <textarea id="callback_comment" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" >{FORM_CALLBACK_COMMENT}</textarea> </div> </div> <div class="indexfeedb"> <div class="indexfeedb_button"> {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button submitCallBack">Отправить</button>{% ENDIF %} </div> </div> </form> </div><!--END cols col-4-->5. В контенте страницы нажмите источник и картинкам задайте сл.дополнительные пример, было:
<img alt="" src="#" style="opacity: 0.9; font-weight: bold; line-height: 18.2000007629395px; text-align: center; width: 155px; height: 155px; background-color: rgb(238, 238, 238);">стало:
<img alt="" src="#" style="opacity: 0.9; font-weight: bold; line-height: 18.2000007629395px; text-align: center; width: 155px; height: 155px; background-color: rgb(238, 238, 238);float:left; max-width:155px;">
т.е. мы добавили float:left; max-width:155px;
#3
Отправлено 18 Октябрь 2014 - 01:29
Vaccina (18 Октябрь 2014 - 01:03) писал:
2. Сайт - Редактор шаблонов - HTML - найдите и замените данную фразу
3. Инструкция по установке обратного звонка:
http://forum.storela...на/#entry139770
4.В шаблоне HTML найдите и удалите:
<div class="cols col-4 pad10 must100"> <h3 class="footheader ftheme-color">Заказ обратного звонка</h3> <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data" onsubmit="return validCallBack();"> <input type="hidden" name="hash" value="{HASH}" /> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <div class="form feedb"> <div class="feedblabel" > <label for="callback_person" class="required">Представьтесь пожалуйста<em>*</em></label> </div> <div> <input id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" maxlength="50" class="required"/> </div> <div class="feedblabel"> <label for="callback_phone" class="required">Телефон<em>*</em></label> </div> <div> <input id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required input-text"/> </div> <div class="feedblabel"> <label for="callback_comment">Комментарий</label> </div> <div> <textarea id="callback_comment" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" >{FORM_CALLBACK_COMMENT}</textarea> </div> </div> <div class="indexfeedb"> <div class="indexfeedb_button"> {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button submitCallBack">Отправить</button>{% ENDIF %} </div> </div> </form> </div><!--END cols col-4-->5. В контенте страницы нажмите источник и картинкам задайте сл.дополнительные пример, было:
<img alt="" src="#" style="opacity: 0.9; font-weight: bold; line-height: 18.2000007629395px; text-align: center; width: 155px; height: 155px; background-color: rgb(238, 238, 238);">стало:
<img alt="" src="#" style="opacity: 0.9; font-weight: bold; line-height: 18.2000007629395px; text-align: center; width: 155px; height: 155px; background-color: rgb(238, 238, 238);float:left; max-width:155px;">
т.е. мы добавили float:left; max-width:155px;
1. Второй номер телефона не появляется сверху в шапке, а только в подвале , возможно ли это исправить?
2.Спасибо!
3. Буду изучать, спасибо!
4. Спасибо!
5. Проверил и выяснил что мне нужна даже не адаптивная картинка, а адаптивная таблица. В каждой ячейке у меня размещена картинка + текст, соответственно при сужении странницы(или на моб версии) нужно чтобы ячейки переходили в столбик, а не заезжали за границы. Подскажите, пожалуйста, как это можно реализовать
#4
Отправлено 18 Октябрь 2014 - 01:56
<!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme">Санкт-Петербург</span></span> <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> </div> <div> <a href="#" class="myButton">brown</a> </div> {% ENDIF %} <!--END Первый контактный телефон --> </div><!--END cols col-4-->замените на:
<!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme">Санкт-Петербург</span></span> <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> </div> <div> <a href="#" class="myButton">brown</a> </div> {% ENDIF %} <!--END Первый контактный телефон --> <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <div class="hph1"> <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> </div> <div> <a href="#" class="myButton">brown</a> </div> {% ENDIF %} <!--END Второй контактный телефон --> </div><!--END cols col-4-->
5.лучше вместо таблицы использовать блоки <div style="float:left;">текст</div>
#5
Отправлено 18 Октябрь 2014 - 03:20
Vaccina (18 Октябрь 2014 - 01:56) писал:
<!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme">Санкт-Петербург</span></span> <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> </div> <div> <a href="#" class="myButton">brown</a> </div> {% ENDIF %} <!--END Первый контактный телефон --> </div><!--END cols col-4-->замените на:
<!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme">Санкт-Петербург</span></span> <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> </div> <div> <a href="#" class="myButton">brown</a> </div> {% ENDIF %} <!--END Первый контактный телефон --> <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <div class="hph1"> <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> </div> <div> <a href="#" class="myButton">brown</a> </div> {% ENDIF %} <!--END Второй контактный телефон --> </div><!--END cols col-4-->
5.лучше вместо таблицы использовать блоки <div style="float:left;">текст</div>
1. Спасибо!
2. Думаю, тут без таблицы не обойтись тк нужно выравнивание иконок по центру с соответственным выравниванием текста, относящимся к ним. Пытался по Вашему совету разобраться посредством <div style="float:left;">текст</div> но видимо кривые руки
#6
Отправлено 18 Октябрь 2014 - 03:25
<div style="float:left; text-align:center; width:150px;">текст</div>(width - ширина блока)
#7
Отправлено 18 Октябрь 2014 - 13:01
Vaccina (18 Октябрь 2014 - 03:25) писал:
<div style="float:left; text-align:center; width:150px;">текст</div>(width - ширина блока)
Кажется, все получилось, спасибо Вам большое
#9
Отправлено 19 Октябрь 2014 - 15:04
antik13 (19 Октябрь 2014 - 14:43) писал:
Заранее благодарю!
В шаблоне html перед строкой
<!--Список Хитов продаж на главной-->Вставьте
<div class="kartnagl"><img src="{ASSETS_IMAGES_PATH}Название картинки?design=chameleon"/></div>Далее в main.css вставьте код
.kartnagl img { width:100%; } .kartnagl { width:100%; }Желательная ширина картинки 1332px, а высота на Ваше усмотрение.
#10
Отправлено 19 Октябрь 2014 - 16:08
Danil (19 Октябрь 2014 - 15:04) писал:
В шаблоне html перед строкой
<!--Список Хитов продаж на главной-->Вставьте
<div class="kartnagl"><img src="{ASSETS_IMAGES_PATH}Название картинки?design=chameleon"/></div>Далее в main.css вставьте код
.kartnagl img { width:100%; } .kartnagl { width:100%; }Желательная ширина картинки 1332px, а высота на Ваше усмотрение.
Получилось замечательно, спасибо большое!
#12
Отправлено 29 Октябрь 2014 - 18:50
antik13 (29 Октябрь 2014 - 18:04) писал:
Заранее спасибо
.page_title { border-bottom: 1px dotted; padding: 0 0 15px 0; }на
.page_title { border-bottom: 1px dotted; padding: 0 0 15px 0; text-align: center; }
#14
Отправлено 31 Октябрь 2014 - 00:44
Из за того что кнопка, телефон и корзина расположены не на одинаковом уровне возникает такой съезд при открытии на планешете и моб. устройстве
#15
Отправлено 31 Октябрь 2014 - 03:36
.myButton { background-color: transparent; border: 1px solid #ffffff; box-shadow: 0 0 0 0 #7f3e48 inset; color: #ffffff; cursor: pointer; display: inline-block; font-family: Open Sans Condensed; font-size: 18px; font-weight: normal; padding: 11px 26px; text-decoration: none; }добавьте сюда стиль margin-top с отрицательным значением, пример:
.myButton { background-color: transparent; border: 1px solid #ffffff; box-shadow: 0 0 0 0 #7f3e48 inset; color: #ffffff; cursor: pointer; display: inline-block; font-family: Open Sans Condensed; font-size: 18px; font-weight: normal; padding: 11px 26px; text-decoration: none; margin-top:-3px; }
#16
Отправлено 31 Октябрь 2014 - 21:50
#18
Отправлено 31 Октябрь 2014 - 22:47
#20
Отправлено 31 Октябрь 2014 - 23:00
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных