Hi,

No problem. Glad to know that it is working. For the size, try to specify the value of $size parameter in the wp_get_attachment_image_url function.

// https://developer.wordpress.org/reference/functions/wp_get_attachment_image_url/`

Best regards,
Ismael

Hey emanuelecocchiaro,

Thank you for the inquiry.

This is how the gallery looks on our end.

Screenshot: https://imgur.com/XQ8Jc6n

The images look exactly the same as they are on desktop view. Would you mind providing a screenshot of the issue?

Best regards,
Ismael

Hi!

It was an issue with the translations as expected. We included the correct translations in the latest version (4.8.7) of the theme, which is now available on Themeforest.

WordPress notified me of an error in line 420

We cannot reproduce the issue on our end. Please try to reload the page again or check the site on incognito mode.

Thank you for your patience.

Best regards,
Ismael

Hi,

No problem. Please feel free to open another thread if you need anything else.

Have a nice day.

Best regards,
Ismael

Hi,

No problem! Please let us know if the shortcode works. We will keep the thread open.

Best regards,
Ismael

Hey bdeuwe,

Thank you for the inquiry.

Best would be to get rid of the margins left and right by using the color section and columns way

That is the default padding of the container. To remove it, you can use this css code.

.container {
    padding: 0;
}

Please note that this will affect every containers in the site, so you have to apply a unique ID to the color section in which the container has to be adjusted and update the css so that it only affects the container in that section.

// https://kriesi.at/documentation/enfold/add-custom-css/

Example:

#custom-section-id .container {
    padding: 0;
}

Best regards,
Ismael

Hi,

Thank you for the update.

Did you try the hook that we provided above? It should adjust the value of the shop_single_column and the shop_single_column_items. You can also try to replace the after_setup_theme with the init hook.

Or just copy the whole avia_woocommerce_output_upsells function in the child theme’s functions.php file. You have to rename it.

function avia_woocommerce_output_upsells_modified($items = false, $columns = false)
{
	global $avia_config;

	$output = "";

	if(!$items) 	$items 	 = 12;
	if(!$columns) 	$columns = 12;

	ob_start();
	woocommerce_upsell_display($items,$columns); // 4 products, 4 columns
	$content = ob_get_clean();
	if($content)
	{
		$output .= "<div class='product_column product_column_".$columns."'>";
		//$output .= "<h3>".(__('You may also like', 'avia_framework'))."</h3>";
		$output .= $content;
		$output .= "</div>";
	}

	$avia_config['woo_upsells'] = $output;
	return $output;

}

Remove the original hook, then register a new one.

// needs to be called after the "related product" function to inherit columns and product count
remove_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_output_upsells', 21); 
add_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_output_upsells_modified', 21); 

Best regards,
Ismael

Hi,

Again, we kindly ask that you open another thread for new inquiries. This is to keep the thread relevant to the original topic and it will also make it easier for other users who might be looking for the same answer. We also recommend opening a single thread for each inquiry.

Thank you for your understanding.

Best regards,
Ismael

Hey creativeopole,

Thank you for the inquiry.

The product grid element is not using the default product query and creates a custom query in the shortcode template, so the plugin will not be able to adjust the query based on the active filters to display the corresponding product items. You may need to use the default product grid shortcodes from the shop plugin or display the filters in the base shop page.

For more info about the plugin, please contact the plugin developers.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You can use this filter in the functions.php file to adjust the offset value on mobile view. Decreasing the offset value should limit the scroll position and prevent the sticky header from covering the headings.

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

Make sure to purge the cache or check the site on incognito mode after applying the filter.

Best regards,
Ismael

Hey Yory,

Thank you for the inquiry.

Try to increase the size of the masonry items a bit with this css code.

.av-masonry-entry {
    width: 25%;
}

Default width value is 24.90%. Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

Best regards,
Ismael

Hey domchocolate,

Thank you for the inquiry.

We have checked the lightbox on a browser device emulation and it seems to be working correctly. If you need to prevent the document from scrolling and make sure that the container appears at the center of the document, please try to replace the script with the following code.

function av_open_inline_popup(){
?>
<script type="text/javascript">
(function($) {
$(window).on('load', function(){
	$('.open-popup-link').addClass('no-scroll');
	$('.open-popup-link').magnificPopup({
		type:'inline',
		midClick: true,
		callbacks: {
			beforeOpen: function () {
				$('body').css("overflow-y", "hidden");
			},
			close: function() {
				$('body').css("overflow-y", "auto");
			},
		},
	});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'av_open_inline_popup');

Thread: https://kriesi.at/support/topic/lightbox-17/

Best regards,
Ismael

Hey WebDevDept,

Thank you for the inquiry.

The tooltip text are covering the hotspots, which might be due to the html tags that were added in the hotspot title field. To fix it, try to use this css code.

.av-hotspot-blank .av-hotspot-container .av-image-hotspot_inner {
    z-index: 99999999;
}

Best regards,
Ismael

Hey MotiveAgency,

Thank you for the inquiry.

You can try this code in the functions.php file to adjust the columns and number of items in the upsells section.

add_action("after_setup_theme", function() {
	global $avia_config;
	$avia_config['shop_single_column'] = 12;			// columns for related products and upsells
	$avia_config['shop_single_column_items'] = 12;	// number of items for related products and upsells
}, 10, 1);

If this doesn’t work, try to directly modify the avia_woocommerce_output_upsells function in the wp-content/themes/enfold/config-woocommerce/config.php file.

Best regards,
Ismael

Hey navindesigns,

Thank you for the inquiry.

You can add two rows with 3 columns. In the first row, add the images and icon boxes in the second row. You can then pull the second row upwards and make it overlap with the first row by applying negative top margin to the columns. To make the columns in the second row smaller or thinner than the rows in the first column, apply a padding to them or control the width using custom css.

Best regards,
Ismael