0
Переместить Логотип
Автор acer5, 16 окт. 2018 09:09
Сообщений в теме: 6
#1
Отправлено 16 Октябрь 2018 - 09:09
Здравствуйте! Помогите пожалуйста.
1. Убрать кнопку обратного звонка
2. Номер передвинуть правее
3. Логотип перенести на место телефона
4. Кнопку в корзину чуть отпустить в низ
5. Название товара наоборот чуть выше к кнопке
6. Сделать чтобы слайдер не увеличивался
Аккаунт SL-458617
1. Убрать кнопку обратного звонка
2. Номер передвинуть правее
3. Логотип перенести на место телефона
4. Кнопку в корзину чуть отпустить в низ
5. Название товара наоборот чуть выше к кнопке
6. Сделать чтобы слайдер не увеличивался
Аккаунт SL-458617
#2
Отправлено 16 Октябрь 2018 - 11:52
acer5 (16 Октябрь 2018 - 09:09) писал:
Здравствуйте! Помогите пожалуйста.
1. Убрать кнопку обратного звонка
2. Номер передвинуть правее
3. Логотип перенести на место телефона
4. Кнопку в корзину чуть отпустить в низ
5. Название товара наоборот чуть выше к кнопке
6. Сделать чтобы слайдер не увеличивался
Аккаунт SL-458617
1. Убрать кнопку обратного звонка
2. Номер передвинуть правее
3. Логотип перенести на место телефона
4. Кнопку в корзину чуть отпустить в низ
5. Название товара наоборот чуть выше к кнопке
6. Сделать чтобы слайдер не увеличивался
Аккаунт SL-458617
Здравствуйте.
В шаблоне html найдите, пожалуйста, данный блок кода:
<!-- Шапка --> <div id="header"> <div class="header-top"> <div class="container"> <div class="header-left"> <div class="logo col-md-2 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 %} <!-- Обратный звонок --> <div class="block callback"> <a class="button button3" href="#fancybox-callback" title="Обратный звонок"><i class="fa fa-phone"></i><span class="hide">Обратный звонок</span></a> <div id="fancybox-callback" style="display:none"> <h4 class="title">Обратный звонок</h4> <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">Нажимая на кнопку Отправить,<br/> Вы соглашаетесь с <a href="#">правилами обработки данных</a></div> <button type="submit" title="Отправить" class="button button3">Отправить</button> </form> </div> </div> </div> <div class="header-right"> <!-- Меню -->
И замените его этим вот кодом:
<!-- Шапка --> <div id="header"> <div class="header-top"> <div class="container"> <div class="header-left"> <div class="logo col-md-2 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 %} </div> <div class="header-right"> <!-- Меню -->
После чего, всё в том же шаблоне, найдите, пожалуйста, следующий блок кода:
<!-- Меню Каталог в шапке --> <div class="header-middle"> <div class="container"> <div class="logo col-md-2 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="header-middle"> <div class="container"> <!-- Каталог -->
#3
Отправлено 16 Октябрь 2018 - 13:11
RayLi (16 Октябрь 2018 - 11:52) писал:
Здравствуйте.
В шаблоне html найдите, пожалуйста, данный блок кода:
И замените его этим вот кодом:
После чего, всё в том же шаблоне, найдите, пожалуйста, следующий блок кода:
И замените его этим кодом:
В шаблоне html найдите, пожалуйста, данный блок кода:
<!-- Шапка --> <div id="header"> <div class="header-top"> <div class="container"> <div class="header-left"> <div class="logo col-md-2 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 %} <!-- Обратный звонок --> <div class="block callback"> <a class="button button3" href="#fancybox-callback" title="Обратный звонок"><i class="fa fa-phone"></i><span class="hide">Обратный звонок</span></a> <div id="fancybox-callback" style="display:none"> <h4 class="title">Обратный звонок</h4> <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">Нажимая на кнопку Отправить,<br/> Вы соглашаетесь с <a href="#">правилами обработки данных</a></div> <button type="submit" title="Отправить" class="button button3">Отправить</button> </form> </div> </div> </div> <div class="header-right"> <!-- Меню -->
И замените его этим вот кодом:
<!-- Шапка --> <div id="header"> <div class="header-top"> <div class="container"> <div class="header-left"> <div class="logo col-md-2 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 %} </div> <div class="header-right"> <!-- Меню -->
После чего, всё в том же шаблоне, найдите, пожалуйста, следующий блок кода:
<!-- Меню Каталог в шапке --> <div class="header-middle"> <div class="container"> <div class="logo col-md-2 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="header-middle"> <div class="container"> <!-- Каталог -->
#5
Отправлено 16 Октябрь 2018 - 17:37
acer5 (16 Октябрь 2018 - 13:42) писал:
В мобильной версии тоже выровнять все по центру
В шаблоне main.css найдите, пожалуйста, следующий блок кода:
@media all and (max-width: 641px) { .scroll {overflow-x: scroll;} #producttabs .pdt-nav > li {display: block;float: none;}
И замените его этим вот кодом:
@media all and (max-width: 641px) { .scroll {overflow-x: scroll;} .header-top .header-left .logo.col-md-2.col-xs-6 {width: 100%;} #producttabs .pdt-nav > li {display: block;float: none;}
#7
Отправлено 17 Октябрь 2018 - 13:52
acer5 (17 Октябрь 2018 - 13:46) писал:
Помогите пожалуйста, телефон еще правее и логотип был нормального размера и сделать в один ряд по центру разделы сайта.
Для этого Вам необходимо в шаблоне html найти следующий блок кода:
<!-- Шапка --> <div id="header"> <div class="header-top"> <div class="container"> <div class="header-left"> <div class="logo col-md-2 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="header"> <div class="header-top"> <div class="container"> <div class="header-left"> <div class="logo col-md-5 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> <!-- Телефон и Режим работы -->
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных