Шаблоны для Геткурса

Форма на обложке с прозрачными полями и кнопкой

{"type":"form-normal","preset":"form02","params":"{\"form\":{\"items\":{\"parts\":{\"header1\":{\"inner\":{\"headerSize\":\"36\",\"text\":\"\\u0417\\u0430\\u043f\\u0438\\u0448\\u0438\\u0442\\u0435\\u0441\\u044c \\u043d\\u0430 \\u0431\\u0435\\u0441\\u043f\\u043b\\u0430\\u0442\\u043d\\u044b\\u0439 \\u0432\\u0435\\u0431\\u0438\\u043d\\u0430\\u0440<\\/p>\",\"textTransform\":\"\",\"tagName\":\"\"},\"name\":\"header1\",\"partType\":\"header\",\"hAlign\":\"text-center\",\"marginTop\":\"\",\"marginBottom\":\"30px\",\"textColor\":\"\",\"elementCssClass\":\"\"},\"field95255\":{\"inner\":{\"text\":\"\\u0423\\u0437\\u043d\\u0430\\u0439\\u0442\\u0435 \\u043a\\u0430\\u043a \\u0440\\u0430\\u0431\\u043e\\u0442\\u0430\\u0442\\u044c \\u0443\\u0434\\u0430\\u043b\\u0435\\u043d\\u043d\\u043e \\u0438 \\u0431\\u044b\\u0442\\u044c \\u0441\\u0442\\u0440\\u0435\\u0441\\u0441\\u043e\\u0443\\u0441\\u0442\\u043e\\u0439\\u0447\\u0438\\u0432\\u044b\\u043c \\u0432 \\u043b\\u044e\\u0431\\u044b\\u0445 \\u0441\\u0438\\u0442\\u0443\\u0430\\u0446\\u0438\\u044f\\u0445<\\/p>\",\"textSize\":\"text-subnormal\",\"textClass\":\"\"},\"name\":\"field95255\",\"partType\":\"text\",\"hAlign\":\"text-center\",\"marginTop\":\"\",\"marginBottom\":\"50px\",\"textColor\":\"\",\"elementCssClass\":\"\"},\"emailField\":{\"name\":\"emailField\",\"partType\":\"userField\",\"inner\":{\"fieldName\":\"email\",\"placeholder\":\"\\u0412\\u0432\\u0435\\u0434\\u0438\\u0442\\u0435 \\u0432\\u0430\\u0448 \\u044d\\u043b. \\u0430\\u0434\\u0440\\u0435\\u0441\"}},\"phoneField\":{\"inner\":{\"fieldType\":\"phone\",\"additionalFieldName\":\"\",\"additionalFieldType\":\"string\",\"title\":\"\",\"placeholder\":\"\\u0412\\u0432\\u0435\\u0434\\u0438\\u0442\\u0435 \\u0432\\u0430\\u0448 \\u0442\\u0435\\u043b\\u0435\\u0444\\u043e\\u043d\",\"size\":\"\",\"required\":\"1\"},\"name\":\"phoneField\",\"partType\":\"userField\",\"hAlign\":\"\",\"marginTop\":\"\",\"marginBottom\":\"\",\"textColor\":\"\"},\"nameField\":{\"name\":\"nameField\",\"partType\":\"userField\",\"inner\":{\"fieldName\":\"full_name\",\"placeholder\":\"\\u0412\\u0432\\u0435\\u0434\\u0438\\u0442\\u0435 \\u0432\\u0430\\u0448\\u0435 \\u0438\\u043c\\u044f\"}},\"submitButton\":{\"inner\":{\"title\":\"\\u0417\\u0430\\u043f\\u0438\\u0441\\u0430\\u0442\\u044c\\u0441\\u044f\",\"color\":\"#FFFFFF\",\"bgcolor\":\"#F76835\",\"boxShadow\":\"1\",\"boxShadowColor\":\"#cccccc\",\"borderRadius\":\"50px\"},\"name\":\"submitButton\",\"partType\":\"button\",\"hAlign\":\"text-center\",\"marginTop\":\"\",\"marginBottom\":\"0\",\"textColor\":\"\",\"elementCssClass\":\"\"}}}},\"blockCode\":\"e7de0\",\"viewBlockLeftOffset\":\"3\",\"viewBlockWidth\":\"6\",\"blockPaddingTop\":\"2.5\",\"blockPaddingBottom\":\"1\",\"blockBackgroundColor\":\"#F0F0F0\",\"blockForegroundColor\":\"\",\"blockCssClass\":\"\",\"blockCover\":{\"image\":{\"hash\":\"AB.d0a2134ce4cd7097a2e8c388759b268a.jpg\"},\"backgroundType\":\"scroll\",\"height\":\"100vh\",\"video\":{\"src_video_link\":\"\",\"autoplay\":\"0\",\"boxShadowColor\":\"\",\"borderRadius\":\"\"},\"backgroundOpacityStart\":\"0.4\",\"backgroundOpacityFinish\":\"0.6\"},\"box\":{\"enabled\":\"1\",\"bgcolor\":\"\",\"color\":\"\",\"bgimage\":{\"hash\":\"\"},\"border\":{\"width\":\"1px\",\"type\":\"solid\",\"color\":\"#999999\",\"radius\":\"\"},\"paddings\":{\"horizontal\":\"40px\",\"vertical\":\"30px\"}},\"isModal\":{\"modalWidth\":\"\",\"modalClass\":\"\"},\"blockClickAction\":\"\",\"blockFlex\":{\"basis\":\"\",\"shrink\":\"\",\"grow\":\"\"}}","css":"{\n\t--input-border-radius: 6px;\n}\n\n.builder-item input[type='text'] {\n\tborder-radius: var(--input-border-radius);\n}\n\n.builder-item textarea {\n\tborder-radius: var(--input-border-radius);\n}"}

Форма в контейнере со скругленными полями

Тарифы с цветными шапками и ценой внутри круга Для изменения цвета фона шапки и цены используйте CSS-параметры в Стиль→Подробные настроки:
--col-1-header-bg-color и --col-1-price-bg-color (где цифра — это номер столбца от 1 до 4).
Для изменения размера круга, чтобы вместить длинную цену, используйте CSS-параметры: --price-round-size — диаметр окружности;
--price-padding-top — отступ от верхнего края окружности для вывода цены (для центровки по вертикали). GetBlocks

{"type":"gallery-list","preset":"glr01","params":"{\"blockCode\":\"81f99\",\"images\":{\"dataSource\":\"\",\"0\":{\"hash\":\"AB.c2c22b603f89b5fecdd7412a64113f9c.jpg\",\"caption\":\"\\u0422\\u0443\\u043c\\u0430\\u043d\"},\"1\":{\"hash\":\"AB.4c179b72b57fad8b15cca8beda72ca23.jpg\",\"caption\":\"\\u041e\\u0434\\u0443\\u0432\\u0430\\u043d\\u0447\\u0438\\u043a\"},\"2\":{\"hash\":\"AB.085010646a14c5e6180457fd56ab7156.jpg\",\"caption\":\"\\u0413\\u043e\\u0440\\u044b\"},\"3\":{\"hash\":\"AB.205a8be1792e91caaae4d6a6ecfc7669.jpg\",\"caption\":\"\\u0413\\u0435\\u043f\\u0430\\u0440\\u0434\"},\"4\":{\"hash\":\"AB.e2c29d7ad6de8ace482dfeb2ac98f742.jpg\",\"caption\":\"\\u041d\\u044c\\u044e-\\u0419\\u043e\\u0440\\u043a\"},\"5\":{\"hash\":\"AB.3d14484c15e34701c27dc122690e701e.jpg\",\"caption\":\"\\u0417\\u0430\\u043a\\u0430\\u0442\"},\"6\":{\"hash\":\"AB.e6908eab493058fc6e2e861f5f515b0b.jpg\",\"caption\":\"\\u041f\\u0440\\u0438\\u0431\\u043e\\u0439\"},\"7\":{\"hash\":\"AB.1ea6e31bd23c56bbb6807bd4d3b0d851.jpg\",\"caption\":\"\\u0414\\u0435\\u0440\\u0435\\u0432\\u043e\"}},\"viewBlockLeftOffset\":\"0\",\"viewBlockWidth\":\"12\",\"blockPaddingTop\":\"0\",\"blockPaddingBottom\":\"0\",\"blockBackgroundColor\":\"\",\"blockForegroundColor\":\"\",\"blockCssClass\":\"\",\"blockCover\":{\"image\":{\"hash\":\"\"},\"backgroundType\":\"scroll\",\"height\":\"100vh\",\"video\":{\"src_video_link\":\"\",\"autoplay\":\"0\"},\"backgroundOpacityStart\":\"0.3\",\"backgroundOpacityFinish\":\"0.6\"},\"box\":{\"bgcolor\":\"#F0F0F0\",\"color\":\"\",\"bgimage\":{\"hash\":\"\"},\"border\":{\"width\":\"0px\",\"type\":\"solid\",\"color\":\"#999999\",\"radius\":\"\"},\"paddings\":{\"horizontal\":\"40px\",\"vertical\":\"30px\"}},\"isModal\":{\"modalWidth\":\"\",\"modalClass\":\"\"},\"blockClickAction\":{\"type\":\"\",\"link\":\"\",\"javascript\":\"\",\"formType\":\"subscribe\",\"position\":{\"offer_id\":\"\"},\"formTitle\":\"\",\"formButtonTitle\":\"\",\"formBlockCode\":\"\",\"modalBlockCode\":\"\"},\"blockFlex\":{\"basis\":\"\",\"shrink\":\"\",\"grow\":\"\"}}","css":"{\n\t--allow-grow-image: 0; /* 1 yes / 0 no */\t\n}\n\n.thumbnails-list a {\n\tmargin: 0;\n\tmax-width: unset;\n\tflex: var(--allow-grow-image) 1 20%;\n}\n\n@media (max-width: 1400px) {\n\t.thumbnails-list a {\n\t\tflex-basis: 25%;\n\t}\n}\n\n@media (max-width: 740px) {\n\t.thumbnails-list a {\n\t\tflex-basis: 33.33%;\n\t}\n}\n\n@media (max-width: 500px) {\n\t.thumbnails-list a {\n\t\tflex-basis: 50%;\n\t}\n}\n\n@media (max-width: 300px) {\n\t.thumbnails-list a {\n\t\tflex-basis: 100%;\n\t}\n}\n\n.container { \n\tmax-width: unset; \n\tpadding: 0;\n\tmargin: 0;\n}\n\n.thumbnails-list {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}"}

Плитка картинок одинакового размера CSS-параметр --allow-grow-image (Стиль → Подробные настройки) управляет разрешением показывать изображения разного размера