Как удалить кнопку в тильде в блоке
Перейти к содержимому

Как удалить кнопку в тильде в блоке

  • автор:

Удаление кнопки отправки данных из формы в Zero block

Модификация удаляет кнопку отправки данных из формы. Пользователь не увидит кнопку и не сможет отправить данные по клику на Enter. Код применяется для формы в Zero block.

Как сделать

  1. Укажи в настройках id блока, в котором находится форма.
  2. Скопируй этот код и вставь на свой сайт. Памятка по вставке кода.
  #rec200434331 .tn-form__submit  

Убрать пиктограмму личного кабинета, добавить свои кнопки «Редактировать профиль» и «Выйти»

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

Вы можете создать собственные кнопки «Войти» и «Зарегистрироваться», используя стандартные ссылки (или ссылку на регистрацию в определённую группу). А для кнопок «Изменить профиль» и «Выход» потребуется использовать код. Но мы объединили всё это в один скрипт, чтобы вы не мучались. Обратите внимание на другие модификации, которые могут вам пригодиться.

Внимание! Скрипт будет работать только на страницах, которые подключены к личному кабинету.

Выберите, нужно ли скрывать значок профиля со страницы и пропишите ссылку регистрации:

Затем создайте на странице кнопки в Zero-блоке для действий с соответствующими ссылками или в любом блоке маркированный список, где каждая строка — это отдельная текстовая ссылка:
«Изменить профиль» — #profile:edit
«Логин» — #login;
«Регистрация» — #signup;
«Выход» — #logout.

Если какая-то из ссылок не нужна, можете просто не добавлять её.

Скопируйте код и вставьте его в блок T123. Сам блок расположите под задействованными элементами на странице (если ваши ссылки в меню, значит код надо размещать под меню).

 script>const nProjectId=parseInt(document.querySelector("#allrecords").dataset.tildaProjectId),nLsUser=window.localStorage.getItem("tilda_members_profile"+nProjectId),nUserEmail=!(null==nLsUser||!JSON.parse(nLsUser).login)&&JSON.parse(nLsUser).login;let userbarReady=!1;const generateUserbar=()=>const o=document.querySelector(".tlk-userbar"),e=o.querySelector(".tlk-userbar__popup");t=o.querySelector(".tlk-userbar__popup-wrap"),r=o.querySelector(".tlk-userbar__popup-content"),s=o.querySelector(".tlk-userbar__user-image"),tma__userbar__showPreloader(s,t,r),tma__getObjProfile((function( ))),tma__userbar__showWidgetPanel(o,e,t),tma__userbar__calcCoordinatsWidgetPanel(o,e,t);const waitUserbarPopup=e=>"tlk-userbar__popup-login")&&(o.removeEventListener("DOMNodeInserted",waitUserbarPopup),tma__profile__drawProfilePopup(),userbarReady=!0)>;o.addEventListener("DOMNodeInserted",waitUserbarPopup,!1)>,waitUserbar=e=>if(e.target.classList.contains("tlk-userbar"))document.body.removeEventListener("DOMNodeInserted",waitUserbar),generateUserbar();const userbarPopupInterval=setInterval(()=>document.querySelectorAll('[href="#signup"]').forEach(btn=>btn.parentNode.remove()),document.querySelectorAll('[href="#login"]').forEach(btn=>btn.parentNode.remove()),document.querySelectorAll('[href="#profile:edit"]').forEach(btn=>"click",()=>var i=tma__getProfileObjFromLS(),e=tma__profile__getFormEditProfileHtml(i);tma__drawPopup("edit-profile",main:document.getElementById("app"),content:tma__translate(e,"userbar_dict"),closeBtns:[".tlk-popup__close-cancel"]>),tma__profile__addUploadEvents();var p=document.getElementById("edit-profile"),l=document.getElementById("form-change-profile"),e=l.querySelector(".tlk-popup__change-password"),t=l.querySelector(".tlk-popup__change-lang"),o=l.querySelector('button[type="submit"]'),s=!1;i.memberlogo_uuid&&(tildaMembers.upload.id=i.memberlogo_uuid,tildaMembers.upload.oldId=i.memberlogo_uuid),l.addEventListener("submit",(function(e)0<(e=tma__validationFormFields(l)).length?tma__showErrorFields(l,e,"userbar_dict"):((e=tma__serializeArray(l)).projectid=i.projectid,e.token=i.token,e.tzoffset=(new Date).getTimezoneOffset(),tildaMembers.upload&&tildaMembers.upload.id&&(e.memberlogo=tildaMembers.upload.id),tildaMembers.userLang!==t.value&&(e.lang=t.value,s=!0),e=JSON.stringify(e),tma__request("/api/editprofile/",e,o,(function(e)var t;"ok"===e.status&&"object"==typeof e.data?(t=e.data,tildaMembers.upload.id="",i.name=t.name,i.login=t.login,t.memberlogo_uuid?(i.memberlogo=t.memberlogo,i.memberlogo_uuid=t.memberlogo_uuid):(i.memberlogo="",i.memberlogo_uuid=""),tma__showSuccessRequest(l,tma__translate(">","userbar_dict")),t="tilda_members_profile"+i.projectid,localStorage.setItem(t,JSON.stringify(i)),localStorage.setItem(t+"_timestamp",Math.floor(Date.now()/1e3)),s?setTimeout((function( )window.location.reload()>),1e3):tma__userbar__updateDataProfile()):tma__showErrorRequest(l,e.code,"userbar_dict","edit_profile")>)))>)),e.addEventListener("click",(function( )var e=tma__profile__getFormChangePasswordHtml();tma__drawPopup("change-password",main:document.getElementById("app"),content:tma__translate(e,"userbar_dict"),closeBtns:[".tlk-popup__close-cancel"]>);var t=document.getElementById("change-password"),l=document.getElementById("form-change-password"),o=l.querySelector('button[type="submit"]');tma__profile__addButtonShowHidePasswordEvents(l),l.addEventListener("submit",(function(e)0<(e=tma__validationFormFields(l)).length?tma__showErrorFields(l,e,"userbar_dict"):((e=tma__serializeArray(l)).projectid=i.projectid,e.token=i.token,e.tzoffset=(new Date).getTimezoneOffset(),e=JSON.stringify(e),tma__request("/api/editpassword/",e,o,(function(e)"ok"===e.status?(tma__showSuccessRequest(l,tma__translate(">","userbar_dict")),setTimeout((function( )),1e3)):tma__showErrorRequest(l,e.code,"userbar_dict","change_password")>)))>))>))>)>))>,500);document.querySelectorAll('[href="#logout"]').forEach(btn=>"click",(function(e)window.localStorage.removeItem("tilda_members_profile"+nProjectId),window.localStorage.removeItem("tilda_members_profile"+nProjectId+"_timestamp"),window.location.replace("/")>))>)>>;document.addEventListener("DOMContentLoaded",()=>document.body.addEventListener("DOMNodeInserted",waitUserbar,!1):(document.querySelectorAll('[href="#signup"]').forEach(btn=>btn.setAttribute("href","/members/signup/")),document.querySelectorAll('[href="#login"]').forEach(btn=>btn.setAttribute("href","/members/login/")),document.querySelectorAll('[href="#logout"]').forEach(btn=>btn.parentNode.remove()),document.querySelectorAll('[href="#profile:edit"]').forEach(btn=>btn.parentNode.remove()))>); script> style>.tlk-userbar, .tlk__userbar display: none !important;> style>

Pop-up блоки

Вы можете добавить на страницу всплывающие окна (pop-up), которые будут появляться в зависимости от поведения пользователя: при клике на ссылку, при скролле , по времени или при закрытии страницы .

Появление блока при клике на ссылку

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

1. Откройте Библиотеку блоков → категория «Форма» и добавьте pop-up блок. Подходящие блоки: BF501N, BF502N, BF503, BF504.

2. При добавлении блока в тексте на нем будет указана его ссылка (линкхук).

3. Эта же ссылка будет в Контенте этого блока, ее можно поменять на произвольное название. Например, #popup:superpopup.

4. Теперь эту ссылку можно добавить в кнопку. Откройте меню «Контент» блока с кнопкой и в поле «Ссылка для кнопки» поставьте ссылку вида: #popup:subscription

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

Ссылку можно ставить не только на кнопку, но и на любое слово где угодно — механизм тот же самый.

  1. Выделите слово, при клике на которое должен появляться pop-up.
  2. Через появившееся контекстное меню задайте ссылку на всплывающее окно.
  3. Добавьте pop-up блок (категория «Форма»).
  4. В меню «Контент», в поле «Ссылка» укажите ту же самую ссылку — #popup:anyword

Появление блока при скролле

Добавьте всплывающий блок, который должен появляться в момент пролистывания страницы. Например, форму подписки или информацию о выгодном предложении.

  1. В меню «Контент», пропишите ссылку вида: #popup:subscription (слово может быть любым).

2. Добавьте специальный блок-триггер, который будет вызывать появление элемента при скролле. Триггер находится в категории «Другое».
Нужен блок – T183.

3. В меню «Контент» укажите точно такую же ссылку, которую вы задали в pop-up блоке.

Время, на которое запоминается посетитель

В меню «Настройки» триггера в поле Cookie life time укажите время (в днях), насколько запоминать посетителя, чтобы не показывать одному и тому же человеку ваш pop-up много раз.

Если нужно, чтобы pop-up появлялся не чаще, чем раз в 10 дней, поставьте значение 10. Если вы хотите, чтобы pop-up блок был показан один раз, поставьте значений 365 — в течение года, посетитель больше не увидит данный блок. Но если вы хотите, чтобы pop-up блок показывался каждый раз, когда посетитель заходит на вашу страницу, оставьте поле пустым.

4. Опубликуйте страницу. Блок появится, когда посетитель проскролит до места, где вы разместили pop-up блок.

Действия с блоками

Скопировать блок можно с помощью выпадающего меню в правом верхнем углу блока. После этого его можно вставить на эту или другую страницу с помощью этого же выпадающего меню → Вставить.

Таким способом можно копировать и вставлять как на одной странице, так и на другую страницу
Выделение и множественные действия

Выделить один блок или несколько блоков можно с помощью опции «Выделить» в выпадающем меню в правом верхнем углу блока. После выделения нескольких блоков их можно скопировать или перенести после определенного блока на странице, кликнув на него.

Таким способом можно копировать и вставлять как на одной странице, так и на другую страницу
Перемещение: c помощью стрелок и выделения блока

Переместить блок можно с помощью стрелок в правом верхнем углу блока или с помощью выделения и кнопки «Переместить».

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *