If you want to add images to your custom layout, you can use the Image content option in the Hover Card block from Nexter Blocks. This feature lets you enhance the visual appeal of your hover cards by adding captivating images, making your website more engaging and attractive to visitors.
To check the complete feature overview documentation of the Nexter Blocks Hover Card block, click here.
Requirement – This block is a part of the Nexter Blocks, make sure it’s installed & activated to enjoy all its powers.
To use Image content in the Hover Card block, add the block on the page and follow the steps –
1. Open a repeater item and select the appropriate tag in the Open tab.
Note: If you don’t want to wrap the content inside another tag you can set the Open Tag to None.
If you want, you can add a class name in the Enter Class field.
2. Then select the appropriate tag in the Close tab.
3. Then, from the Content section, select Image.
4. After that, in the Upload Image section, you have to add your image.
Apart from the normal style and background style, you’ll find additional image style options. You can set the image width and max width, you can also manage the border, border radius, box-shadow and opacity for both normal and hover state.