Нужна Помощь
#1
Отправлено 26 Сентябрь 2016 - 11:52
Помогите, пожалуйста. По первому фото нужно выделенные блоки перенести вправо. И как увеличить размер логотипа?
По второму фото нужно перенести виджет вконтаке на один уровень с виджетом одноклассники.
#2
Отправлено 26 Сентябрь 2016 - 12:29
Чайник (26 Сентябрь 2016 - 11:52) писал:
Помогите, пожалуйста. По первому фото нужно выделенные блоки перенести вправо. И как увеличить размер логотипа? 2016-09-26.png
По второму фото нужно перенести виджет вконтаке на один уровень с виджетом одноклассники. 2016-09-26 (1).png
Здравствуйте,
В вашем Бэк-офисе, раздел Сайт->Редактор шаблонов, в файле Связь с администрацией, найдите следующий код:
<!-- Соц. сети --> <div id="ok_group_widget"></div> <script> !function (d, id, did, st) { var js = d.createElement("script"); js.src = "https://connect.ok.ru/connect.js"; js.onload = js.onreadystatechange = function () { if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") { if (!this.executed) { this.executed = true; setTimeout(function () { OK.CONNECT.insertGroupWidget(id,did,st); }, 0); } }} d.documentElement.appendChild(js); }(document,"ok_group_widget","53927537803503",'{"width":250,"height":335}'); </script> </div> <script type="text/javascript" src="//vk.com/js/api/openapi.js?130"></script> </div> <!-- VK Widget --> <div id="vk_groups"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 3, width: "220", height: "400", color1: 'FFFFFF', color2: '000000', color3: '5E81A8'}, 125942825); </script> </div> </div> </div> </div>
Замените его на:
<!-- Соц. сети --> <div class="soc" style="display:inline-flex;"> <div id="ok_group_widget"></div> <script> !function (d, id, did, st) { var js = d.createElement("script"); js.src = "https://connect.ok.ru/connect.js"; js.onload = js.onreadystatechange = function () { if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") { if (!this.executed) { this.executed = true; setTimeout(function () { OK.CONNECT.insertGroupWidget(id,did,st); }, 0); } }} d.documentElement.appendChild(js); }(document,"ok_group_widget","53927537803503",'{"width":250,"height":335}'); </script> <script type="text/javascript" src="//vk.com/js/api/openapi.js?130"></script> <!-- VK Widget --> <div id="vk_groups"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 3, width: "220", height: "400", color1: 'FFFFFF', color2: '000000', color3: '5E81A8'}, 125942825); </script> </div> </div> </div> </div> </div>
Для смещения меню вправо:
В редакторе шаблонов, файл main.css
Найдите строку:
#custommenu .mainnav {display: inline-block;position: static;vertical-align: middle;overflow: hidden;max-height: 80px;margin: 0;padding: 0;list-style: none;list-style-position: inside;}
Замените ее на:
#custommenu .mainnav {display: inline-block;position: static;vertical-align: middle;overflow: hidden;max-height: 80px;margin-top: 20px;padding: 0;list-style: none;list-style-position: inside;float:right;}
В этом же файле найдите строки:
.header-top .header-left {float: left;} .header-top .header-right {float: right;}
Замените их на:
.header-top .header-left {float: right;} .header-top .header-right {float: left;}
В файле HTML найдите:
<div class="header-left"> <!-- Телефон и Режим работы --> {% 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="header-right"> <!-- Телефон и Режим работы --> {% 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-left">
Логотип оптимизирован под блок, в котором находится меню, если увеличить изображение, увеличится и строка меню, если вам все же необходимо увеличить лого, сообщите нам и мы постараемся вам помочь.
#3
Отправлено 26 Сентябрь 2016 - 14:06
Ra1zon (26 Сентябрь 2016 - 12:29) писал:
В вашем Бэк-офисе, раздел Сайт->Редактор шаблонов, в файле Связь с администрацией, найдите следующий код:
<!-- Соц. сети --> <div id="ok_group_widget"></div> <script> !function (d, id, did, st) { var js = d.createElement("script"); js.src = "https://connect.ok.ru/connect.js"; js.onload = js.onreadystatechange = function () { if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") { if (!this.executed) { this.executed = true; setTimeout(function () { OK.CONNECT.insertGroupWidget(id,did,st); }, 0); } }} d.documentElement.appendChild(js); }(document,"ok_group_widget","53927537803503",'{"width":250,"height":335}'); </script> </div> <script type="text/javascript" src="//vk.com/js/api/openapi.js?130"></script> </div> <!-- VK Widget --> <div id="vk_groups"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 3, width: "220", height: "400", color1: 'FFFFFF', color2: '000000', color3: '5E81A8'}, 125942825); </script> </div> </div> </div> </div>
Замените его на:
<!-- Соц. сети --> <div class="soc" style="display:inline-flex;"> <div id="ok_group_widget"></div> <script> !function (d, id, did, st) { var js = d.createElement("script"); js.src = "https://connect.ok.ru/connect.js"; js.onload = js.onreadystatechange = function () { if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") { if (!this.executed) { this.executed = true; setTimeout(function () { OK.CONNECT.insertGroupWidget(id,did,st); }, 0); } }} d.documentElement.appendChild(js); }(document,"ok_group_widget","53927537803503",'{"width":250,"height":335}'); </script> <script type="text/javascript" src="//vk.com/js/api/openapi.js?130"></script> <!-- VK Widget --> <div id="vk_groups"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 3, width: "220", height: "400", color1: 'FFFFFF', color2: '000000', color3: '5E81A8'}, 125942825); </script> </div> </div> </div> </div> </div>
Для смещения меню вправо:
В редакторе шаблонов, файл main.css
Найдите строку:
#custommenu .mainnav {display: inline-block;position: static;vertical-align: middle;overflow: hidden;max-height: 80px;margin: 0;padding: 0;list-style: none;list-style-position: inside;}
Замените ее на:
#custommenu .mainnav {display: inline-block;position: static;vertical-align: middle;overflow: hidden;max-height: 80px;margin-top: 20px;padding: 0;list-style: none;list-style-position: inside;float:right;}
В этом же файле найдите строки:
.header-top .header-left {float: left;} .header-top .header-right {float: right;}
Замените их на:
.header-top .header-left {float: right;} .header-top .header-right {float: left;}
В файле HTML найдите:
<div class="header-left"> <!-- Телефон и Режим работы --> {% 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="header-right"> <!-- Телефон и Режим работы --> {% 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-left">
Логотип оптимизирован под блок, в котором находится меню, если увеличить изображение, увеличится и строка меню, если вам все же необходимо увеличить лого, сообщите нам и мы постараемся вам помочь.
Сделала все изменения все получилось, но после последнего кода в шапке все сдвинулось в лево. Как исправить? Мне нужно чтобы телефон и часы работы были слева, а все остальное справа
#4
Отправлено 26 Сентябрь 2016 - 14:18
удалите
</div>
#7
Отправлено 26 Сентябрь 2016 - 14:26
Чайник (26 Сентябрь 2016 - 14:06) писал:
Сделала все изменения все получилось, но после последнего кода в шапке все сдвинулось в лево. Как исправить? Мне нужно чтобы телефон и часы работы были слева, а все остальное справа 2016-09-26 (2).png
Просим вас внимательно проверить код, мы обнаружили, что вы не заменили не все необходимые строки:
А именно в HTML
<div class="header-left"> <!-- Телефон и Режим работы -->
Не заменили, на:
<div class="header-right"> <!-- Телефон и Режим работы -->
#9
Отправлено 26 Сентябрь 2016 - 14:32
Ra1zon (26 Сентябрь 2016 - 14:26) писал:
А именно в HTML
<div class="header-left"> <!-- Телефон и Режим работы -->
Не заменили, на:
<div class="header-right"> <!-- Телефон и Режим работы -->
заменила - изменений нет
#10
Отправлено 26 Сентябрь 2016 - 14:43
Чайник (26 Сентябрь 2016 - 14:32) писал:
Мы внесли вам изменения, просьба проверить.
Также для выравнивания верхних полей, рекомендуем в файле main.css
.header-top {min-height: 40px;font-weight: 300;border-bottom: none;background: #fff;}
Заменить на:
.header-top {height: 64px;font-weight: 300;border-bottom: none;background: #fff;margin: 10px;}
#11
Отправлено 26 Сентябрь 2016 - 14:55
Ra1zon (26 Сентябрь 2016 - 14:43) писал:
Также для выравнивания верхних полей, рекомендуем в файле main.css
.header-top {min-height: 40px;font-weight: 300;border-bottom: none;background: #fff;}
Заменить на:
.header-top {height: 64px;font-weight: 300;border-bottom: none;background: #fff;margin: 10px;}
заменила последнее, надпись поиск и пр. сдвинулось вниз
#12
Отправлено 26 Сентябрь 2016 - 14:58
Чайник (26 Сентябрь 2016 - 14:55) писал:
Просьба в файле main.css
заменить строки:
.header .header-left {float: right;} .header .header-right {float: left;}
на следующие строки:
.header-top .header-left {float: right;} .header-top .header-right {float: left;}
#13
Отправлено 26 Сентябрь 2016 - 15:05
Ra1zon (26 Сентябрь 2016 - 14:58) писал:
заменить строки:
.header .header-left {float: right;} .header .header-right {float: left;}
на следующие строки:
.header-top .header-left {float: right;} .header-top .header-right {float: left;}
Большое спасибо!!!Все получилось))
#14
Отправлено 21 Ноябрь 2017 - 21:57
#16
Отправлено 18 Апрель 2018 - 10:06
Damba (17 Апрель 2018 - 22:00) писал:
Здравствуйте.
Внес Вам правки. Было прописано условие скрытие информации о доставке, которое затрагивало, как быстрое оформление заказа, так и карточку товара.
#17
Отправлено 20 Апрель 2018 - 15:23
Firefly (18 Апрель 2018 - 10:06) писал:
Внес Вам правки. Было прописано условие скрытие информации о доставке, которое затрагивало, как быстрое оформление заказа, так и карточку товара.
Спасибо.
Обнаружил следующие проблемы
в мобильной версии сайта при нажатие обратного звонка он просто не грузится, и второе некоторые видео почему то не грузится так же через мобильную версию сайта
#18
Отправлено 21 Апрель 2018 - 10:43
Damba (20 Апрель 2018 - 15:23) писал:
Обнаружил следующие проблемы
в мобильной версии сайта при нажатие обратного звонка он просто не грузится, и второе некоторые видео почему то не грузится так же через мобильную версию сайта
Здравствуйте.
Вес Вам правки по коду для шаблона Обратный звонок и так по стилям.
Приведите, пожалуйста, несколько примеров товаров в которых видео не загружается в мобильной версии.
#19
Отправлено 21 Апрель 2018 - 16:36
Firefly (21 Апрель 2018 - 10:43) писал:
Вес Вам правки по коду для шаблона Обратный звонок и так по стилям.
Приведите, пожалуйста, несколько примеров товаров в которых видео не загружается в мобильной версии.
Попробовал сейчас через телефон нажать на обратный звонок все тоже самое
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных