0

"Notice: Undefined index: hover_add_button in /home/***/public_html/wp-content/plugins/js_composer/include/templates/shortcodes/vc_hoverbox.php on line 48"

This error began to appear after updating to the latest version of WordPress. I believe I have to work to update the theme too, but have resolved all the issues with the exception of line 48. Any suggestions?

Here is the code. Any help is appreciated.

<?php
if ( ! defined( 'ABSPATH' ) ) {
    die( '-1' );
}
/**
 * @var $this \WPBakeryShortCode_VC_Hoverbox
 * @var $atts array
 * @var $content string
 */
$atts = vc_map_get_attributes( $this->getShortcode(), $atts );

if ( ! empty( $atts['image'] ) ) {
    $image = intval( $atts['image'] );
    $image_data = wp_get_attachment_image_src( $image, 'large' );
    $image_src = $image_data[0];
} else {
    $image_src = vc_asset_url( 'vc/no_image.png' );
}
$image_src = esc_url( $image_src );

$align = 'vc-hoverbox-align--' . esc_attr( $atts['align'] );
$shape = 'vc-hoverbox-shape--' . esc_attr( $atts['shape'] );
$width = 'vc-hoverbox-width--' . esc_attr( $atts['el_width'] );
$reverse = 'vc-hoverbox-direction--default';
if ( ! empty( $atts['reverse'] ) ) {
    $reverse = 'vc-hoverbox-direction--reverse';
}
$id = '';
if ( ! empty( $atts['el_id'] ) ) {
    $id = 'id="' . esc_attr( $atts['el_id'] ) . '"';
}

$class_to_filter = vc_shortcode_custom_css_class( $atts['css'], ' ' ) . $this->getExtraClass( $atts['el_class'] ) . $this->getCSSAnimation( $atts['css_animation'] );
$css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, $class_to_filter, $this->settings['base'], $atts );

// Hover Background color
if ( 'custom' !== $atts['hover_background_color'] ) {
    $hover_background_color = vc_convert_vc_color( $atts['hover_background_color'] );
} else {
    $hover_background_color = esc_attr( $atts['hover_custom_background'] );
}

$primary_title = $this->getHeading( 'primary_title', $atts, $atts['primary_align'] );
$hover_title = $this->getHeading( 'hover_title', $atts, $atts['hover_align'] );

$content = wpb_js_remove_wpautop( $content, true );
$button = '';
if ( $atts['hover_add_button'] ) {
    $button = $this->renderButton( $atts );
}
$template = <<<HTML
<div class="vc-hoverbox-wrapper $css_class $shape $align $reverse $width" $id>
  <div class="vc-hoverbox">
    <div class="vc-hoverbox-inner">
      <div class="vc-hoverbox-block vc-hoverbox-front" style="background-image: url($image_src);">
        <div class="vc-hoverbox-block-inner vc-hoverbox-front-inner">
            $primary_title
        </div>
      </div>
      <div class="vc-hoverbox-block vc-hoverbox-back" style="background-color: $hover_background_color;">
        <div class="vc-hoverbox-block-inner vc-hoverbox-back-inner">
            $hover_title
            $content
            $button
        </div>
      </div>
    </div>
  </div>
</div>
HTML;

echo $template;
Todd Green
  • 1
  • Line `if ( 'custom' !== $atts['hover_background_color'] ) {` is assuming `$atts` has `hover_background_color` in it, but it doesn't. You can just erase that whole if/else block. You'll want to find some other way to give a value to the `$hover_background_color` variable. – miken32 Dec 07 '20 at 22:08
  • It's simply a **Notice** that in: `if ( $atts['hover_add_button'] ) {` The index `hover_add_button` is not defined. The script will run just fine. Just turn Notices off unless debugging. – Zak Dec 07 '20 at 22:09
  • I would replace all of this: `$button = ''; if ( $atts['hover_add_button'] ) { $button = $this->renderButton( $atts ); }` with this: `$button = isset($atts['hover_add_button'] ? $this->renderButton( $atts ) : '');` – Zak Dec 07 '20 at 22:17

0 Answers0