Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос
gravitaliy

Vitaliy Grabchak

Web designer & Dev ☻ cкрипты для Тильда → ilda.top
  • 5
    вклад
  • 0
    вопросов
  • 20
    ответов
  • 20%
    решений
Ответы
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Как убрать элемент из попапа карточки товара Тильда?

    gravitaliy
    Vitaliy Grabchak @gravitaliy
    Web designer & Dev ☻ cкрипты для Тильда → ilda.top
    <style>.t-store__prod-popup__brand {display: none}</style>
    Ответ написан 11 дек. 2022
    Комментировать
    Комментировать
  • Как уменьшить все элементы включая текст zero block?

    gravitaliy
    Vitaliy Grabchak @gravitaliy
    Web designer & Dev ☻ cкрипты для Тильда → ilda.top
    Нет такой функции.
    Ответ написан 02 авг. 2022
    Комментировать
    Комментировать
  • Возможна ли привязка цен товара к курсу, который устанавливается вручную на Tilda?

    gravitaliy
    Vitaliy Grabchak @gravitaliy
    Web designer & Dev ☻ cкрипты для Тильда → ilda.top
    Возможна более чем. Варианты:
    1. Пересчет цен товаров по курсу банка либо вручную установленному
    2. Пересчет только стоимости корзины (когда цены на сайте в USD, а оплата идет в другой валюте)
    Ответ написан 25 июл. 2022
    Комментировать
    Комментировать
  • Как сделать отдельные страницы для товара на tilda (при использовании раздела "Товары")?

    gravitaliy
    Vitaliy Grabchak @gravitaliy
    Web designer & Dev ☻ cкрипты для Тильда → ilda.top
    Чтобы сделать отдельные страницы, перейдите в Товары → Настройки → задайте Хедер и/или Футер для страниц и установите галочку Открывать страницу вместо попапа → Сохранить
    Таким образом для каждого товара будет открываться отдельная страница.
    Но, вы сможете изменить только те настройки Шаблона, которые представлены в настройках блока.
    Что-то выходящее за рамки стандартных настроек уже нужно делать с помощью CSS & JS.
    Ответ написан 25 июл. 2022
    Комментировать
    Комментировать
  • Почему фотографии карточек товаров на Tilda прогружаются только после изменении размера окна?

    gravitaliy
    Vitaliy Grabchak @gravitaliy
    Web designer & Dev ☻ cкрипты для Тильда → ilda.top
    Можете попробовать добавить
    t_lazyload_update();
    в конце всех строк, внутри $('.shape').click(function(e) {}) и $('.material').click(function(e) {})
    Ответ написан 08 июн. 2022
    Комментировать
    Комментировать
  • Как добавить onclick к ссылке через JS в Tilda?

    gravitaliy
    Vitaliy Grabchak @gravitaliy
    Web designer & Dev ☻ cкрипты для Тильда → ilda.top
    $('[href="#link"]').attr('onclick','pb_front_widget.show()')

    или
    $('.t-btn').attr('onclick','pb_front_widget.show()')
    Ответ написан 08 июн. 2022
    Комментировать
    Комментировать
  • Как скрыть/показать поле формы (зависимые поля) Тильда?

    gravitaliy
    Vitaliy Grabchak @gravitaliy
    Web designer & Dev ☻ cкрипты для Тильда → ilda.top
    Скриптом делается
    Вот вам пара референсов, близких по задаче — Референс 1 и референс 2
    Ответ написан 08 июн. 2022
    Комментировать
    Комментировать
  • Как сделать, чтобы для Tilda работал только на десктопной версии?

    gravitaliy
    Vitaliy Grabchak @gravitaliy
    Web designer & Dev ☻ cкрипты для Тильда → ilda.top
    @media screen and (min-width: 1200px) {
       /* ваш код */
    }
    Ответ написан 22 мая 2022
    Комментировать
    Комментировать
  • Как адаптировать под разные размеры мобильного экрана в Tilda?

    gravitaliy
    Vitaliy Grabchak @gravitaliy
    Web designer & Dev ☻ cкрипты для Тильда → ilda.top
    2 варианта решения:
    1. Привязать положение и размере элементов к контейнеру а не сетке [элементы слева и справа будут постоянно на одном расстоянии от края экрана, широкий элемент будет иметь относительную величину, например 90 %]
    2. Включить Autoscale [собранные под 320px макет будет пропорционально растягиваться под любое разрешение экрана]
    Ответ написан 28 мар. 2022
    Комментировать
    Комментировать
  • Как сделать такую форму на Tilda?

    gravitaliy
    Vitaliy Grabchak @gravitaliy
    Web designer & Dev ☻ cкрипты для Тильда → ilda.top
    На основании офф. примера
    $(document).ready(function() {
      window.mySuccessFunction = function($form) {
    		$('.yourbtn').show() // показываете свою кнопку либо выполняете любое необходимое действие
      }
      $('#form410145233').each(function() {
        $(this).data('success-callback', 'window.mySuccessFunction');
      });
    });
    Ответ написан 07 февр. 2022
    Комментировать
    Комментировать
  • Как сделать градиентную обводку текста?

    gravitaliy
    Vitaliy Grabchak @gravitaliy
    Web designer & Dev ☻ cкрипты для Тильда → ilda.top
    .text {
      background: -webkit-linear-gradient(0deg , #343434, #000000);
      -webkit-background-clip: text;
      -webkit-text-stroke: 1px transparent;
      color: black;
    }
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Почему Тильда не видит начертания ExtraBold и Black у шрифта Montserrat?

    gravitaliy
    Vitaliy Grabchak @gravitaliy
    Web designer & Dev ☻ cкрипты для Тильда → ilda.top
    Знакомо, есть такое)
    Вариантов решения, как минимум 2:
    1. Загрузить Montserrat как собственный шрифт и в поле загрузки шрифта для Bold, загрузить ExtraBold
    2. Так же можно решить одной строчкой CSS
    Выделяете все предложение или часть текста жирным (нажимаете "B" во всплывающем меню). Добавляете на страницу / сайт строку стилей:
    .t396 strong {font-weight: 900!important}
    Либо же просто добавляете элементу класс, например extrabold и добавляете на страницу / сайт строку стилей:
    .extrabold .tn-atom {font-weight: 900!important}
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как сделать на Тильде свою кнопку стрелки?

    gravitaliy
    Vitaliy Grabchak @gravitaliy
    Web designer & Dev ☻ cкрипты для Тильда → ilda.top
    Вы можете загрузить SVG в саму Тильду.
    Копируете ссылку на SVG картинку
    Затем скрываете оригинальную SVG стрелку (в зависимости от блока идентификаторы будут отличаться):
    .t-slds__arrow_body.t-slds__arrow_body-left svg, .t-slds__arrow_body.t-slds__arrow_body-right svg {opacity: 0}

    Для родительского элемента задаете фон с вашей новой SVG картинкой (отдельно для каждой стрелки):
    .t-slds__arrow_body.t-slds__arrow_body-left {
      background: url(https://static.tildacdn.com/xxxxxxxxxxxxxxxxxxxxx/arrow-left.svg);
    }

    Примерно то же самое можно сделать через псевдоэлементы (:before || :after):
    .t-slds__arrow_body.t-slds__arrow_body-left svg {display:none}
    .t-slds__arrow_body.t-slds__arrow_body-left:after {
      content: url(https://static.tildacdn.com/xxxxxxxxxxxxxxxxxxxxx/arrow-left.svg);
    }
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как убрать предыдущую анимацию в Тильде?

    gravitaliy
    Vitaliy Grabchak @gravitaliy
    Web designer & Dev ☻ cкрипты для Тильда → ilda.top
    Можно скриптом сделать
    https://ilda.top/prostye-vkladki-zero
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • Как убрать/преобразовать элемент на странице магазина на тильде?

    gravitaliy
    Vitaliy Grabchak @gravitaliy
    Web designer & Dev ☻ cкрипты для Тильда → ilda.top
    <style>
    [data-edition-option-id="Цвет"] .t-descr, .t-store__card [data-edition-option-id="Размер"] {
      display: none!important; 
    }
    [data-edition-option-id="Цвет"] form {
      justify-content: center;
      transform: scale(0.8);
    }
    </style>
    Ответ написан более года назад
    4 комментария
    4 комментария
  • Как изменить текст элемента в карточки продукта?

    gravitaliy
    Vitaliy Grabchak @gravitaliy
    Web designer & Dev ☻ cкрипты для Тильда → ilda.top
    В рамках предоставленных вами вводных, скрипт будет вот так выглядеть:
    $(document).ready(function() {
      setTimeout(function() {
        $('.js-store-prod-sold-out').text('Цена по запросу');
    		$('.js-store-prod-popup-buy-btn-txt').text('Цена по запросу');
      }, 500);
    });

    Но полностью ли вы описали задачу? )
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Какую CMS выбрать для замены Tilda?

    gravitaliy
    Vitaliy Grabchak @gravitaliy
    Web designer & Dev ☻ cкрипты для Тильда → ilda.top
    Задачи ± понятны, но хотелось бы понимать критерии. Это скорость создания, дешевизна, вам нужно создавать много однотипных посадочных в день, скорость развертывания нового сайта, важны ли вам сторонние интеграции итп?

    1. Для Blocky (как почти для любой темы) нужен билдер страниц
    2. Не продавабильная подборочка)

    Wordpress + Astra (или любая, но легкая тема) + Билдер страниц (легкий) = Хеппи
    Из билдеров Elementor самый популярный, и адекватный с т.з. интерфейса, но Freemium + тяжелый. И если стоит вопрос конверсии либо благоприятного отношения гугла его лучше не использовать.
    Неплохой результат может дать тот же WP + Astra + Расширение (или подобное) для стандартного редактора страниц (Gutenberg) — это если скорость на первом месте и удобство на втором.

    Из других вариантов:
    https://mobirise.com/ru/ — делаете на компе заливаете на хост

    Есть еще билдеры страниц и сайтов, которые запускаются с десктопа/браузера, так и устанавливаются на хост.
    Architect — HTML and Site Builder
    SCRN Fusion — Creative Template with Page Builder
    Сreato — HTML page builder
    FLATPACK — Landing Pages Pack With Page Builder
    Leadgen page builder
    Weber — Multipurpose HTML Template with Page Builder
    Select — Landing Page Set with a Builder
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Почему не получается обернуть несколько div в один на тильде?

    gravitaliy
    Vitaliy Grabchak @gravitaliy
    Web designer & Dev ☻ cкрипты для Тильда → ilda.top
    Во-первых, ID первого блока не совпадает (на текущий момент)
    #rec218454823 и #rec365427333

    Во вторых в какой тег вы хотите обернуть блоки?
    $("#rec365427333, #rec365427599").wrapAll('<div/>');

    Либо то же самое для однотипных блоков
    $('[data-record-type="396"]').wrapAll('<div/>');

    Скрипт размещаете под блоками
    That's all)
    Ответ написан более года назад
    Комментировать
    Комментировать
  • Как разрешить вставлять свой сайт на другие сайты с помощью iframe?

    gravitaliy
    Vitaliy Grabchak @gravitaliy
    Web designer & Dev ☻ cкрипты для Тильда → ilda.top
    Используйте https протокол
    Ответ написан более года назад
    1 комментарий
    1 комментарий
  • База данных для конструктора Tilda?

    gravitaliy
    Vitaliy Grabchak @gravitaliy
    Web designer & Dev ☻ cкрипты для Тильда → ilda.top
    Используйте www.airtable.com
    Ответ написан более года назад
    1 комментарий
    1 комментарий
Оценили как «Нравится»
Самые активные сегодня
  • Dr. Bacon
    • 11 ответов
    • 0 вопросов
  • Vindicar
    Vindicar
    • 6 ответов
    • 0 вопросов
  • Evgenii
    • 6 ответов
    • 0 вопросов
  • rPman
    • 5 ответов
    • 0 вопросов
  • sergiks
    Сергей Соколов
    • 5 ответов
    • 0 вопросов
  • Drno
    • 4 ответа
    • 1 вопрос
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

Войдите на сайт

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