Вставить страницу HTML+SCC как Статическую страницу с сохранением функционала и вида (за деньги!)

[Newii 0]

 

Есть страница сверстанная в HTML+CSS
http://communitytraders.ru/sistema_privalova.html она адаптируется под мобильные, в ней работают табы и спойлеры и есть фоновые картинки блоков.

 

Задача 1. Эту страницу вставить как в CMS DLE (Data Live Engine, 11,3) в раздел Другие разделы / Статические страницы, чтобы сохранился функционал, стили, фоновые картинки и адаптивная верстка (отображение на мобильных) и можно было редактировать контент через стандартный редактор контента DLE.

Если просто вставить код, то получается 
http://communitytraders.ru/test-33.html
 

Задача 2. Добавить коды форм подписки Sendpulse

их 2 варианта на выбор
а) скриптом 
<script src="//static-login.sendpulse.com/apps/fc3/build/loader.js" sp-form-id="96475cac7feeb516c7d2f15da54215750aff2c454984e633d6e1dd96774965ea"></script>

б) HTML 

<!-- Subscription Form -->
 <style >.sp-force-hide { display: none;}.sp-form[sp-id="101876"] { display: block; background: #ffffff; padding: 15px; width: 450px; max-width: 100%; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-color: #dddddd; border-style: solid; border-width: 1px; font-family: Arial, "Helvetica Neue", sans-serif; background-repeat: no-repeat; background-position: center; background-size: auto;}.sp-form[sp-id="101876"] input[type="checkbox"] { display: inline-block; opacity: 1; visibility: visible;}.sp-form[sp-id="101876"] .sp-form-fields-wrapper { margin: 0 auto; width: 420px;}.sp-form[sp-id="101876"] .sp-form-control { background: #ffffff; border-color: #cccccc; border-style: solid; border-width: 1px; font-size: 15px; padding-left: 8.75px; padding-right: 8.75px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 35px; width: 100%;}.sp-form[sp-id="101876"] .sp-field label { color: #444444; font-size: 13px; font-style: normal; font-weight: bold;}.sp-form[sp-id="101876"] .sp-button { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #0089bf; color: #ffffff; width: auto; font-weight: 700; font-style: normal; font-family: Arial, sans-serif;}.sp-form[sp-id="101876"] .sp-button-container { text-align: left;}</style><div class="sp-form-outer sp-force-hide"><div id="sp-form-101876" sp-id="101876" sp-hash="96475cac7feeb516c7d2f15da54215750aff2c454984e633d6e1dd96774965ea" sp-lang="ru" class="sp-form sp-form-regular sp-form-embed" sp-show-options="%7B%22satellite%22%3Afalse%2C%22maDomain%22%3A%22login.sendpulse.com%22%2C%22formsDomain%22%3A%22forms.sendpulse.com%22%2C%22condition%22%3A%22onEnter%22%2C%22scrollTo%22%3A25%2C%22delay%22%3A10%2C%22repeat%22%3A3%2C%22background%22%3A%22rgba(0%2C%200%2C%200%2C%200.5)%22%2C%22position%22%3A%22bottom-right%22%2C%22animation%22%3A%22%22%2C%22hideOnMobile%22%3Afalse%2C%22urlFilter%22%3Afalse%2C%22urlFilterConditions%22%3A%5B%7B%22force%22%3A%22hide%22%2C%22clause%22%3A%22contains%22%2C%22token%22%3A%22%22%7D%5D%7D"><div class="sp-form-fields-wrapper"><div class="sp-message"><div></div></div><form novalidate="" class="sp-element-container ui-sortable ui-droppable "><div class="sp-field " sp-id="sp-44d4a855-f758-44c1-9a98-12f8af97fb43"><div style="font-family: inherit; line-height: 1.2;">Заполните форму, чтобы получить все материалы на почту</div></div><div class="sp-field " sp-id="sp-708a0813-395b-427c-97ec-2050a2261797"><label class="sp-control-label"><span >Ваше Имя</span></label><input type="text" sp-type="input" name="sform[0LjQvNGP]" class="sp-form-control " placeholder="Имя" sp-tips="%7B%7D"></div><div class="sp-field " sp-id="sp-ffc3954b-ba3f-4b5b-bd51-a1eda850f5d4"><label class="sp-control-label"><span >Email</span><strong >*</strong></label><input type="email" sp-type="email" name="sform" class="sp-form-control " placeholder="username@gmail.com" sp-tips="%7B%22required%22%3A%22%D0%9E%D0%B1%D1%8F%D0%B7%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D0%BE%D0%B5%20%D0%BF%D0%BE%D0%BB%D0%B5%22%2C%22wrong%22%3A%22%D0%9D%D0%B5%D0%B2%D0%B5%D1%80%D0%BD%D1%8B%D0%B9%20email-%D0%B0%D0%B4%D1%80%D0%B5%D1%81%22%7D" required="required"></div><div class="sp-field sp-button-container " sp-id="sp-0ea62f62-5d96-4cd7-a3fb-313a62f23d58"><button id="sp-0ea62f62-5d96-4cd7-a3fb-313a62f23d58" class="sp-button">Получить информацию </button></div></form><div class="sp-link-wrapper sp-brandname__left"><a class="sp-link " target="_blank" href="https://sendpulse.com/ru/forms-powered-by-sendpulse?sn=0YLQtdGB0YIg0L%2FQtdGA0YHQvtC90LDQu9C40LfQsNGG0LjQuA%3D%3D&amp;from=6911945"><span class="sp-link-img">&nbsp;</span><span translate="FORM.PROVIDED_BY">Предоставлено SendPulse</span></a></div></div></div></div><script type="text/javascript" src="//static-login.sendpulse.com/apps/fc3/build/default-handler.js?1528703554958"></script> 
<!-- /Subscription Form -->
 

При вставке на сайте формы становятся некликабельными.

 

Товарищи, прошу помощи. 

Предлагаю разобраться в проблеме, сделать мне все под ключ (за деньги, естественно, пишите в личку) и описать на форуме решение проблемы. 

И всем будет хорошо: форуму и общественности - новые знания, мне - работающий функционал, герою - слава и деньги 

Изменено 24 июля 2018 пользователем Newii

[alukardua 27]

33 минуты назад, Newii сказал:

Задача 1. Эту страницу вставить как в CMS DLE (Data Live Engine, 11,3) в раздел Другие разделы / Статические страницы, чтобы сохранился функционал, стили, фоновые картинки и адаптивная верстка (отображение на мобильных) и можно было редактировать контент через стандартный редактор контента DLE.

Если просто вставить код, то получается 
http://communitytraders.ru/test-33.html

Просто делаеш отдельный шаблон и указываеш его для статической страницы

[Newii 0]

34 минуты назад, alukardua сказал:

Просто делаеш отдельный шаблон и указываеш его для статической страницы

А как выполнить вот это пожелание: "и можно было редактировать контент через стандартный редактор контента DLE".

Чтобы поправить шаблон нужно в код лезть.

[alukardua 27]

4 минуты назад, Newii сказал:

А как выполнить вот это пожелание: "и можно было редактировать контент через стандартный редактор контента DLE".

Чтобы поправить шаблон нужно в код лезть.

нет, просто создаеш шаблон.tpl кидаеш его в папку со своим шаблоном и в создании страницы прописывает в разделе шаблон шаблон.tpl

[Newii 0]

4 минуты назад, alukardua сказал:

нет, просто создаеш шаблон.tpl кидаеш его в папку со своим шаблоном и в создании страницы прописывает в разделе шаблон шаблон.tpl

А внутрь шаблона весь нужный код? (по сути весь контент страницы)

[alukardua 27]

13 минут назад, Newii сказал:

А внутрь шаблона весь нужный код? (по сути весь контент страницы)

да, и в нужном месте

{static} выводит текст статической страницы

если нужно

Изменено 24 июля 2018 пользователем alukardua

[Newii 0]

41 минуту назад, alukardua сказал:

да, и в нужном месте

{static} выводит текст статической страницы

если нужно

А можно несколько разных блоков {static} которые привязаны к разным статическим страницам в админке? Чтобы можно было текст каждого блока из админкского редкатора контента править (а не в код каждый раз лазить).

 

[alukardua 27]

37 минут назад, Newii сказал:

А можно несколько разных блоков {static} которые привязаны к разным статическим страницам в админке? Чтобы можно было текст каждого блока из админкского редкатора контента править (а не в код каждый раз лазить).

 

{static} это текст который ты пишеш при создании страницы