In order to optimize our website for you and to be able to continuously improve it, we use cookies and services from third parties. Some of these are essential to ensure the operation of the site (e.g. for the shopping cart), while others help us to improve our online offer and operate it economically. You can easily set which type of cookies and which services are allowed via the settings. Further details can be found in our privacy policy.

Settings

The Complete Guide to Component Customization

Questions:

  • How do I add rich media to my components?
  • How can I style and animate my content?
  • What are the best ways to configure banners?

Tags: images, videos, 3D-model, iframe

Description:

This master guide walks you through customizing and enhancing your components in TYRIOS. You will learn how to seamlessly integrate diverse media types, perfect your visual styling, and add engaging interactivity.

We'll show you, step by step, how to:

  • Integrate Media: Easily upload and configure images, videos, and advanced 3D models.

  • Embed Content: Pull in external tools and websites using secure iFrames.

  • Customize Styles: Adjust banner sizes, colors, text, and decorative elements.

  • Add Animations: Bring your components to life with smooth, interactive motion.

Solution:

  1. Configuring Basic Media

    Set up standard foundational elements for your visual layouts.

    • Configure Media Types: Learn how to manage foundational media settings and upload parameters. Discover more
    • Add and Style Images: Insert image files and quickly adjust their visual properties. Discover more
    • Configure Banners: Adjust dimensions, colors, and text settings for visual headers. Discover more
  2. Integrating Advanced Media

    Embed dynamic and interactive content blocks directly into your user interface.

    • Configure Videos: Add engaging, responsive video players to your layouts. Discover more
    • Add 3D Models: Bring your pages to life with interactive 3D objects. Discover more
    • Configure Iframes: Easily embed external web content without leaving the page. Discover more
  3. Enhancing Styling and Interactions

    Apply final visual polishes and engaging movement to your customized elements.

    • Customize Styling: Tweak component decorations to match your brand guidelines perfectly. Discover more
    • Add Animations: Apply smooth, eye-catching transitions to elements as they load. Discover more

Tips and Tricks:

Pro-Tips:

  • Always compress large media files for much faster page speeds.

  • Keep component animations subtle to maintain a professional look.

Warnings:

  • Avoid overloading a single component with too many complex iframes.

  • Ensure your 3D models are fully optimized for mobile viewing.

Subscribe to our newsletter

Stay informed at all times. We will gladly inform you about product news and offers.

By entering your e-mail address, you confirm that you wish to receive offers by e-mail on a regular basis. You can revoke this consent to use your e-mail address at any time with effect for the future .