Serving Size Not Changing Ingredients

@flinty2000 I released v1.7.15.4. Can you take a look as see if this fixes your problem?

@flinty2000 I can see that your website is still serving a cached version of the JavaScript files using LiteSpeed Cache: https://greedy-panda.com/wp-content/litespeed/js/087d72295a04d759df241adb8e701d53.js?ver=01d53

Can you try to clear the cache and let me know what happens?

I still see the old code on your website for some reason. The JavaScript URL is still the same: https://greedy-panda.com/wp-content/litespeed/js/087d72295a04d759df241adb8e701d53.js?ver=01d53 and the contents inside it have not changed.

Additionally there is also some other 3rd party functionality on your site that is overriding the URL when you scroll. I’m not sure if this is causing any issues or how it relates to the problem. But the first order of operation is to make sure you have the 1.7.15.4 version and also making sure that cache is cleared successfully.

Interesting, it looks like the assets on your site are loaded form a separate directory and not the Cooked one. For example the JavaScript files are being loaded from https://greedy-panda.com/wp-content/plugins/pixwell-core/assets/cooked-reload.js?ver=1.0. So it seems like its the Pixwell Core plugin that has cooked-reload.js.

This is weird, It is probably related to the fact that the Cooked plugin was packaged with that theme.

I can give you the relevant code change that you need to make to the theme, if you are comfortable doing that yourself.

@flinty2000 If you open up wp-content\plugins\pixwell-core\assets\cooked-reload.js and go down to about line #82 you should see this code:

if ($('.cooked-servings').length) {
            var servingsSelectField = $('.cooked-servings').find('select');
            servingsSelectField.on('change', function (e) {
                e.preventDefault();
                var thisVal = servingsSelectField.find('option:selected').val();
                window.location = thisVal;
            });
        }

Replace that with this:

if ($('.cooked-servings').length) {
            var servingsSelectField = $('.cooked-servings').find('select');
            servingsSelectField.on('change', function (e) {
                e.preventDefault();
    			      var servings = $(this).children("option:selected").val();
    			      const url = new URL(window.location.href);
                url.searchParams.set('servings', servings);
                window.location.href = url.toString();
            });
        }