Crafting digital experiences, pixel by pixel
Our design team utilizes a powerful suite of industry-leading tools to bring your vision to life. We leverage the collaborative power of Figma for its intuitive interface and real-time collaboration features, allowing us to seamlessly work with clients and iterate on designs together
Создаем Zero Block и открываем редактор
Настраиваем параметры галереи
Внизу кода html-элемента есть комментарий для каждого параметра, можете настроить необходимые значения.
Для добавления второй и следующих галерей на той же странице, необходимо добавить только html-элемент с тем же кодом, но заменить параметр
data-image-container на новый, он же послужит классом для изображений.
Добавляем блок T123 и копируем в него код
- Добавляем изображения для галереи
- Задаем им класс .tistols-gallery-image
- Добавляем html-элемент
- Задаем ему позиционирование CONTAINER: WINDOW (X: LEFT, Y: TOP)
- Задаем размеры ширины и высоты по 100%
- Копируем код в html-элемент
Настраиваем параметры галереи
Внизу кода html-элемента есть комментарий для каждого параметра, можете настроить необходимые значения.
Для добавления второй и следующих галерей на той же странице, необходимо добавить только html-элемент с тем же кодом, но заменить параметр
data-image-container на новый, он же послужит классом для изображений.
Добавляем блок T123 и копируем в него код
