This guide explains how to configure the display options for an additional field (such as an image, a gallery, or a download button) when using the "Additional Field" block within the Visual Builder.
Configuring the Display Settings of the Additional Field
When you insert an "Additional Field" block in the Visual Builder, the configuration options that appear depend on the type of field you have selected (for example, if it is an image field, the image settings will appear).
Follow these steps to configure the appearance of your field:
Step 1: Field Selection
1. Open the Visual Builder and add the Additional Field block (or open the settings of an existing block).
2. In the Source section, use the Source Module dropdown menu to select the module linked to the field (e.g., Products or Clients).
3. Use the Field to Show dropdown menu to select the specific additional field you want to display.
4. In the Conditions section, verify that the Main Record ID field contains the correct identifier for the data you want to retrieve.
Step 2: Configuring Display Settings
After selecting the field, a specific configuration section (called blockpreferencescontainer in the code) will appear based on the chosen field type.
A. If the field is a Single Image (single-image):
Two main sections will appear for configuration:
- Image Settings:
- Configure the visual appearance of the image (size, borders, shadows, etc.).
- On Click (
onclick) Settings: - Define what action should occur when a user clicks on the image (for example, open a link, enlarge the image, etc.).
B. If the field is a Gallery (gallery):
Settings related to displaying multiple images will appear:
- Carousel Settings:
- Configure how the gallery is displayed (for example, as a slider, as a grid) and navigation options (arrows, dots, autoplay).
- Image Settings:
- Define the appearance and quality of individual images within the gallery.
C. If the field is a Download File (download):
A section will appear to customize the appearance of the button that allows downloading the file:
- Button Settings (download):
- Configure the text, design, style, and color of the download button.
Note: If the selected field is of type Short Text, Long Text, or Number, content-specific display options (like Image or Gallery) will not appear since text appearance is managed by general typography settings of the block.
