I need to confirm if the ALT attribute (alt='%%ALT%%') correctly outputs the ALT text for images in Toolset Views. Additionally, I want to ensure that the featured image displays at the correct size and does not appear larger than necessary in Google Console.
Solution:
The ALT attribute (alt='%%ALT%%') is correctly set if used within a Toolset View. To control the image size, use the size attribute in [wpv-post-featured-image] with predefined values like 'thumbnail', 'medium', 'large', or 'full'. You can also define custom dimensions using size='custom' along with width and height parameters to ensure proper scaling and cropping.
I want to display a map with plotted campgrounds (custom post type "Camping") and a list of locations on a page using Toolset Maps and Views. The list displays correctly, but the map does not appear when using Elementor Pro. Through testing, I found that the issue is caused by the ToolView widget in Elementor. The map only works when Elementor is disabled for that specific page, which is not an ideal solution.
Solution:
Toolset’s block editor features are not fully compatible with Elementor. Instead of using Toolset Blocks, enable Toolset Legacy Mode to use shortcodes inside Elementor. To do this:
- Go to Toolset > Settings > General.
Enable Show both the legacy and Blocks interface and let me choose which to use for each item I build.
- Reload the page and navigate to Toolset > Views.
- Create a View for the map and list using shortcodes instead of blocks.
- Insert the View shortcode inside an Elementor widget instead of using the ToolView widget.
I am using the Toolset Slider block to display images from a custom post type, but I cannot select the image size. As a result, the slider loads unoptimized, full-size images, causing slow loading times. The srcset attribute is missing, so smaller images are not being used for different viewports.
Solution:
Ensure that the Crop Image option is enabled in the Toolset Slider block settings. This allows WordPress to generate multiple image sizes and use the srcset feature, ensuring optimized images are loaded based on the device screen size.
