Diana Burduja

Added the option in version 3.52.

Hello Klaus,

on my side, after backing up and restoring the backup with the WPvivid plugin, everything works alright, but only if the backup includes the database and the files.

If you don’t want to open each custom code and click the “Save” button, then you could generate a “WordPress Files (Exclude Database)” backup for the development website and then restore it on the production website.

Hello @visualvision,

you can hide the “previous” button on the last step by adding the following PHP snippet to your website:

add_filter( "wpmc_hide_last_prev", "__return_true");

Hello @guenther999,

the issue with the red colored text on the red background is unrelated to the Multi-Step Checkout for WooCommerce plugin. That can be easily verified by deactivating the plugin and see that the text turns red when your CSS rule is removed and white when your CSS rule is reapplied.

The red color originates from the “Link Color” setting found under “WP Admin -> Divi -> Theme Customizer -> General Settings -> Typography”. The individual error messages, like “First Name is mandatory”, are in fact links, therefore they adopt the color defined by the “Link Color” setting in the Divi theme.

The display aspect ratio doesn’t play a role in the zoom effect.

The WP Image Zoom plugin doesn’t build the <img> HTML element on the website. But the plugin uses the information from the <img> HTML element in order to build the zoom effect.

The WP Image Zoom plugin by itself doesn’t modify the <img> element.

The <img> element is generally built by the WordPress core. Some page builders can overtake some aspects of building the <img> element. The theme can dictate what thumbnail sizes should be generated. Sometimes other plugins can also add or remove attributes from the <img> element.

Again, the display aspect ratio doesn’t play a role in the zoom effect. But it does seem to play a role in adding the full size image URL to the “srcset” attribute of the <img> element. At least on your website, or on this particular image. Which, in turn, affects the zoom effect.

I cannot debug the reason for which the full size image URL is missing from the “srcset” attribute of the Bonnet Cable <img>. Nor can I debug from the frontend alone why the full size image URL is added to the “srcset” attribute when the display aspect ratio is different. But these things have nothing to do with the WP Image Zoom plugin.

As a test, you can try deactivating the WP Image Zoom plugin and set the Bonnet Cable image to the same aspect ratio as the full size image. I bet the full size image is still missing from the “srcset” attribute, while on other images on the page it is present. Simply because the <img> element is not modified by the WP Image Zoom plugin.

Hello Josh,

at the moment I can offer you a rather convoluted solution, which dequeues the scripts added by the plugin, then adds them again on your specific post with another script handle. See this PHP snippet. Replace the is_single( 'simple-post-with-images' ) part with the Conditional Tag matching your post.

But this gave me the idea to add a filter to the next plugin’s version (which will be released in about 6 weeks) that would conditionally add the scripts only to specific pages. That would be a much better solution.

Instead of waiting for the next release, you could patch the plugin with this patch (i.e. replace the line prefixed with “-” with the lines prefixed with “+” in the “image-zoooom.php” file), then add the following PHP snippet to your website:

add_filter( 'wp_image_zoooom_load_scripts', function() {
return is_single( 'simple-post-with-images' );
} );

When updating the plugin to the next version, the patch will be overwritten, but the filter will still work and the scripts will load only on the specific post.

Hello @baz74,

if you open the “WP Admin -> Media -> Library” page, then you’ll find out that the image for the Bonnet Cable was added twice to the Media Library, once in full size (824×893) and a second time in a reduced size (150×150). The image shown on the “Parts” page is the one reduced in size.

Will you please open the “Parts” page for editing, remove the image for the Bonnet Cable and then add it again, but this time making sure to select the full size version from the Media Library?

Let me know if that solves the issue.

It also needs to lower the z-index of the zoom lens.

Will you add the following CSS rule:

.zoomContainer[style] {
  z-index: 40 !important;
}

in addition to the

#tc-page-wrap {
  display: contents;
}

CSS rule you’ve already added.