Hi,

Can we deactivate the plugins temporarily while checking the issue? The sliders are not displaying because according to the browser console, jQuery is not defined or is not loaded. We cannot reproduce the same issue on our end, so this is probably caused by a plugin or by a custom modification in the theme.

Thank you for your patience.

Best regards,
Ismael

Hi,

Thank you for the update.

We can use the following css code to adjust the position of the top menu and of the phone info, make sure to include the code inside the css media query that Victoria created and suggested above.

.av_secondary_right .sub_menu {
	padding-left: 0;
}

.responsive #header .sub_menu, .responsive #header_meta .sub_menu > ul {
	float: none;
	text-align: right;
	margin: 0;
	position: static;
	width: auto;
}

.responsive .phone-info {
	float: right;
	width: auto;
	clear: none;
	text-align: right;
}

.responsive #header_meta .sub_menu > ul {
	width: auto;
	text-align: right;
}

.responsive #header_meta .sub_menu > ul > li:last-child {
	padding-right: 0;
}

Best regards,
Ismael

Hey ValerioGem,

Thank you for the inquiry.

You are probably on the right track using the Masonry Gallery and the items’ Custom Link field or option, just make sure that the Advanced > Link Settings > Image Link settings is set to the second option (Use custom link) so that it actually uses the entry or the URL set in the Custom Link field.

Best regards,
Ismael

Hi,

Thank you for the info.

I’m still not getting the option in the Avia Layout Builder.

Does it disappear on all elements using the text editor? Aside from the plugin Yigit suggested above, you might be able to use the following plugin to bring back the kitchen sink to the text editor.

// https://wordpress.org/plugins/tinymce-advanced/

The login info above is no longer working, so we were not able to check the site properly.

Best regards,
Ismael

Hey raquelravanini,

Thank you for the inquiry.

Yes, that is possible. You have to create sections using the Color Section element with a unique ID, which can be added in the color sections’ Advanced > Developer Settings > Custom ID Attribute field. We can then create a menu item or a source anchor that links to this color section, so when the unique ID of the color section is “section-1” for example, the navigation URL of the menu item or of the source anchor should be “http://site.com/page/#section-1”, and when clicked, the page should scroll to the color section or to the destination anchor.

Best regards,
Ismael

Hey AFDCO,

Thank you for the inquiry.

We are not really sure how the plugin hides the content for a specific user role, but you might be able to use the “avf_masonry_loop_prepare” to adjust the markup of the masonry items and wrap it inside the UM shortcode as shown in their documentation.

// https://docs.ultimatemember.com/article/226-restrict-content-on-a-page-post-to-specific-users-community-role

We cannot guarantee that this will work though.

If the plugin is altering the post or product query, we might be able to use the avia_masonry_entries_query to adjust the default query of the masonry element and only include the items that the current user should see. Unfortunately, we are not really sure how the plugin handles this, so additional assistance from the plugin developers may be needed.

Best regards,
Ismael

Hi,

The code above should disable the default AJAX search from the theme, but extra modification might be needed if the plugin requires it. If you need more help, please feel free to create a new thread or ticket, and post the details in the private field so that we could check the site properly.

Best regards,
Ismael

Hi,

@mattofelki: Good to know. Please let us know if you need more help.

@goldengate415: Thank you for the assistance.

Best regards,
Ismael

Hi,

3.) Alright. We could use this script in the functions.php file to make the whole box or the whole slide entry clickable.

// a custom script
function ava_custom_script_mod() {
    if ( wp_script_is( 'avia-default', 'registered' ) ) {
        wp_add_inline_script( 'avia-default', '
		(function($) {
			$(".slide-entry").on("click", function() {
				window.location.href = $(this).find("a").attr("href"); 
			});
		})(jQuery);
	');
    }
 }
 add_action( 'wp_enqueue_scripts', 'ava_custom_script_mod', 9999);

Please make sure to add this css code in the Quick CSS field afterwards.

.slide-entry {
	cursor: pointer;
}

Best regards,
Ismael

Hi,

Great! Glad we could be of help. Please do not hesitate to open a new thread should you need anything else.

Have a nice day.

Best regards,
Ismael

Hi,

@Swarez: On opening the page, I noticed a shift once the first image is loaded, maybe because it is lazy loaded. Are you using lazy loading and/or animations for the columns or sections? Either of the two could contribute to layout shifts, so disabling these options should improve the CLS score.

Best regards,
Ismael

Hi,

We cannot figure out why it is not playing on mobile devices. Temporarily, you may need to disable lazy loading and regarding user privacy, you may need to inform the users through the privacy policy page or the modal popup window that the site contains videos, which may require or store cookies.

Best regards,
Ismael

Hi,

Thank you for the update.

Try to replace the snippet in the functions.php with the following code.

function ava534345953_init() {
	add_action( 'woocommerce_after_single_product_summary', 'avia_add_sidebar', 25);
	add_action( 'woocommerce_after_single_product_summary', 'avia_close_image_div_mod', 20);
	add_action( 'woocommerce_before_single_product_summary', 'avia_open_image_div_mod', 1 );
}

function avia_open_image_div_mod() {
	echo "<div class='product-main-container'>";
}

function avia_close_image_div() {
	echo "</div>";
}

function avia_close_image_div_mod() {
	echo "</div>";
}

function avia_add_sidebar() {
	if(is_product()) {
		$avia_config['currently_viewing'] = "shop_single";
		get_sidebar();
	}
}
add_action('init','ava534345953_init', 50);

Then use this css code.

.product-main-container {
	width: 70%;
	float: right;
}

.product-main-container::after {
	content: '';
	display: table;
	clear: both;
}

.product-main-container .single-product-main-image, .product-main-container .single-product-summary  {
	width: 100%;
}

#top #main .sidebar {
        border-left: 0;
	border-right-style: solid;
	border-right-width: 1px;
	margin-left: 0;
}

Or post the FTP and WP details so that we could implement the changes.

Best regards,
Ismael

Hi,

Thank you for the update.

The max attribute corresponds to the available stocks but for some reason, it is not working. Please try to edit the themes\enfold\config-woocommerce\woocommerce-mod.js, look for this code around line 72.

avia_apply_quant_btn();

Below, add this code.

$(".variations_form").on("woocommerce_variation_select_change", function () {
		avia_apply_quant_btn();
});

This should update the quantity buttons after selecting a different variation.

Best regards,
Ismael

Hi,

Odd. This is how it looks on Firefox Windows 10.

Screenshot: https://imgur.com/sWuYPty

Maybe this snippet will help, just add it in the functions.php file.

function ava_custom_admin_style() {
  echo '<style>
    .title.column-title {
		min-width: 300px;
		display: block;
	}
  </style>';
}
add_action('admin_head', 'ava_custom_admin_style');

This should apply a minimum width to the title column.

Best regards,
Ismael