- Форум владельцев интернет-магазинов
- → Публикации Чайник
Публикации Чайник
8 публикаций создано Чайник (учитываются публикации только с 25-Сентябрь 23)
#248713 Изменение В Модификации Товара
Отправлено от Чайник в 26 Сентябрь 2016 - 19:57 в Страница товара
#248679 Нужна Помощь
Отправлено от Чайник в 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;}
заменила последнее, надпись поиск и пр. сдвинулось вниз
#248669 Нужна Помощь
Отправлено от Чайник в 26 Сентябрь 2016 - 14:32 в Главная
Ra1zon (26 Сентябрь 2016 - 14:26) писал:
А именно в HTML
<div class="header-left"> <!-- Телефон и Режим работы -->
Не заменили, на:
<div class="header-right"> <!-- Телефон и Режим работы -->
заменила - изменений нет
#248660 Нужна Помощь
Отправлено от Чайник в 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">
Логотип оптимизирован под блок, в котором находится меню, если увеличить изображение, увеличится и строка меню, если вам все же необходимо увеличить лого, сообщите нам и мы постараемся вам помочь.
Сделала все изменения все получилось, но после последнего кода в шапке все сдвинулось в лево. Как исправить? Мне нужно чтобы телефон и часы работы были слева, а все остальное справа
- Форум владельцев интернет-магазинов
- → Публикации Чайник
- Privacy Policy