Image Hover Effects Ultimate Shortcodes

Below, you’ll find a detailed guide on how to add the Image Hover Effects Ultimate Shortcodes to your WordPress website, including their parameters, examples, and PHP function code. Additionally, we’ll assist you with common issues that might cause the Image Hover Effects Ultimate Plugin shortcodes not to show or not to work correctly.

Before starting, here is an overview of the Image Hover Effects Ultimate Plugin and the shortcodes it provides:

Image Hover Effects Ultimate (Image Gallery, Effects, Lightbox, Comparison or Magnifier)

"Image Hover Effects Ultimate is a versatile WordPress plugin that enhances your site with stunning image galleries, captivating effects, intuitive lightbox feature, image comparison options, and a magnifier tool."

★★★★☆ (215) Active Installs: 20000+ Tested with: 6.3.2 PHP Version: 5.4

Included Shortcodes:

• [iheu_ultimate_oxi]
• [iheu_oxi_VC]

Image Hover Effects Ultimate [iheu_ultimate_oxi] Shortcode

The Image Hover Effects Ultimate (iheu_ultimate_oxi) shortcode is a functional tool for displaying customized image hover effects on your WordPress site. It works by extracting specific attributes and rendering them via the ‘shortcode_render’ function. This allows users to create unique, interactive image displays with ease.

Shortcode: [iheu_ultimate_oxi]

Parameters

Here is a list of all possible iheu_ultimate_oxi shortcode parameters and attributes:

• id – It is the unique identifier of the image hover effect

Examples and Usage

Basic example – The basic usage of the shortcode involves specifying the ID of the image hover effect you want to display. The ID corresponds to the unique identifier of the effect in the image hover effects ultimate plugin.

[iheu_ultimate_oxi id=1 /]

Advanced examples

Using the shortcode to display multiple image hover effects by specifying multiple IDs. This can be useful when you want to display a series of effects on a page. Do note that the IDs must be separated by commas.

[iheu_ultimate_oxi id="1,2,3" /]

Another advanced usage might involve specifying the ‘user’ parameter in the shortcode. This parameter allows you to control who can see the image hover effect. For instance, if you only want logged-in users to see the effect, you can specify ‘user’ as ‘logged_in’.

[iheu_ultimate_oxi id=1 user='logged_in' /]

PHP Function Code

In case you have difficulties debugging what causing issues with [iheu_ultimate_oxi] shortcode, check below the related PHP functions code.

Shortcode line:

add_shortcode('iheu_ultimate_oxi', [$this, 'WP_Shortcode']);

Shortcode PHP function:

function WP_Shortcode($atts)
    {
        extract(shortcode_atts(array('id' => ' ',), $atts));
        $styleid = (int) $atts['id'];
        ob_start();
        $this->shortcode_render($styleid, 'user');
        return ob_get_clean();
    }

Code file location:

image-hover-effects-ultimate/image-hover-effects-ultimate/Classes/Bootstrap.php

Image Hover Effects Ultimate [iheu_oxi_VC] Shortcode

The Image Hover Effects Ultimate shortcode is a powerful tool for integrating visual effects into your WordPress site. This shortcode generates a unique ID for each hover effect, allowing customization. When implemented, it calls the Bootstrap class to render the hover effect associated with the given style ID. It returns the output after rendering, enabling you to add visually appealing hover effects to your images.

Shortcode: [iheu_oxi_VC]

Parameters

Here is a list of all possible iheu_oxi_VC shortcode parameters and attributes:

• id – Unique identifier for the specific image hover effect

Examples and Usage

Basic example – The basic usage of the shortcode is to display an image hover effect by referencing the ID of the effect. The ID is a unique identifier given to each effect when it is created.

[iheu_oxi_VC id=1 /]

Advanced examples

1. In some cases, you might want to display multiple image hover effects at the same time. You can do this by using the shortcode multiple times, each with a different ID.

[iheu_oxi_VC id=1 /]
[iheu_oxi_VC id=2 /]
[iheu_oxi_VC id=3 /]

2. The shortcode can also be used within a text block, allowing you to add descriptive text or other content around the image hover effect. In the following example, the image hover effect with ID 1 is displayed within a paragraph of text.

<p>This is some text. <strong>[iheu_oxi_VC id=1 /]</strong> This is some more text.</p>

PHP Function Code

In case you have difficulties debugging what causing issues with [iheu_oxi_VC] shortcode, check below the related PHP functions code.

Shortcode line:

add_shortcode('iheu_oxi_VC', [$this, 'iheu_oxi_VC_shortcode']);

Shortcode PHP function:

function iheu_oxi_VC_shortcode($atts) {
        extract(shortcode_atts(array(
            'id' => ''
                        ), $atts));
        $styleid = $atts['id'];
        ob_start();
        \OXI_IMAGE_HOVER_PLUGINS\Classes\Bootstrap::instance()->shortcode_render($styleid, 'user');
        return ob_get_clean();
    }

Code file location:

image-hover-effects-ultimate/image-hover-effects-ultimate/Modules/Visual_Composer.php

Conclusion

Now that you’ve learned how to embed the Image Hover Effects Ultimate Plugin shortcodes, understood the parameters, and seen code examples, it’s easy to use and debug any issue that might cause it to ‘not work’. If you still have difficulties with it, don’t hesitate to leave a comment below.