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


Изменение Иконок На Главной Странице


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

#21 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 20 Март 2021 - 05:24

Здравствуйте.

Простите за ожидание. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
		 <nav class="menu main_menu" itemscope itemtype="https://schema.org/SiteNavigationElement">
			 {% FOR menu %}
			 {% FOR header %}
				 {% FOR links %}
				 <a href="{menu.header.links.URL}" class="{% IF menu.header.links.SELECTED %}active{%ENDIF%}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url">{menu.header.links.NAME}</a>
				 {% ENDFOR %}
			 {% ENDFOR %}
			 {% ENDFOR %}
			 <div class="hover-line"></div>
		 </nav>
  
замените на:
		 <nav class="menu main_menu" itemscope itemtype="https://schema.org/SiteNavigationElement">
			 {% FOR menu %}
			 {% FOR header %}
				 {% FOR links %}
				 <a href="{menu.header.links.URL}" class="{% IF menu.header.links.NAME=ПОЛЕЗНОЕ %}dropdown_link{% ENDIF%} {% IF menu.header.links.SELECTED %}active{%ENDIF%}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url">{menu.header.links.NAME}</a>
				 {% ENDFOR %}
			 {% ENDFOR %}
			 {% ENDFOR %}
			 <div class="hover-line"></div>
<div class="dropdown">
			 {% FOR menu %}
			 {% FOR dop_menu %}
				 {% FOR links %}
				 <a href="{menu.dop_menu.links.URL}" {% IF menu.dop_menu.links.TITLE %}title="{menu.dop_menu.links.TITLE}"{% ENDIF %} itemprop="url">{menu.dop_menu.links.NAME}</a>
				 {% ENDFOR %}
			 {% ENDFOR %}
			 {% ENDFOR %}
</div>
		 </nav>
  
  
далее зайдите в main.css - найдите:
header .header-bottom .overflowMenu.active{display:block;}
header .header-bottom .overflowMenu a{display:block;line-height:30px;}

замените на:
header .header-bottom .overflowMenu.active{display:block;}
header .header-bottom .overflowMenu a{display:block;line-height:30px;}
header .header-bottom nav .dropdown_link ~ .dropdown {position: absolute;width: auto;left: 50%;top: 50px;z-index: 30;background: #fff;margin-left: -3%;display: none;}
header .header-bottom nav .dropdown_link ~ .dropdown a {display: block;padding: 15px 20px;line-height: 20px;}
header .header-bottom nav .dropdown_link:hover ~ .dropdown, header .header-bottom nav .dropdown_link ~ .dropdown:hover{display: block;}

В разделе Сайт - Меню - в дополнительном меню укажите ссылки не на полезное, а на требуемые страницы.

Screenshot(14).png

#22 step2054

step2054

    Продвинутый пользователь

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

Отправлено 26 Март 2021 - 12:30

Просмотр сообщенияVaccina (20 Март 2021 - 05:24) писал:

Здравствуйте.

Простите за ожидание. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
		 <nav class="menu main_menu" itemscope itemtype="https://schema.org/SiteNavigationElement">
			 {% FOR menu %}
			 {% FOR header %}
				 {% FOR links %}
				 <a href="{menu.header.links.URL}" class="{% IF menu.header.links.SELECTED %}active{%ENDIF%}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url">{menu.header.links.NAME}</a>
				 {% ENDFOR %}
			 {% ENDFOR %}
			 {% ENDFOR %}
			 <div class="hover-line"></div>
		 </nav>
  
замените на:
		 <nav class="menu main_menu" itemscope itemtype="https://schema.org/SiteNavigationElement">
			 {% FOR menu %}
			 {% FOR header %}
				 {% FOR links %}
				 <a href="{menu.header.links.URL}" class="{% IF menu.header.links.NAME=ПОЛЕЗНОЕ %}dropdown_link{% ENDIF%} {% IF menu.header.links.SELECTED %}active{%ENDIF%}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url">{menu.header.links.NAME}</a>
				 {% ENDFOR %}
			 {% ENDFOR %}
			 {% ENDFOR %}
			 <div class="hover-line"></div>
<div class="dropdown">
			 {% FOR menu %}
			 {% FOR dop_menu %}
				 {% FOR links %}
				 <a href="{menu.dop_menu.links.URL}" {% IF menu.dop_menu.links.TITLE %}title="{menu.dop_menu.links.TITLE}"{% ENDIF %} itemprop="url">{menu.dop_menu.links.NAME}</a>
				 {% ENDFOR %}
			 {% ENDFOR %}
			 {% ENDFOR %}
</div>
		 </nav>
  
  
далее зайдите в main.css - найдите:
header .header-bottom .overflowMenu.active{display:block;}
header .header-bottom .overflowMenu a{display:block;line-height:30px;}

замените на:
header .header-bottom .overflowMenu.active{display:block;}
header .header-bottom .overflowMenu a{display:block;line-height:30px;}
header .header-bottom nav .dropdown_link ~ .dropdown {position: absolute;width: auto;left: 50%;top: 50px;z-index: 30;background: #fff;margin-left: -3%;display: none;}
header .header-bottom nav .dropdown_link ~ .dropdown a {display: block;padding: 15px 20px;line-height: 20px;}
header .header-bottom nav .dropdown_link:hover ~ .dropdown, header .header-bottom nav .dropdown_link ~ .dropdown:hover{display: block;}

В разделе Сайт - Меню - в дополнительном меню укажите ссылки не на полезное, а на требуемые страницы.

Прикрепленный файл Screenshot(14).png

Спасибо Вам огромное!!!

#23 step2054

step2054

    Продвинутый пользователь

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

Отправлено 02 Апрель 2021 - 20:29

Просмотр сообщенияVaccina (20 Март 2021 - 05:24) писал:

Здравствуйте.

Простите за ожидание. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
		 <nav class="menu main_menu" itemscope itemtype="https://schema.org/SiteNavigationElement">
			 {% FOR menu %}
			 {% FOR header %}
				 {% FOR links %}
				 <a href="{menu.header.links.URL}" class="{% IF menu.header.links.SELECTED %}active{%ENDIF%}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url">{menu.header.links.NAME}</a>
				 {% ENDFOR %}
			 {% ENDFOR %}
			 {% ENDFOR %}
			 <div class="hover-line"></div>
		 </nav>
  
замените на:
		 <nav class="menu main_menu" itemscope itemtype="https://schema.org/SiteNavigationElement">
			 {% FOR menu %}
			 {% FOR header %}
				 {% FOR links %}
				 <a href="{menu.header.links.URL}" class="{% IF menu.header.links.NAME=ПОЛЕЗНОЕ %}dropdown_link{% ENDIF%} {% IF menu.header.links.SELECTED %}active{%ENDIF%}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url">{menu.header.links.NAME}</a>
				 {% ENDFOR %}
			 {% ENDFOR %}
			 {% ENDFOR %}
			 <div class="hover-line"></div>
<div class="dropdown">
			 {% FOR menu %}
			 {% FOR dop_menu %}
				 {% FOR links %}
				 <a href="{menu.dop_menu.links.URL}" {% IF menu.dop_menu.links.TITLE %}title="{menu.dop_menu.links.TITLE}"{% ENDIF %} itemprop="url">{menu.dop_menu.links.NAME}</a>
				 {% ENDFOR %}
			 {% ENDFOR %}
			 {% ENDFOR %}
</div>
		 </nav>
  
  
далее зайдите в main.css - найдите:
header .header-bottom .overflowMenu.active{display:block;}
header .header-bottom .overflowMenu a{display:block;line-height:30px;}

замените на:
header .header-bottom .overflowMenu.active{display:block;}
header .header-bottom .overflowMenu a{display:block;line-height:30px;}
header .header-bottom nav .dropdown_link ~ .dropdown {position: absolute;width: auto;left: 50%;top: 50px;z-index: 30;background: #fff;margin-left: -3%;display: none;}
header .header-bottom nav .dropdown_link ~ .dropdown a {display: block;padding: 15px 20px;line-height: 20px;}
header .header-bottom nav .dropdown_link:hover ~ .dropdown, header .header-bottom nav .dropdown_link ~ .dropdown:hover{display: block;}

В разделе Сайт - Меню - в дополнительном меню укажите ссылки не на полезное, а на требуемые страницы.

Прикрепленный файл Screenshot(14).png

Добрый день!
Снова требуется Ваша помощь.
1. Сделал всё как Вы сказали. Выпадающее меню получилось, но кликнуть по пунктам этого меню не получается. (Скрин 01)
2. При добавлении подкатегорий в категорию "Суды города Москвы", произошёл какой-то сбой. Подвал сайта вылез наверх, а сами подкатегории разбросаны в хаотичном порядке. (Скрин02 и Скрин03).
Помогите, пожалуйста исправить!

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

  • Скрин01.jpg
  • Скрин02.jpg
  • Скрин03.jpg


#24 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Апрель 2021 - 08:53

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:   
header .header-bottom nav .dropdown_link ~ .dropdown {position: absolute;width: auto;left: 50%;top: 50px;z-index: 30;background: #fff;margin-left: -3%;display: none;}

замените на:
header .header-bottom nav .dropdown_link ~ .dropdown {position: absolute;width: auto;left: 30%;top: 50px;z-index: 30;background: #fff;margin-left: -3%;display: none;}


По поводу подвала, структура нарушилась из-за описания категории, если например удалить описание из категории "Зеленоградский районный суд", то подвал уходит вниз, но с подкатегориями ниже проблемы из-за этого же, попробуйте в описание дублировать только краткую информацию для предпросмотра при наведении, а уже в поле "Полное SEO описание" размещать текст как вы ранее делали в обычном описании, по функционалу эти два поля идентичны.

#25 step2054

step2054

    Продвинутый пользователь

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

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

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

#26 step2054

step2054

    Продвинутый пользователь

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

Отправлено 24 Май 2021 - 21:30

Добрый день!

Пожалуйста, подскажите, как увеличить межстрочечный интервал текста на страницах сайта?

Аккаунт SL-519264

Заранее Вам благодарен.

#27 stasia

stasia

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

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

Отправлено 25 Май 2021 - 09:34

Просмотр сообщенияstep2054 (24 Май 2021 - 21:30) писал:

Добрый день!

Пожалуйста, подскажите, как увеличить межстрочечный интервал текста на страницах сайта?

Аккаунт SL-519264

Заранее Вам благодарен.

Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:
.DescriptionBlock {overflow:hidden;text-overflow:ellipsis;word-break:break-word;margin-bottom:30px;background:white;padding:15px;}

Замените его на:  
.DescriptionBlock {line-height: 1.5;overflow:hidden;text-overflow:ellipsis;word-break:break-word;margin-bottom:30px;background:white;padding:15px;}
.htmlDataBlock {line-height: 1.3;}


#28 step2054

step2054

    Продвинутый пользователь

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

Отправлено 29 Май 2021 - 12:03

Просмотр сообщенияstasia (25 Май 2021 - 09:34) писал:

Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:
.DescriptionBlock {overflow:hidden;text-overflow:ellipsis;word-break:break-word;margin-bottom:30px;background:white;padding:15px;}
Замените его на:
 .DescriptionBlock {line-height: 1.5;overflow:hidden;text-overflow:ellipsis;word-break:break-word;margin-bottom:30px;background:white;padding:15px;} .htmlDataBlock {line-height: 1.3;}

Спасибо Вам огромное!

Помогите, пожалуйста ещё с одним вопросом.
Возможно ли сделать отдельную страницу с блоком "Калькулятор стоимости"?
Скрин прилагаю.

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

  • Скрин2.jpg


#29 stasia

stasia

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

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

Отправлено 29 Май 2021 - 13:55

Просмотр сообщенияstep2054 (29 Май 2021 - 12:03) писал:

Спасибо Вам огромное!

Помогите, пожалуйста ещё с одним вопросом.
Возможно ли сделать отдельную страницу с блоком "Калькулятор стоимости"?
Скрин прилагаю.

Здравствуйте. Уточните на какую страницу нужно перенести калькулятор с Главной страницы?

#30 step2054

step2054

    Продвинутый пользователь

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

Отправлено 31 Май 2021 - 13:09

Просмотр сообщенияstasia (29 Май 2021 - 13:55) писал:

Здравствуйте. Уточните на какую страницу нужно перенести калькулятор с Главной страницы?

Добрый день!

Мне не надо переносить калькулятор с главной странице. Пусть он там и остается.
Хотелось бы сделать его ещё на отдельной странице: КАЛЬКУЛЯТОР СТОИМОСТИ УСЛУГ (yur-kontora.ru)

#31 metry

metry

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

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

Отправлено 31 Май 2021 - 13:34

Добрый день. В разделе Сайт -->Страница создали отдельную страницу Калькулятор стоимости услуг и для этой страницы вывели калькулятор. Ссылку на созданную страницу добавили в меню.

#32 step2054

step2054

    Продвинутый пользователь

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

Отправлено 03 Июнь 2021 - 12:26

Просмотр сообщенияmetry (31 Май 2021 - 13:34) писал:

Добрый день. В разделе Сайт -->Страница создали отдельную страницу Калькулятор стоимости услуг и для этой страницы вывели калькулятор. Ссылку на созданную страницу добавили в меню.

Спасибо Вам огромное!

#33 step2054

step2054

    Продвинутый пользователь

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

Отправлено 18 Октябрь 2021 - 20:32

Добрый день!

1) Скажите, пожалуйста, как можно поменять иконку скайпа и надпись "Skype" в блоке Контакты на иконку Вотсапа и надпись WhatsApp? (Скрин1 прилагаю)

2) Как сделать так, чтобы выпадающее меню (как на Скрине2) было ближе к блоку, который его содержит? И, как сделать так, чтобы можно было кликать по разделам выпадающего меню.

Аккаунт SL-519264

Заранее Вам благодарен.

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

  • Скрин1.jpg
  • Скрин2.jpg


#34 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 19 Октябрь 2021 - 08:06

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
			  {% IF SETTINGS_STORE_SKYPE %}
				<li><a class="with-skype-icon" href="skype:{SETTINGS_STORE_SKYPE}?call">Skype:&nbsp;{SETTINGS_STORE_SKYPE}</a></li>
			  {% ENDIF %}
    
замените на:
<li><a href="https://wa.me/71231232233" class="with-whatsapp-icon">WhatsApp:&nbsp;+7 (123) 1232233</a></li>

номер замените на необходимый, далее зайдите в main.css - найдите:
.right_contacts ul li a{display:block;line-height:26px;padding:12px 0 12px 30px;background-repeat:no-repeat;background-size:18px 18px;background-position:left center;}
замените на:
.right_contacts ul li a{display:block;line-height:26px;padding:12px 0 12px 30px;background-repeat:no-repeat;background-size:18px 18px;background-position:left center;}
.right_contacts ul li a.with-whatsapp-icon{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2395bbf2' width='27' height='27'%3E%3Cpath d='M19.11 17.205c-.372 0-1.088 1.39-1.518 1.39a.63.63 0 0 1-.315-.1c-.802-.402-1.504-.817-2.163-1.447-.545-.516-1.146-1.29-1.46-1.963a.426.426 0 0 1-.073-.215c0-.33.99-.945.99-1.49 0-.143-.73-2.09-.832-2.335-.143-.372-.214-.487-.6-.487-.187 0-.36-.043-.53-.043-.302 0-.53.115-.746.315-.688.645-1.032 1.318-1.06 2.264v.114c-.015.99.472 1.977 1.017 2.78 1.23 1.82 2.506 3.41 4.554 4.34.616.287 2.035.888 2.722.888.817 0 2.15-.515 2.478-1.318.13-.33.244-.73.244-1.088 0-.058 0-.144-.03-.215-.1-.172-2.434-1.39-2.678-1.39zm-2.908 7.593c-1.747 0-3.48-.53-4.942-1.49L7.793 24.41l1.132-3.337a8.955 8.955 0 0 1-1.72-5.272c0-4.955 4.04-8.995 8.997-8.995S25.2 10.845 25.2 15.8c0 4.958-4.04 8.998-8.998 8.998zm0-19.798c-5.96 0-10.8 4.842-10.8 10.8 0 1.964.53 3.898 1.546 5.574L5 27.176l5.974-1.92a10.807 10.807 0 0 0 16.03-9.455c0-5.958-4.842-10.8-10.802-10.8z'/%3E%3C/svg%3E");}
далее найдите:
header .header-bottom nav .dropdown_link ~ .dropdown {position: absolute;width: auto;left: 30%;top: 50px;z-index: 30;background: #fff;margin-left: -3%;display: none;}
замените на:
header .header-bottom nav .dropdown_link ~ .dropdown {position: absolute;width: auto;left: 50%;top: 50px;z-index: 30;background: #fff;margin-left: -3%;display: none;}


#35 step2054

step2054

    Продвинутый пользователь

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

Отправлено 20 Октябрь 2021 - 09:57

Просмотр сообщенияVaccina (19 Октябрь 2021 - 08:06) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
			 {% IF SETTINGS_STORE_SKYPE %}
			 <li><a class="with-skype-icon" href="skype:{SETTINGS_STORE_SKYPE}?call">Skype:&nbsp;{SETTINGS_STORE_SKYPE}</a></li>
			 {% ENDIF %}

замените на:
<li><a href="https://wa.me/71231232233" class="with-whatsapp-icon">WhatsApp:&nbsp;+7 (123) 1232233</a></li>

номер замените на необходимый, далее зайдите в main.css - найдите:
.right_contacts ul li a{display:block;line-height:26px;padding:12px 0 12px 30px;background-repeat:no-repeat;background-size:18px 18px;background-position:left center;}
замените на:
.right_contacts ul li a{display:block;line-height:26px;padding:12px 0 12px 30px;background-repeat:no-repeat;background-size:18px 18px;background-position:left center;}
.right_contacts ul li a.with-whatsapp-icon{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2395bbf2' width='27' height='27'%3E%3Cpath d='M19.11 17.205c-.372 0-1.088 1.39-1.518 1.39a.63.63 0 0 1-.315-.1c-.802-.402-1.504-.817-2.163-1.447-.545-.516-1.146-1.29-1.46-1.963a.426.426 0 0 1-.073-.215c0-.33.99-.945.99-1.49 0-.143-.73-2.09-.832-2.335-.143-.372-.214-.487-.6-.487-.187 0-.36-.043-.53-.043-.302 0-.53.115-.746.315-.688.645-1.032 1.318-1.06 2.264v.114c-.015.99.472 1.977 1.017 2.78 1.23 1.82 2.506 3.41 4.554 4.34.616.287 2.035.888 2.722.888.817 0 2.15-.515 2.478-1.318.13-.33.244-.73.244-1.088 0-.058 0-.144-.03-.215-.1-.172-2.434-1.39-2.678-1.39zm-2.908 7.593c-1.747 0-3.48-.53-4.942-1.49L7.793 24.41l1.132-3.337a8.955 8.955 0 0 1-1.72-5.272c0-4.955 4.04-8.995 8.997-8.995S25.2 10.845 25.2 15.8c0 4.958-4.04 8.998-8.998 8.998zm0-19.798c-5.96 0-10.8 4.842-10.8 10.8 0 1.964.53 3.898 1.546 5.574L5 27.176l5.974-1.92a10.807 10.807 0 0 0 16.03-9.455c0-5.958-4.842-10.8-10.802-10.8z'/%3E%3C/svg%3E");}
далее найдите:
header .header-bottom nav .dropdown_link ~ .dropdown {position: absolute;width: auto;left: 30%;top: 50px;z-index: 30;background: #fff;margin-left: -3%;display: none;}
замените на:
header .header-bottom nav .dropdown_link ~ .dropdown {position: absolute;width: auto;left: 50%;top: 50px;z-index: 30;background: #fff;margin-left: -3%;display: none;}

Спасибо большое, что откликнулись!
С всплывающим меню всё получилось.
С изменением Скайпа на Вотсап не очень. Я удалил номер Скайпа в основных настройках и он исчез в блоке Контакты справа (Скрин1). Сделал, как Вы написали, и получилось как на Скрине2.

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

  • Скрин1.jpg
  • Скрин2.jpg


#36 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 21 Октябрь 2021 - 06:30

Здравствуйте.

Скорее всего не там произвели замену, уточнила на скриншоте:
Screenshot(3).png

Результат должен быть следующим:
Screenshot(4).png

#37 step2054

step2054

    Продвинутый пользователь

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

Отправлено 23 Октябрь 2021 - 15:36

Просмотр сообщенияVaccina (21 Октябрь 2021 - 06:30) писал:

Здравствуйте.

Скорее всего не там произвели замену, уточнила на скриншоте:
Прикрепленный файл Screenshot(3).png

Результат должен быть следующим:
Прикрепленный файл Screenshot(4).png

Большое спасибо, Вам!
Всё получилось!

#38 step2054

step2054

    Продвинутый пользователь

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

Отправлено 06 Декабрь 2023 - 08:55

Просмотр сообщенияmetry (31 Май 2021 - 13:34) писал:

Добрый день. В разделе Сайт -->Страница создали отдельную страницу Калькулятор стоимости услуг и для этой страницы вывели калькулятор. Ссылку на созданную страницу добавили в меню.

Добрый день!
Помогите, пожалуйста, сделать тоже самое на другом сайте: Узнать стоимость поездки (comfort-mobil.ru)
Оставить калькулятор на Главной, но дополнительно вывести его на отдельную страницу в Меню.
Аккаунт SL-552064

#39 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 07 Декабрь 2023 - 07:42

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Страница - найдите:
<!-- Полное SEO-описание -->
{% IF PAGE_SEO_DESCRIPTION_LARGE %}
<div class="htmlDataBlock">
{PAGE_SEO_DESCRIPTION_LARGE}
</div>
{% ENDIF %}
<!-- END Полное SEO-описание -->

после него вставьте:
 {% IF PAGE_NAME = Узнать стоимость поездки %}
	 <div id="deliveryCounter" class="moving-counter" >
	 <div class="container_deliveryCounter">
		 <div class="counterWrp">
		 <div class="callback-info">
			 <form method="post" action="{CALLBACK_URL}" class="counterForm 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="counter-left">
				 <div class="counterMainFields" data-guide-variable="moving-counter-form">
				 <input class="inputText" type="hidden" name="form[extra][Калькулятор доставки]" value="Да"/>
				 <div class="counterInput100">
				 <label for="callback_person">Ваше имя :</label>
				 <input id="callback_person" class="inputText callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off" required>
				 </div>
				 <div class="counterInput100">
				 <label for="counter_cusomer_adress">Аэропорт, вокзал или адрес выезда :</label>
				 <input type="text" id="counter_cusomer_adress" class="inputText" name="form[extra][Место загрузки]" value="{ORDER_FORM_EXTRA_МЕСТО_ЗАГРУЗКИ}">
				 </div>
				 <div class="counterInput100">
				 <label for="counter_delivery_adress">Дата и примерное время выезда :</label>
				 <input type="text" id="counter_delivery_adress" class="inputText" name="form[extra][Адрес доставки груза]" value="">
				 </div>
				 <div class="counterInput100">
				 <label for="counter_weight">Аэропорт, вокзал или адрес прибытия :</label>
				 <input type="text" id="counter_weight" class="inputText" name="form[extra][Примерный вес груза (кг)]" value="">
				 </div>
			
				 <div class="counterInput33 le">
				 <label for="counter_load_length">Кол-во человек :</label>
				 <input type="text" id="counter_load_length" class="inputText" name="form[extra][Длина груза (метры)]">
				 </div>
				 <div class="counterInput33 ce ">
				 <label for="counter_load_width">Номер рейса :</label>
				 <input type="text" id="counter_load_width" class="inputText" name="form[extra][Ширина груза (метры)]">
				 </div>
				 <div class="counterInput33 ri">
				 <label for="counter_load_height">Багаж :</label>
				 <input type="text" id="counter_load_height" class="inputText" name="form[extra][Ширина груза (метры)]">
				 </div>
				 <div class="counterSubTitle">Дополнительные опции</div>
				 <div class="counterInput counterCheckbox">
				 <input type="checkbox" id="counter_fragile" name="form[Хрупкий груз]">
				 <label for="counter_fragile">Тариф "С подсадкой"</label>
				 </div>
				 <div class="counterInput counterCheckbox">
				 <input type="checkbox" id="counter_express_delivery" name="form[Экспресс-доставка]">
				 <label for="counter_express_delivery">Тариф "Индивидуальный"</label>
				 </div>
				 <div class="counterInput counterCheckbox">
				 <input type="checkbox" id="counter_express_delivery" name="form[Экспресс-доставка]">
				 <label for="counter_express_delivery">Тариф "Бизнес-класс"</label>
				 </div>
				 <div class="counterInput counterCheckbox">
				 <input type="checkbox" id="counter_packaging" name="form[Упаковка]">
				 <label for="counter_packaging">Тариф "Групповой"</label>
				 </div>
			 </div>
				 <div class="counterBottomFields">				
				 <div class="counterInput50 le">
					 <input class="inputText callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Ваш телефон*" maxlength="50" title="Введите номер телефона" autocomplete="off" required>
				 </div>
				 <div class="counterInput50 ri">
					 <button type="submit" title="Отправить" class="button">Рассчитать ›››</button>
				 </div>
				 <div class="pp">Я соглашаюсь правилами <a href="javascript:;">Политики Конфиденциальности</a></div>
			 </div>
			 </div>
			 </div>
			 </form>
		 </div>
		 </div>
	 </div>
	 </div>
	
	 <style>
	 .container_deliveryCounter .callback-info .counterForm .counter-left {width: 100%;}
	 .container_deliveryCounter .callback-info .counterForm .counter-left .counterCheckbox {width: 100%;%}
	 </style>
	
{% ENDIF %}

Screenshot.png

#40 step2054

step2054

    Продвинутый пользователь

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

Отправлено 10 Декабрь 2023 - 16:15

Просмотр сообщенияVaccina (07 Декабрь 2023 - 07:42) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Страница - найдите:
<!-- Полное SEO-описание -->
{% IF PAGE_SEO_DESCRIPTION_LARGE %}
<div class="htmlDataBlock">
{PAGE_SEO_DESCRIPTION_LARGE}
</div>
{% ENDIF %}
<!-- END Полное SEO-описание -->

после него вставьте:
 {% IF PAGE_NAME = Узнать стоимость поездки %}
	 <div id="deliveryCounter" class="moving-counter" >
	 <div class="container_deliveryCounter">
		 <div class="counterWrp">
		 <div class="callback-info">
			 <form method="post" action="{CALLBACK_URL}" class="counterForm 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="counter-left">
				 <div class="counterMainFields" data-guide-variable="moving-counter-form">
				 <input class="inputText" type="hidden" name="form[extra][Калькулятор доставки]" value="Да"/>
				 <div class="counterInput100">
				 <label for="callback_person">Ваше имя :</label>
				 <input id="callback_person" class="inputText callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off" required>
				 </div>
				 <div class="counterInput100">
				 <label for="counter_cusomer_adress">Аэропорт, вокзал или адрес выезда :</label>
				 <input type="text" id="counter_cusomer_adress" class="inputText" name="form[extra][Место загрузки]" value="{ORDER_FORM_EXTRA_МЕСТО_ЗАГРУЗКИ}">
				 </div>
				 <div class="counterInput100">
				 <label for="counter_delivery_adress">Дата и примерное время выезда :</label>
				 <input type="text" id="counter_delivery_adress" class="inputText" name="form[extra][Адрес доставки груза]" value="">
				 </div>
				 <div class="counterInput100">
				 <label for="counter_weight">Аэропорт, вокзал или адрес прибытия :</label>
				 <input type="text" id="counter_weight" class="inputText" name="form[extra][Примерный вес груза (кг)]" value="">
				 </div>
			
				 <div class="counterInput33 le">
				 <label for="counter_load_length">Кол-во человек :</label>
				 <input type="text" id="counter_load_length" class="inputText" name="form[extra][Длина груза (метры)]">
				 </div>
				 <div class="counterInput33 ce ">
				 <label for="counter_load_width">Номер рейса :</label>
				 <input type="text" id="counter_load_width" class="inputText" name="form[extra][Ширина груза (метры)]">
				 </div>
				 <div class="counterInput33 ri">
				 <label for="counter_load_height">Багаж :</label>
				 <input type="text" id="counter_load_height" class="inputText" name="form[extra][Ширина груза (метры)]">
				 </div>
				 <div class="counterSubTitle">Дополнительные опции</div>
				 <div class="counterInput counterCheckbox">
				 <input type="checkbox" id="counter_fragile" name="form[Хрупкий груз]">
				 <label for="counter_fragile">Тариф "С подсадкой"</label>
				 </div>
				 <div class="counterInput counterCheckbox">
				 <input type="checkbox" id="counter_express_delivery" name="form[Экспресс-доставка]">
				 <label for="counter_express_delivery">Тариф "Индивидуальный"</label>
				 </div>
				 <div class="counterInput counterCheckbox">
				 <input type="checkbox" id="counter_express_delivery" name="form[Экспресс-доставка]">
				 <label for="counter_express_delivery">Тариф "Бизнес-класс"</label>
				 </div>
				 <div class="counterInput counterCheckbox">
				 <input type="checkbox" id="counter_packaging" name="form[Упаковка]">
				 <label for="counter_packaging">Тариф "Групповой"</label>
				 </div>
			 </div>
				 <div class="counterBottomFields">				
				 <div class="counterInput50 le">
					 <input class="inputText callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Ваш телефон*" maxlength="50" title="Введите номер телефона" autocomplete="off" required>
				 </div>
				 <div class="counterInput50 ri">
					 <button type="submit" title="Отправить" class="button">Рассчитать ›››</button>
				 </div>
				 <div class="pp">Я соглашаюсь правилами <a href="javascript:;">Политики Конфиденциальности</a></div>
			 </div>
			 </div>
			 </div>
			 </form>
		 </div>
		 </div>
	 </div>
	 </div>
	
	 <style>
	 .container_deliveryCounter .callback-info .counterForm .counter-left {width: 100%;}
	 .container_deliveryCounter .callback-info .counterForm .counter-left .counterCheckbox {width: 100%;%}
	 </style>
	
{% ENDIF %}

Прикрепленный файл Screenshot.png

Спасибо огромное!
Скажите, а можно тоже самое сделать для всех добавляемых страниц сайта? Чтобы на каждой странице был этот калькулятор




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

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