Всплыл? Или нет? 😳

Все знают как работают всплывающие блоки в Геткурсе. Кто не знает, прошу сюда.

Ну а для тех, кто в курсе, продолжим :) Это очень крутая возможность, чтобы не перегружать лендинг, да и любую страницу сайта излишней информацией, которую можно поместить во всплывающий блок. Но иногда нам требуются нетривиальные решения, среди которых данная инструкция от Геткурса перестаёт работать.

Что если заказчик хочет, чтобы при клике на какую-либо ссылку в тексте появился всплывающий блок? Или же у вас есть блок с тарифами, и вам надо выводить разные формы по клику на кнопку в тарифах?

Есть решение!
Маленький и полезный JS-код, который поможет вам вызвать нужный всплывающий блок:
ltShowModalBlock('номер_блока');

Этот кусочек кода можно вставлять в "Вызов JavaScript", если блок предусматривает такую возможность. А для вставки в собственную ссылку в тексте, следует прописывать в таком виде:
<a onclick="ltShowModalBlock('номер_блока');">Ссылка</a>

Табличный ад 😈

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

И действительно, табличная вёрстка вызывает дичайшую боль даже у бывалых верстальщиков и front-end разработчиков :)

Я поделюсь неочевидными атрибутами для табличных ячеек, с помощью которых можно совмещать ячейки в ряду или же в несколько строк.
(Все примеры смотрите на скриншотах)

colspan — проще говоря, этот атрибут "склеивает" ячейки в одном ряду. К примеру, если мы пропишем colspan="2", это будет означать, что эта ячейка добавит себе справа ещё одну такую же и будет занимать ширину в 2 ячейки.

rowspan — аналогия colspan, только действует уже на нижнюю строку, добавляя себе вторую такую же, становясь с ней единым целым.

#полезная_фишка

Больше блоков в виджете 👍

Насколько многие знают, виджеты полезны тем, что могут встраиваться в другие лендинги или страницы, сделанные на других ресурсах, и собирать нужные нам данные. Проблема виджетов на Геткурсе лишь одна — доступно всего 3 блока в конструкторе...

А что, если вы хотите поставить сторонний JS или же просто написать объяснительный текст?

Всё очень просто! Вы можете добавить любой блок в виджет путём обычного импорта/экспорта блоков из редактора страниц в Геткурсе. И наконец-то ваши виджеты приобретут вашу собственную индивидуальность :)

#лайфхак

Интересная особенность 😳

Хочу поделиться с вами интересной особенностью, которую я заметил совершенно случайно. Когда я делал урок для Клуба Магии Геткурса, я ошибся в написании тега, и открыл для себя тег <j>, документации на который я не смог найти нигде в интернете.

Самое забавное, что Геткурс не воспринимает его как ошибку и не редактирует в коде как что-то постороннее. По умолчанию он находится в состоянии inline как у всех строчных элементов, но в отличии от тега <i> не придаёт тексту никакого форматирования. Удивительно, что его ещё и можно стилизовать :)

Если вам кажется, что вам не хватает элементов, или же просто хочется поэкспериментировать, то ловите этот замечательный тег 😂

#полезная_фишка #тёмная_магия

Поставить картинку в Геткурсе — задача не из лёгких 😅

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

Всё дело в том, что у Геткурса по умолчанию на блоке с классом image стоит правило background-size: cover. И действительно, это правило помогает занимать всё доступное пространство картинкой, масштабируя её по отведенному месту. Но у Геткурса есть проблема с этим блоком, так как её основная оболочка содержит огромные внутренние отступы, из-за чего это свойство работает не правильно.

Чтобы правильно разместить вашу картинку в блоке без урезки, в классе image используйте background-size: contain вместо cover. Тогда ваша иконка или картинка полностью уместится в этот блок. И не забудьте, чтобы перебить правило Геткурса, вам понадобится директива !important к значению свойства.

#полезная_фишка