Hi,

Thank you for the update.

Have you tried using a different shortcode inside the code block? Does it work as intended? If it does, then the issue is with how the plugin renders its shortcode output. Again, please provide a link to the plugin page so that we could test it on our end.

UPDATE: Looks like the URL above is now working and according to the description, there are only 100 active installations for this plugin, so it has not been tested a lot. Have you tried looking for another plugin that has the same functionality?

Best regards,
Ismael

Hi,

Thank you for the info.

You could create a custom shortcode for it instead of directly embedding the iframe code in the builder. Please try this code in the functions.php file to create the custom shortcode.

// amazon widget
function avs_amazon_widgets_cb( $atts ) {
	$params = shortcode_atts( array(
		'tracking_id' => 'alevivaamazon-21',
		'language' => 'de_DE',
		'region' => 'DE',
		'placement' => '',
		'asins' => '',
		'linkId' => ''
	), $atts );

	return "<iframe style='width:120px;height:240px;' marginwidth='0' marginheight='0' scrolling='no' frameborder='0' src='//ws-eu.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&OneJS=1&Operation=GetAdHtml&MarketPlace=DE&source=ss&ref=as_ss_li_til&ad_type=product_link&tracking_id={$params['tracking_id']}&language={$params['language']}&marketplace=amazon&region={$params['region']}&placement={$params['placement']}&asins={$params['asins']}&linkId={$params['linkId']}&show_border=true&link_opens_in_new_window=true'></iframe>";
}
add_shortcode( 'avs_amazon_widget', 'avs_amazon_widgets_cb' );

And in a code or text block, use this shortcode.

[avs_amazon_widget tracking_id="alevivaamazon-21" language="de_DE" region="DE" placement="B0049U0DMC" asins="B0049U0DMC" linkId="b4e61f81e27ae4ef8bb010781a7069f0"]

Result: https://imgur.com/2eBXflX

You may notice that there are certain parameters in the shortcode such as the tracking_id, placement, linkId etc, which should be adjusted based on the actual value of the parameters from the amazon iframe or embed code.

Best regards,
Ismael

Hi,

Have you tried creating a custom shortcode for the shopify button instead of directly embedding the code in a text or code block? This should keep you from directly using html tags that could potentially break the layout of the builder and instead use the custom shortcode.

// https://codex.wordpress.org/Shortcode_API

Regarding the anchor, it is not working correctly because the ID has been applied to an anchor inside the section. You have to directly apply the segment-3 ID to the color section.

<div id="segment-3" style="height:1px; margin-top:0px" class="hr hr-invisible   avia-builder-el-67  el_after_av_buttonrow  avia-builder-el-last "><span class="hr-inner "><span class="hr-inner-style"></span></span></div>

Thank you for your patience.

Best regards,
Ismael

Hi,

Sorry for the delay. Looks like you have disabled the header transparency on the page above. Please enable it again and use the following filter in the functions.php file to adjust the scroll position.

function avf_header_setting_filter_mod($header) {
	$header['header_scroll_offset'] = $header['header_scroll_offset'] + 48;
	return $header;
}
add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 9999, 1);

Best regards,
Ismael

Hi,

Sorry for the delay. We updated the snippet so that the overlay is removed immediately after accepting the cookies. Please remove the previous script and replace it with the code below.

function ava_custom_privacy_overlay(){
	?>
	<script>
	(function($) {
		$(document).ready(function() {
			var consent = $(".avia-cookie-consent");

			if(!consent.is(".cookiebar-hidden")) {
				$("<div class='cookie-overlay-mod'></div>").appendTo("#wrap_all");
			}

                        $(".avia-cookie-select-all").on("click", function() {
                                $(".cookie-overlay-mod").remove();
                        });
		});
	})(jQuery);
	</script>
	<?php
}
add_action('wp_footer', 'ava_custom_privacy_overlay', 99);

Best regards,
Ismael

Hi,

Thank you for the update.

Would you mind providing the WP and FTP login account so that we could check the issue properly? Please post the login details in the private field.

Best regards,
Ismael

Hi,

That should be possible with the following css code but you may need to also adjust the rest of the elements within the header container. Please look for the css using this selector..

.responsive #top #header #header_main .inner-container .main_menu

.. and add these properties..

	position: absolute;
	width: 110vw;
	bottom: -30px;
	left: -20vw;

Or just use this css code.

.responsive #top #header #header_main .inner-container .main_menu {
	order: 3;
	flex-basis: 100%;
	align-items: center;
	align-self: center;
	height: inherit !important;
	background: gold;
	justify-content: center;
	position: absolute;
	width: 110vw;
	bottom: -30px;
	left: -20vw;
}

Best regards,
Ismael

Hi,

The left side is still broken with the image below the text.

As we mentioned above, there is an unclosed html tag in the title field of the post contained in the left navigation, which is why it is broken. You have to edit that post and make sure that all tags are closed properly. And you may need to refrain from using span tags inside the title field because it is the same tag used in the post nav.

Best regards,
Ismael

Hi,

Looks like the onStateChange is triggered properly on Safari. Please look for this code in the slideshow-video.js around line 310:

var command = _self.options.loop != false ? 'loop' : 'av-video-ended';

Below, add this code.

console.log("YOUTUBE ENDED");

After that, make sure to purge any cache and in the browser console, check if you can see the log that we created above.

Is it working correctly when minification or compression is completely disabled? Please try to disable the WP Rocket plugin temporarily, remove the browser cache, then test it again.

Best regards,
Ismael

Hi,

is there a way where both can work together?

This may not be possible because when the responsive image option is enabled, WP will automatically select the appropriate size based on the current screen resolution instead of the selected thumbnail. Did you refresh the site or purge the cache before regenerating the images? Please make sure that the site is using the latest version of the theme, 4.7.6.4.

Would you mind providing the WP and FTP login details again so that we could test it properly?

Best regards,
Ismael

Hi,

Sorry for the delay. Looks like css and js files are currently minified or compressed. Have you tried disabling that option temporarily? You may also need to disable the cache plugin while testing the site.

Usually, errors on iOS also occurs on older versions of IE but this is not what is happening in this case — the site looks fine even on older version of IE.

Screenshot of the site on IE: https://imgur.com/Wy5KAzr

Best regards,
Ismael

Hey edavies34,

Thank you for the inquiry.

It is not working correctly when added inside a builder because of the input tags. You may need to create a custom shortcode for the form and use the shortcode inside a text or code block instead of directly embedding the code.

// https://codex.wordpress.org/Shortcode_API

Best regards,
Ismael

Hey creativeopole,

Thank you for the inquiry.

Are you sure the plugin URL above is correct? It just redirects to the plugin search page with the keyword “garden-product-checker”.

Sadly, we do not provide support for third party plugins as stated on our support policy. You may need to contact the plugin developers for additional assistance.

Best regards,
Ismael

Hey kaylesimon,

Thank you for the inquiry.

There is a way to set the post navigation to display only items that belong in the same category using the avia_post_nav_entries filter. Just make sure that the items that you want to be excluded are not in the same category as the others.

function avia_post_nav_entries_mod($entries, $settings)
{
	if($settings['type'] == 'portfolio')
	{
		$settings['same_category'] = true;
	}

    return $entries;
}
add_filter( 'avia_post_nav_entries', 'avia_post_nav_entries_mod', 10, 2); 

Best regards,
Ismael

Hey Ralf,

Thank you for the inquiry.

Try to use this css code to fix the alignment of span tags within the post navigation.

.avia-post-nav .entry-info span {
	display: inline;
	vertical-align: middle;
}

.avia-post-nav .entry-title, .avia-post-nav .entry-image {
	display: table-cell !important;
}

And please make sure that all html tags in the title field are closed properly because they could break the layout of the navigation. Please check one of the product items with unclosed html tag. (see private field)

Best regards,
Ismael