Перейти к содержимому


Нужна Помощь

Автор Чайник, 26 сент. 2016 11:52

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 21

#1 Чайник

Чайник

    Новичок

  • Пользователи
  • Pip
  • 8 сообщений

Отправлено 26 Сентябрь 2016 - 11:52

Здравствуйте. Аккаунт SL-395806
Помогите, пожалуйста. По первому фото нужно выделенные блоки перенести вправо. И как увеличить размер логотипа? 2016-09-26.png
По второму фото нужно перенести виджет вконтаке на один уровень с виджетом одноклассники. 2016-09-26 (1).png

#2 Razon

Razon

    Активный участник

  • Модератоpы
  • 321 сообщений

Отправлено 26 Сентябрь 2016 - 12:29

Просмотр сообщенияЧайник (26 Сентябрь 2016 - 11:52) писал:

Здравствуйте. Аккаунт SL-395806
Помогите, пожалуйста. По первому фото нужно выделенные блоки перенести вправо. И как увеличить размер логотипа? Прикрепленный файл 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 Чайник

Чайник

    Новичок

  • Пользователи
  • Pip
  • 8 сообщений

Отправлено 26 Сентябрь 2016 - 14:06

2016-09-26 (2).png

Просмотр сообщения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">

Логотип оптимизирован под  блок,  в котором находится меню,  если увеличить изображение,  увеличится и строка меню,  если вам все же необходимо увеличить лого,  сообщите нам и мы постараемся вам помочь.


Сделала все изменения все получилось, но после последнего кода в шапке все сдвинулось в лево. Как исправить? Мне нужно чтобы телефон и часы работы были слева, а все остальное справа 2016-09-26 (2).png

#4 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 26 Сентябрь 2016 - 14:18

в файле main.css (213 строка)
удалите
</div>

#5 Чайник

Чайник

    Новичок

  • Пользователи
  • Pip
  • 8 сообщений

Отправлено 26 Сентябрь 2016 - 14:20

Просмотр сообщенияMr.Nito (26 Сентябрь 2016 - 14:18) писал:

в файле main.css (213 строка)
удалите
</div>

В этой строке такого нет)

#6 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 26 Сентябрь 2016 - 14:25

Просмотр сообщенияЧайник (26 Сентябрь 2016 - 14:20) писал:

В этой строке такого нет)
Прошу прощения, имел ввиду Редактор шаблонов - HTML

#7 Razon

Razon

    Активный участник

  • Модератоpы
  • 321 сообщений

Отправлено 26 Сентябрь 2016 - 14:26

Просмотр сообщенияЧайник (26 Сентябрь 2016 - 14:06) писал:

Прикрепленный файл 2016-09-26 (2).png


Сделала все изменения все получилось, но после последнего кода в шапке все сдвинулось в лево. Как исправить? Мне нужно чтобы телефон и часы работы были слева, а все остальное справа Прикрепленный файл 2016-09-26 (2).png


Просим вас внимательно проверить код,  мы обнаружили,  что вы не заменили не все необходимые строки:
А именно в HTML 
				 <div class="header-left">
				 <!-- Телефон и Режим работы -->

Не заменили,  на:
				 <div class="header-right">
				 <!-- Телефон и Режим работы -->

#8 Чайник

Чайник

    Новичок

  • Пользователи
  • Pip
  • 8 сообщений

Отправлено 26 Сентябрь 2016 - 14:27

Просмотр сообщенияMr.Nito (26 Сентябрь 2016 - 14:25) писал:

Прошу прощения, имел ввиду Редактор шаблонов - HTML

удалила не помогла. все без изменений

#9 Чайник

Чайник

    Новичок

  • Пользователи
  • Pip
  • 8 сообщений

Отправлено 26 Сентябрь 2016 - 14:32

Просмотр сообщенияRa1zon (26 Сентябрь 2016 - 14:26) писал:

Просим вас внимательно проверить код,  мы обнаружили,  что вы не заменили не все необходимые строки:
А именно в HTML
				 <div class="header-left">
				 <!-- Телефон и Режим работы -->

Не заменили,  на:
				 <div class="header-right">
				 <!-- Телефон и Режим работы -->


заменила - изменений нет

#10 Razon

Razon

    Активный участник

  • Модератоpы
  • 321 сообщений

Отправлено 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 Чайник

Чайник

    Новичок

  • Пользователи
  • Pip
  • 8 сообщений

Отправлено 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 Razon

Razon

    Активный участник

  • Модератоpы
  • 321 сообщений

Отправлено 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 Чайник

Чайник

    Новичок

  • Пользователи
  • Pip
  • 8 сообщений

Отправлено 26 Сентябрь 2016 - 15:05

Просмотр сообщенияRa1zon (26 Сентябрь 2016 - 14:58) писал:

Просьба в файле main.css
заменить строки:
.header .header-left {float: right;}
.header .header-right {float: left;}

на следующие строки:
.header-top .header-left {float: right;}
.header-top .header-right {float: left;}

Большое спасибо!!!Все получилось))

#14 Dima229

Dima229

    Новичок

  • Пользователи
  • Pip
  • 1 сообщений

Отправлено 21 Ноябрь 2017 - 21:57

Недавно, наткнулся, на сайт http://design.best4you.kz/ очень много информации !!!!

#15 Damba

Damba

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений

Отправлено 17 Апрель 2018 - 22:00

Здравствуйте, подскажите почему не видно способа доставки в карточке товара, хотя вроде все прописано.

Прикрепленные изображения

  • 123321.png

#16 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 18 Апрель 2018 - 10:06

Просмотр сообщенияDamba (17 Апрель 2018 - 22:00) писал:

Здравствуйте, подскажите почему не видно способа доставки в карточке товара, хотя вроде все прописано.

Здравствуйте.
Внес Вам правки. Было прописано условие скрытие информации о доставке, которое затрагивало, как быстрое оформление заказа, так и карточку товара.

#17 Damba

Damba

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений

Отправлено 20 Апрель 2018 - 15:23

Просмотр сообщенияFirefly (18 Апрель 2018 - 10:06) писал:

Здравствуйте.
Внес Вам правки. Было прописано условие скрытие информации о доставке, которое затрагивало, как быстрое оформление заказа, так и карточку товара.

Спасибо.
Обнаружил следующие проблемы
в мобильной версии сайта при нажатие обратного звонка он просто не грузится, и второе некоторые видео почему то не грузится так же через мобильную версию сайта

#18 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 21 Апрель 2018 - 10:43

Просмотр сообщенияDamba (20 Апрель 2018 - 15:23) писал:

Спасибо.
Обнаружил следующие проблемы
в мобильной версии сайта при нажатие обратного звонка он просто не грузится, и второе некоторые видео почему то не грузится так же через мобильную версию сайта

Здравствуйте.
Вес Вам правки по коду для шаблона Обратный звонок и так по стилям.
Приведите, пожалуйста, несколько примеров товаров в которых видео не загружается в мобильной версии.

#19 Damba

Damba

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений

Отправлено 21 Апрель 2018 - 16:36

Просмотр сообщенияFirefly (21 Апрель 2018 - 10:43) писал:

Здравствуйте.
Вес Вам правки по коду для шаблона Обратный звонок и так по стилям.
Приведите, пожалуйста, несколько примеров товаров в которых видео не загружается в мобильной версии.

Попробовал сейчас через телефон нажать на обратный звонок все тоже самое

#20 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 21 Апрель 2018 - 17:05

Просмотр сообщенияDamba (21 Апрель 2018 - 16:36) писал:

Попробовал сейчас через телефон нажать на обратный звонок все тоже самое

Попробуйте очистить кэш в истории браузера.
При тестировании форма сработала корректно.
Обратно в Главная


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Вопросы общие для всех шаблонов
  5. → Главная
  6. Privacy Policy