Помогите Настроить Главную Страницу
#1
Отправлено 07 Март 2018 - 02:12
Прошу помочь отредактировать некотрые элементы главной станицы.
1. Шапка:
Логотип перенести в самый верхний левый угол, на белую полоску перед телефоном, кнопку собратный звонок сдвинуть ближе к центру и добавить второй номер телефона. А возможно эту белую полоску закрепить, чтобы она оставвалась на месте при прокрутке страницы вниз?
2. Блок "предложение": убрать большой пробел после слов:"бесплатный тест-драйв" и добавить после текста, слева от картинки мама+малыш, кнопку "узнать подробнее".
3. Блок с текстом на главной странице перенести в самый низ, разместить его после блока "новости" и перед подвалом сайта.
https://mamindar.ru/
Заранее спасибо!
#2
Отправлено 08 Март 2018 - 08:26
1. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="container"> <div class="logo col-md-3 col-xs-6"> <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"> <img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}"> </a> </div> <!-- Каталог --> <div id="custommenu" class="col-md-12 col-xs-12">
замените на:
<div class="container"> <!-- Каталог --> <div id="custommenu" class="col-md-12 col-xs-12">
далее найдите:
<!-- Телефон и Режим работы --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_WORK_TIME %} <div class="block phone"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a> <div class="time">{SETTINGS_STORE_WORK_TIME}</div> </div> {% ENDIF %}
замените на:
<div class="block logo col-md-3 col-xs-6"> <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"> <img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}"> </a> </div> <!-- Телефон и Режим работы --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_WORK_TIME %} <div class="block phone"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a> <div class="time">{SETTINGS_STORE_WORK_TIME}</div> </div> {% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_WORK_TIME %} <div class="block phone phone2"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</span></a> </div> {% ENDIF %}
далее зайдите в main.css - найдите:
.block.phone .time {font-size: 13px;line-height: 16px;} /* Кнопка обратного звонка */ .block.callback {margin-left: 50px;vertical-align: top;}
замените на:
.block.phone .time {font-size: 13px;line-height: 16px;} .block.phone2{margin: 10px 10px 0 10px;vertical-align: top;} /* Кнопка обратного звонка */ .block.callback {vertical-align: top;}
далее найдите:
.header-top .header-left {float: left;}
замените на:
.header-top .header-left {float: left;width: 65%;}
далее найдите:
#header {position: relative;border: 0;z-index: 99;-moz-transition: all 0.8s ease 0s;-webkit-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;} /* Верхняя часть шапки */ .header-top {min-height: 40px;font-weight: 300;border-bottom: none;background: #fff;}
замените на:
#header {padding-top:75px;position: relative;border: 0;z-index: 99;-moz-transition: all 0.8s ease 0s;-webkit-transition: all 0.8s ease 0s;-ms-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;transition: all 0.8s ease 0s;} /* Верхняя часть шапки */ .header-top {min-height: 40px;font-weight: 300;border-bottom: none;background: #fff;z-index: 10;position: fixed;left: 0;right: 0;top: 0;}
2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.main-block h2.title {font-size: 48px;font-weight: 300;margin-bottom: 30px;}
замените на:
.main-block h2.title {font-size: 48px;font-weight: 300;margin-bottom: 0px;}
далее зайдите в шаблон HTML - найдите:
<h2 class="title">бесплатный тест-драйв</h2> <h4 class="title">Любой вид слинга на 3 дня у тебя дома <strong>Бесплатно!</strong> </h4>
после него пропишите:
<a class="button big" href="#">Узнать подробнее</a>
Вместо символ # укажите ссылку.
3. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% IF index_page %} <!-- Промо блок --> <div id="promotion" class="main-block"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="promotion-description animated" data-animation="fadeInUp" data-delay="0"> <p class="text_medium tc">Розничный магазин</p> <p class="text_large">Тамбов, ул. Энгельса д. 5</p> <p class="text_small">Более подробную информацию о наличии моделей в розничном магазне вы можете получить по телефону <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</span></a> или воспользовавшись он-лайн консультантом</p> <a class="button big" href="{CATALOG_URL}" title="Перейти в Каталог">Как нас найти</a> </div> </div> </div> </div> </div> <!-- /END Промо блок --> <!-- Информация --> <div id="information" class="main-block"> <div class="container"> <div class="row"> <h2 class="title col-xs-12">Сделать заказ очень просто</h2> <div class="item animated" data-animation="fadeInUp" data-delay="0"> <div class="image"> <img src="{ASSETS_IMAGES_PATH}list2.png?design=sunrise"/> </div> <div class="title"> <span>Оформляете заявку или звоните</span> </div> </div> <div class="item animated" data-animation="fadeInUp" data-delay="300"> <div class="image"> <img src="{ASSETS_IMAGES_PATH}help.png?design=sunrise"/> </div> <div class="title"> <span>Обсуждаем время доставки</span> </div> </div> <div class="item animated" data-animation="fadeInUp" data-delay="600"> <div class="image"> <img src="{ASSETS_IMAGES_PATH}money2.png?design=sunrise"/> </div> <div class="title"> <span>Никакой предоплаты! Оплата только по получению заказа</span> </div> </div> <div class="item animated" data-animation="fadeInUp" data-delay="900"> <div class="image"> <img src="{ASSETS_IMAGES_PATH}car.png?design=sunrise"/> </div> <div class="title"> <span>Выезд курьера</span> </div> </div> <div class="item animated" data-animation="fadeInUp" data-delay="1200"> <div class="image"> <img src="{ASSETS_IMAGES_PATH}price.png?design=sunrise"/> </div> <div class="title"> <span>Возможность примерки</span> </div> </div> </div> </div> </div> <!-- /END Информация --> <!-- Обратный звонок --> <div id="orders" class="main-block animated" data-animation="zoomIn" data-delay="0"> <div class="container"> <h2 class="title">Остались вопросы?</h2> <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data"> <input type="hidden" name="hash" value="{HASH}" /> <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <div class="callback-input"> <input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Ваше имя" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off"> </div> <div class="callback-input"> <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off"> </div> <div class="pp">Нажимая на кнопку Отправить, Вы соглашаетесь с <a href="#">правилами обработки данных</a></div> <button type="submit" title="Отправить" class="button button3 big">Заказать обратный звонок</button> </form> </div> </div> <!-- /END Обратный звонок --> {% ENDIF %} <!-- Если в тарифном плане подключен модуль новостей --> {% IF TARIFF_FEATURE_NEWS && index_page %} {% IF news_list_all_empty=0 || news_list_shop_empty=0 %} <div id="news" class="main-block animated" data-animation="fadeInUp" data-delay="0"> <div class="container"> <h2 class="title">Новости</h2> <div class="navigation"> <a href="#" class="prev"><i class="fa fa-angle-left"></i></a> <a href="#" class="next"><i class="fa fa-angle-right"></i></a> </div> <div class="block-news"> <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_all_empty %} {% FOR news_list_all %} <div class="item"> {% IF news_list_all.SHOW_TIME %} <div class="date"> <span class="d-month">{news_list_all.TIME | date("m")}</span> <span class="d-day">{news_list_all.TIME | date("d")}</span> </div> {% ENDIF %} <div class="content"> <a href="{news_list_all.URL}" class="title" title="Перейти к странице «{news_list_all.TITLE}»">{news_list_all.TITLE}</a> <p class="description">{news_list_all.TEXT_SHORT}</p> </div> </div> {% ENDFOR %} {% ENDIF %} <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей --> <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_shop_empty %} {% FOR news_list_shop %} <div class="item"> {% IF news_list_shop.SHOW_TIME %} <div class="date"> <span class="d-month">{news_list_shop.TIME | date("m")}</span> <span class="d-day">{news_list_shop.TIME | date("d")}</span> </div> {% ENDIF %} <div class="content"> <a href="{news_list_shop.URL}" class="title" title="Перейти к странице «{news_list_shop.TITLE}»">{news_list_shop.TITLE}</a> <p class="description">{news_list_shop.TEXT_SHORT}</p> </div> </div> {% ENDFOR %} {% ENDIF %} <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> </div> </div> </div> {% ENDIF %} {% ENDIF %} <!-- /END Если в тарифном плане подключен модуль новостей -->
перенесите его, поставив перед:
</div> </div> {% ENDIF %} </div> {% ENDIF %} {% ENDIF %} <!-- /END Товары на главной, Новинки, Хиты -->
#3
Отправлено 09 Март 2018 - 11:29
В шапке телефоны отображаются криво Хотелось бы их выровнить. И логотип маленький, делаю больше - все ползет, к сожалению. надо сделать его покрупнее, хотябы на 85% , а то 65 очень мелко полуается, не видно надпись.
и по второму пункту (блок про бесплатный тест драйв) можно ли картинку подвинуть выше и вправо? Так чтобы ее низ был выровнен с низом соседнего блока (напишите нам) А кнопку спустить чуть ниже.
С третьим пунктом все отлично
Заране спасибо!
#4
Отправлено 14 Март 2018 - 06:06
1. Немного невнимательно произвели изменения =) В коде второго номера отсутствует режим работы, без него телефон будет стоять по вертикали по центру. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% IF SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_WORK_TIME %} <div class="block phone phone2"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</span></a> <div class="time">{SETTINGS_STORE_WORK_TIME}</div> </div> {% ENDIF %}
замените на:
{% IF SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_WORK_TIME %} <div class="block phone phone2"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</span></a> </div> {% ENDIF %}
далее найдите:
<div class="block logo col-md-3 col-xs-6"> <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"> <img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}"> </a> </div>
замените на:
<div class="block logo"> <a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}"> <img src="{ASSETS_IMAGES_PATH}logo.png?design=sunrise" alt="{SETTINGS_STORE_NAME}"> </a> </div>
Далее зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.header-top .header-left {float: left;width: 65%;}
замените на:
.header-top .header-left {float: left;width: calc(100% - 378px);}
далее найдите:
.header-top .container {padding: 15px;} .header-top .block {display: inline-block;position: relative;text-align: center;font-size: 13px;}
после него пропишите:
.header-top .block.logo img{height:70px;}
в стиле height отрегулируйте желаемый размер логотипа.
2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#proposition img {display: block;margin: 0px auto;max-width: 300px;}
замените на:
#proposition img {display: block;margin: -25px 0 0 0;max-width: 300px;float:right;} #proposition .button.big{margin-top:50px;}
#5
Отправлено 16 Март 2018 - 01:05
Vaccina (14 Март 2018 - 06:06) писал:
1. Немного невнимательно произвели изменения =) В коде второго номера отсутствует режим работы, без него телефон будет стоять по вертикали по центру.
Вот сделала все так, но телефоны все равно не на одной линии)) может быть режим работы совсем убрать чтобы было ровно ?
И при изменении размера лого белая линия подложки сползла вниз, и закрывает основные разделы
Пожалуйста, помогите поправить это .
спасибо.
#6
Отправлено 16 Март 2018 - 01:14
#7
Отправлено 12 Октябрь 2019 - 14:25
Помогите пожалуйста выровнять в шапке, где белый фон: логотип, телефон, кнопку, поиск и корзину.
Подскажите, где регулировать ширину белой полосы шапки на которой всё находится.
Аккаунт SL-310601
Спасибо!
#8
Отправлено 12 Октябрь 2019 - 15:24
bok (12 Октябрь 2019 - 14:25) писал:
Помогите пожалуйста выровнять в шапке, где белый фон: логотип, телефон, кнопку, поиск и корзину.
Подскажите, где регулировать ширину белой полосы шапки на которой всё находится.
Аккаунт SL-310601
Спасибо!
Спасибо!
#9
Отправлено 15 Октябрь 2019 - 07:12
Код логотипа у вас уже изменен, уточните пожалуйста вопрос ещё актуален?
/*Логотип*/ .block.logo.col-md-3.col-xs-6 {margin-left: -100px;margin-top: -3px;}
Вы его хотите уменьшить или увеличить?
#10
Отправлено 17 Октябрь 2019 - 20:48
#11
Отправлено 06 Январь 2020 - 16:32
Прошу помощи в следующем, подскажите:
1. выровнять в шапке (где белый фон): логотип, телефон, кнопку ОЗ, поиск, сравнение и корзину;
2. отрегулировать ширину белой полосы сверху. Шире получается, а нужно сделать тоньше (уже).
3. убрать скобки "()" на белой полосе сверху;
4. требуется главное меню сайта (главная, каталог....и пр) выровнять на середину.
Аккаунт SL-493062
Заранее благодарна, спасибо!
#12
Отправлено 10 Январь 2020 - 09:36
#13
Отправлено 16 Август 2023 - 19:15
Время идёт, меняются тенденции и взгляды - поэтому хочу обновить внешний вид сайта, Т.Е. его главной страницы. Прошу Вашей помощи, где и как это сделать. На первой странице хочу поменять всё. Прикладываю скрины:
1) Сделать "карусель" из фото,
2) Передвинуть текст в каталоге товаров,
3) Убрать форму Заявки, переместить оставшуюся инфу по центру (Вк скидка=5%),
4) Изменить: "У нас на сайте специальная цена..." - сделать по-новому,
5) Изменить: "Остались вопросы?" - направить на почту,
6) Убрать часть значков оплаты, те что ниже подвала.
Аккаунт SL-312006
#14
Отправлено 17 Август 2023 - 13:14
Куда написать, чтобы меня услышали?
Или куда послать маячок, чтобы сюда заглянули?
#15
Отправлено 17 Август 2023 - 19:43
Андрей М (16 Август 2023 - 19:15) писал:
Время идёт, меняются тенденции и взгляды - поэтому хочу обновить внешний вид сайта, Т.Е. его главной страницы. Прошу Вашей помощи, где и как это сделать. На первой странице хочу поменять всё. Прикладываю скрины:
1) Сделать "карусель" из фото,
2) Передвинуть текст в каталоге товаров,
3) Убрать форму Заявки, переместить оставшуюся инфу по центру (Вк скидка=5%),
4) Изменить: "У нас на сайте специальная цена..." - сделать по-новому,
5) Изменить: "Остались вопросы?" - направить на почту,
6) Убрать часть значков оплаты, те что ниже подвала.
Аккаунт SL-312006
Здравствуйте.
1) Загрузите изображения для слайдера в раздел Сайт---Редактор шаблонов, в левый столбец через кнопку "Добавить файлы".
И пришлите нам названия загруженных изображений.
2) Зайдите в раздел Сайт --- Редактор шаблонов --- main.css и добавьте в самый конец шаблона код:
.col-md-9.col-xs-12.col-right .page-title {text-align: center;}
3) Зайдите в раздел Сайт---Редактор шаблонов---HTML и найдите код:
<!-- Предложение --> <div id="proposition" class="main-block"> <div class="container"> <div class="row"> <div class="col-sm-6 col-md-7 col-xs-12 animated" data-animation="fadeInLeft" data-delay="0"> <h2 class="title">Выгодное предложение</h2> <h4 class="title">Подпишитесь на группу Вконтакте <br/>и делайте все заказы <br/><strong>на 5% дешевле!</strong></h4> <a href="https://vk.com/kgallery22"><img src="{ASSETS_IMAGES_PATH}gift.png?design=sunrise"></a> </div> <div class="col-sm-6 col-md-5 col-xs-12 callback animated" data-animation="fadeInRight" data-delay="300"> <h3 class="title">Оставьте заявку,</h3> <h5 class="title">чтобы получить бесплатную консультацию нашего специалиста через WhatsApp</h5> <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data"> <input type="hidden" name="hash" value="{HASH}" /> <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <div class="callback-input"> <input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Ваше имя" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off"> </div> <div class="callback-input"> <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off"> </div> <button type="submit" title="Отправить" class="button button3 big"> WhatsApр-консультация</button> <div class="protect"> <img src="{ASSETS_IMAGES_PATH}save.png?design=sunrise"/> <span>Ваши данные не будут переданы третьим лицам</span> </div> </form> </div> </div> </div> </div> <!-- Информационный блок -->
Замените его на:
<!-- Предложение --> <div id="proposition" class="main-block"> <div class="container"> <div class="row"> <div class="col-sm-12 col-md-12 col-xs-12 animated" data-animation="fadeInLeft" data-delay="0"> <h2 class="title">Выгодное предложение</h2> <h4 class="title">Подпишитесь на группу Вконтакте <br/>и делайте все заказы <br/><strong>на 5% дешевле!</strong></h4> <a href="https://vk.com/kgallery22"><img src="{ASSETS_IMAGES_PATH}gift.png?design=sunrise"></a> </div> </div> </div> </div> <!-- Информационный блок -->
Найдите в Редакторе шаблонов --- main.css данный код:
/*** Предложение ***/ #proposition {text-align: left;}
Замените его на:
/*** Предложение ***/ #proposition {text-align: center;}
4) В Редакторе шаблонов---HTML, найдите код:
<!-- Промо блок --> <div id="promotion" class="main-block"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="promotion-description animated" data-animation="fadeInUp" data-delay="0"> <p class="text_medium tc">У нас на сайте</p> <p class="text_large">Специальная цена на "Портреты на заказ"</p> <p class="text_small">Более подробную информацию об акциях и специальных предложениях Вы можете получить по телефону <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a> или заполнив форму обратной связи.</p> <a class="button big yellow" href="catalog/Portrety-na-zakaz" title="Перейти в Каталог">Смотрите примеры портретов</a> </div> </div> </div> </div> </div> <!-- /END Промо блок -->
И замените текст на Ваш.
Изображение можно поменять в левом столбце, открыв изображение с названием "promotion.png" и заменив на новое через кнопку "Заменить".
5) В Редакторе шаблонов---HTML, найдите код:
<!-- Обратный звонок --> <div id="orders" class="main-block animated" data-animation="zoomIn" data-delay="0"> <div class="container"> <h2 class="title">Остались вопросы?</h2> <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data"> <input type="hidden" name="hash" value="{HASH}" /> <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <div class="callback-input"> <input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Ваше имя" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off"> </div> <div class="callback-input"> <input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off"> </div> <button type="submit" title="Отправить" class="button button3 big">Запрос на WhatsApp-диалог</button> </form> </div> </div> <!-- /END Обратный звонок -->Измените его на:
<!-- Обратный звонок --> <div id="orders-email" class="feedback main-block animated" data-animation="zoomIn" data-delay="0"> <div class="container"> <h2 class="title">Остались вопросы?</h2> <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data"> <input type="hidden" name="hash" value="{HASH}" /> <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}"/> <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="Подписаться"/> <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="Подписаться"/> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <div class="callback-input"> <input class="callback_email inputText" type="email" name="form[callback_email]" value="{% IF CLIENT_IS_LOGIN %}{CLIENT_MAIL}{% ELSE %}{FORM_CALLBACK_EMAIL}{% ENDIF %}" maxlength="255" placeholder="Введите e-mail" autocomplete="off" requaried/> </div> <button type="submit" title="Отправить" class="button button3 big">Запрос на почту</button> </form> </div> </div> <!-- /END Обратный звонок -->
Найдите в Редакторе шаблонов --- main.css данный код:
/*** Обратный звонок ***/ #orders {background-color: #efefec;} #orders .callbackForm .callback-input {display: inline-block;margin: 0 10px 10px 0;} #orders .callbackForm .callback-input .inputText {height: 50px;line-height: 50px;} #orders .callbackForm .button {vertical-align: top;} #orders .name-error, #orders .phone-error {position: absolute;}
Измените его на:
/*** Обратный звонок ***/ #orders, #orders-email {background-color: #efefec;} #orders .callbackForm .callback-input, #orders-email .callbackForm .callback-input {display: inline-block;margin: 0 10px 10px 0;} #orders .callbackForm .callback-input .inputText, #orders-email .callbackForm .callback-input .inputText {height: 50px;line-height: 50px;} #orders .callbackForm .button, #orders-email .button{vertical-align: top;} #orders .name-error, #orders .phone-error, #orders-email .name-error, , #orders-email .phone-error{position: absolute;}
6) В Редакторе шаблонов---HTML, найдите код:
<div id="payment_services" class="col-sm-8 col-xs-12"> <a href="#" title="Перейти на страницу описания оплаты"> <span class="icon_1" title="Мы принимаем к оплате квитанции сбербанка"> </span> <span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA"> </span> <span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard"> </span> <span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" > </span> <span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги"> </span> <span class="icon_6" title="Мы принимаем к оплате Webmoney"> </span> <span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi"> </span> <span class="icon_10" title="Мы принимаем оплату через Робокассу"> </span>
И замените его на:
<div id="payment_services" class="col-sm-8 col-xs-12"> <a href="#" title="Перейти на страницу описания оплаты"> <span class="icon_1" title="Мы принимаем к оплате квитанции сбербанка"> </span> <span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA"> </span> <span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard"> </span> <span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" > </span> <span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi"> </span>
#16
Отправлено 17 Ноябрь 2023 - 00:24
Прошу Вас помочь ещё в нескольких изменениях:
1) УБРАТЬ с первой страницы(главной) = АНИМАЦИЮ (т.е. постепенно всплывающие элементы оформления);
2) УБРАТЬ с первой страницы раздел "Галерея Курченковой: купить/заказать";
3) В разделе "ПРОМО БЛОК" в мелком чёрном тексте в скобках дать ссылку на почту : artsou@yandex.ru;
4) Перед "подвалом" вставить шаблон текста "О нас"( я его потом сам исправлю)
#17
Отправлено 17 Ноябрь 2023 - 15:43
Андрей М (17 Ноябрь 2023 - 00:24) писал:
Прошу Вас помочь ещё в нескольких изменениях:
1) УБРАТЬ с первой страницы(главной) = АНИМАЦИЮ (т.е. постепенно всплывающие элементы оформления);
2) УБРАТЬ с первой страницы раздел "Галерея Курченковой: купить/заказать";
3) В разделе "ПРОМО БЛОК" в мелком чёрном тексте в скобках дать ссылку на почту : artsou@yandex.ru;
4) Перед "подвалом" вставить шаблон текста "О нас"( я его потом сам исправлю)
Здравствуйте.
1) Зайдите в Редактор шаблонов --- main.js и найдите данный код:
animated();
Замените его на:
// animated();
2 и 4) Перейдите в раздел Сайт---Главная страница, выберите из выпадающего списка: О нас
3) В Редакторе шаблонов---HTML, найдите код:
<p class="text_small">Более подробную информацию Вы можете получить через почту <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span></a> или заполнив форму обратной связи.</p>
Замените его на:
<p class="text_small">Более подробную информацию Вы можете получить через почту <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"><span>{SETTINGS_STORE_EMAIL_MAIN}</span></a> или заполнив форму обратной связи.</p>
#18
Отправлено 19 Ноябрь 2023 - 00:12
Вопросы:
1)Как убрать плашку "Новинка"на товаре на Главной странице в разделе "Новинка" (у меня на странице раздел "Новинка" переименован в "Пример графики") ?
Потом я раздел "Хит продаж" с плашкой на товаре "Хит" = переделаю под свою тему "Примеры сувениров" , а плашку уберу.
2)Как переместить на Главной заголовок "О нас" на середину?
3)Как увеличить размер шрифта в тексте "О нас"? -чтобы он был как в разделе "ПРОМО БЛОК" (в коде написано: "text_small" )
#19
Отправлено 20 Ноябрь 2023 - 15:37
#20
Отправлено 20 Ноябрь 2023 - 16:47
Андрей М (20 Ноябрь 2023 - 15:37) писал:
Здравствуйте.
Благодарим Вас за ожидание, правки Вам добавили по Вашим вопросам.
Вам лучше оставлять запросы в нашем чате(иконка чата находится в Админке, справа внизу), чтобы не ожидать длительно ответ на форуме.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных