Hi,

Thank you for the update.

One question: is there a limit on page size?

You might be referring to the post_max_size, which is a PHP directive and defaults to 8M. This is a very generous limitation because page sizes in WordPress averages around 60-100 Kb, depending on the content of the page. The page where the issue occurs is only 73 Kb in size.

// https://www.php.net/manual/en/ini.core.php#ini.post-max-size

We just noticed that the WP_MEMORY_LIMIT is set to 40M, default. You may want to ask your hosting provider to increase it to at least 128M.

Best regards,
Ismael

Hi,

Thanks! Re-installing the WordPress via FTP helped. FYI, while I was testing, I also upgraded PHP version to 8 in cPanel and I did not set it back to 7.x.

Please review your website :)

Regards,
Yigit

Hey dvalansi,
Thank you for your question, Enfold will work fine with PHP v8 on its own, but Enfold is not designed to work with other custom editors like Elementor, so we can not predict any errors or support them. Enfold has its own built-in custom editor (Advanced Layout Builder) which can not be disabled as it is at the core of the theme.
If everything works for you with PHP v7.4 and you want to use the Elementor plugin, then this would be your best option.

Best regards,
Mike

Hi,
Thank you for your feedback, I would recommend a full backup using your webhost backup options, please don’t use a backup plugin unless you have specific knowledge on restoring it. Many backup plugins fail on restore.
If you are using PHP v7.3 with WordPress v6.0.2 then a critical error would be expected as WordPress requires a minimum of v7.4.
If you have disabled all plugins, downgrading to WordPress 4.8 should would correctly as the shoutbox theme was not designed to work with any higher version of WordPress.
Please note that you will open yourself to security issues using WordPress v4.8, this should be ok if you do it temporarily while you are creating your new site, but it is not a long term solution.

Best regards,
Mike

Hey KD,
Thank you for your question, but unfortunately the Shoutbox is no longer supported since 2020 and WordPress 5.0
I see that your site has this error: jQuery.Deferred exception which could mean that you have a plugin causing the error, try disabling all of your plugins, or that you are using the newest WordPress v6+, try downgrading back to v4.8 as your version of Shoutbox was not meant to run on WordPress v5+ If you do downgrade you will need to downgrade your PHP version on your webhost to 7.4, your new host is probably using PHP v8+ which WordPress v4.8 will not run on.
Because of this limitation, there is not much we can do to correct this error. We recommend using a modern theme like Enfold and taking this opportunity to rebuild your site. Unfortunately, your current theme can not be “upgraded” or “imported” into Enfold, you will need to build it from scratch.
Sorry that this is not the answer you were looking for, but this could be a great opportunity to give your site an updated look and feel.

Best regards,
Mike

Hey schwabino,
Thanks for the login, I see you are gettings this error:
Failed to load resource: the server responded with a status of 403 () admin-ajax.php
Please see this article: How to Fix the 403 Forbidden Error in WordPress
Often this is caused by a plugin or a server security setting, try the solutions in the article starting with disabling all of your plugins, then clear your browser cache and check again, if this helps, activate your plugins one at a time to find the error.
If this doesn’t help, leave them disabled and note that your are using a Godaddy Managed WordPress and have a plugin that you can not disable:

you will need to look at your Managed WordPress options and see what changes you can make, but often you can not do a lot, see if the article helps reveal if any security options has block any IP address, or files like admin-ajax.php, otherwise you will need to ask Godaddy for help.

Best regards,
Mike

Hi,
Thanks for the link to your page and the login, I added a custom class to your content slider equal-height-slider on your /nuova-home-2022/ page so there won’t be any conflicts with other content sliders on your site.

Then I adjusted the script a little and added it to your child theme functions.php:

function ava_custom_script_set_min_height()
{
    ?>
    <script type="text/javascript">
window.addEventListener('DOMContentLoaded', function() {
        (function($) {
                function setSlideHeight(element) 
                {
                    var elementHeights = element.map(function() {
                        return $(this).height();
                    }).get();
                    var maxHeight = Math.max.apply(null, elementHeights);
                    element.height(maxHeight);
                }
                $(window).on( 'debouncedresize', function()
				{
                    var slider = $('.equal-height-slider .slide-entry-wrap');
                    var slides = slider.find('.slide-entry-excerpt');
                    setSlideHeight(slides);
				});
        })(jQuery);
});
</script>
    <?php
}
add_action( 'wp_footer', 'ava_custom_script_set_min_height', 9999 );

Now it is working:

compared to before:

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the login to your site, your site is running an outdated version of PHP (7.3.33), which requires an update, the minimum WordPress recommended version of PHP is 7.4.
Please update your server PHP version, you can ask your web host for help:

Best regards,
Mike

Hi,
Thank you for your patience, to only have the scroll-up button for mobile on the /backhandwerk/ page, please change above the css to this:

@media only screen and (max-width: 767px) {
.responsive #top.page-id-102  #scroll-top-link {
    display: block;
}
}

To add a “scroll to the top” function when the masonry sort option is clicked for the /backhandwerk/ page only, try adding this code to the end of your functions.php file in Appearance ▸ Editor:

function custom_masonry_sort_scroll_to_top_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
  (function($){
$("#top.page-id-102 a.avia_show_sort").click(function(e) {
	setTimeout(function(){
  $("html, body").animate({ scrollTop: 0 }, "slow");
  return false;
	},1500);
	e.preventDefault();
});
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_masonry_sort_scroll_to_top_script');

Please note that in the script I had to add a setTimeout of 1500ms (1.5 seconds) to allow the images to show before scrolling to the top so to not conflict with the masonry display animation.
You can try adjusting higher or lower if you wish, but this may be an over all limitation because of how the masonry javascript works.
In my tests the setTimeout of 1500ms works well if the user scrolls down a bit before clicking a sort link, please give this a try.

Best regards,
Mike

Hi,

The issue occurs because Woocommerce just returns the declared thumbnail shop_catalog instead of using the values set in the Woocommerce > Product Images options. The function that controls the image size is located in the plugins/woocommerce/includes/wc-core-functions.php file, look for the wc_get_image_size (line 928).

Your filter works because when the thumbnail is set to woocommerce_thumbnail, the following condition block (line 971) gets executed and return the values or options set in the Woocommerce > Product Images panel.

} elseif ( 'thumbnail' === $image_size ) {
			$size['width'] = absint( wc_get_theme_support( 'thumbnail_image_width', get_option( 'woocommerce_thumbnail_image_width', 300 ) ) );
			$cropping      = get_option( 'woocommerce_thumbnail_cropping', '1:1' );

			if ( 'uncropped' === $cropping ) {
				$size['height'] = '';
				$size['crop']   = 0;
			} elseif ( 'custom' === $cropping ) {
				$width          = max( 1, (float) get_option( 'woocommerce_thumbnail_cropping_custom_width', '4' ) );
				$height         = max( 1, (float) get_option( 'woocommerce_thumbnail_cropping_custom_height', '3' ) );
				$size['height'] = absint( NumberUtil::round( ( $size['width'] / $width ) * $height ) );
				$size['crop']   = 1;
			} else {
				$cropping_split = explode( ':', $cropping );
				$width          = max( 1, (float) current( $cropping_split ) );
				$height         = max( 1, (float) end( $cropping_split ) );
				$size['height'] = absint( NumberUtil::round( ( $size['width'] / $width ) * $height ) );
				$size['crop']   = 1;
			}
		}

Please try to edit the enfold/config-woocommerce/config.php file and look for this code around line 442.

$size = apply_filters( 'avf_wc_before_shop_loop_item_title_img_size', 'shop_catalog' );

Replace it with:

$woocommerce_thumbnail_image_width = get_option( 'woocommerce_thumbnail_image_width' );
		$default_size = $woocommerce_thumbnail_image_width == 300 ? 'shop_catalog' : 'woocommerce_thumbnail';
		$size = apply_filters( 'avf_wc_before_shop_loop_item_title_img_size', $default_size );

Best regards,
Ismael

Hey neon2020,

Thank you for the inquiry.

The script below should apply the height of the tallest slide to every slides in the content slider. You can place it in the functions.php file.

// custom script: set min height to slider
function ava_custom_script_set_min_height()
{
    ?>
    <script type="text/javascript">
        (function($) {
            $(document).ready(function() {
                // Get an array of all element heights
                function setSlideHeight(element) 
                {
                    var elementHeights = element.map(function() {
                        return $(this).height();
                    }).get();
                
                    // Math.max takes a variable number of arguments
                    // <code>apply</code> is equivalent to passing each height as an argument
                    var maxHeight = Math.max.apply(null, elementHeights);
                
                    // Set each height to the max height
                    element.height(maxHeight);
                }
              

                $(window).on( 'debouncedresize', function()
				{
                    var slider = $('.avia-content-slider-inner');
                    var slides = slider.find('.slide-entry-wrap');
				  	
                    setSlideHeight(slides);
				});
            });
        })(jQuery);
    </script>
    <?php
}
add_action( 'wp_footer', 'ava_custom_script_set_min_height', 9999 );

Based on: https://stackoverflow.com/questions/6781031/use-jquery-css-to-find-the-tallest-of-all-elements

Best regards,
Ismael