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

Hey elsmore01,

Thank you for the inquiry.

This box pops up whenever we select an incorrect answer.

Screenshot: https://imgur.com/AHpm7pd

The plugin is probably looking for another container to append the error message. You may need to ask the plugin developers for additional info.

Best regards,
Ismael

Hi,

Because it looks you are trying to create custom shortcodes to render elements with predefined options. You can do the same with the Custom Elements Templates or the Templates option. Please open new threads for the new issues.

Best regards,
Ismael

Hey ovationits,

Thank you for the inquiry.

Did you import and export the theme options from the old site to the new one? The stylesheets or the css files in the new site are not loaded individually because they have been combined and compressed into a single file. You can deactivate the css compression in the Enfold > Performance > File Compression settings.

Best regards,
Ismael

Hey Gil,

Thank you for the inquiry.

Do you have a Themeforest account? You will have to purchase a new theme license (regular) using your account and generate a new API key. A new regular license comes with 6 months support that can be extended to 12 months. Unfortunately, you cannot extend support on an item that you did not actually purchased.

Best regards,
Ismael