Product grid issues

[markhatter]

Hi,

I have my main page set to display a grid with the audio player. https://tobykay.com/markh/

I am seeing odd issues with the grid not always displaying properly. Sometimes when you load the page, it doesn’t all display correctly, sometimes just the audio player is missing until you refresh the page.
Also, whenever I resize the screen, the audio player disappears. If I view on a mobile, the audio player vanishes as soon as I start scrolling.

This happens on the homepage as well as the category pages and search pages etc
I have attached some screenshots to help explain (can I email them to you?). The issue seems quite random so it’s hard to reproduce in exact steps.

I’m concerned that I can’t continue building this site until I know that this issue can be resolved.

Thanks
Mark

[FocuxTheme Support]

Hi

I reproduced this issue. Could you post temporary WP login details via the private reply?
It’s CSS issue, I want to try to debug it via Theme editor.

Thanks

[markhatter]

This reply has been marked as private.

[FocuxTheme Support]

Hi

I found the following custom JS codes in the footer, is this your custom codes? If it’s your custom code, where you have added to? Because there’s an error in the console log. I want to fix this error to see if the layout issue is related to this error, but these custom codes are not generated by the theme.

jQuery(document).ready(function($)
{

if($('div').hasClass("edd_price_options"))

var $notall = $(".edd_price_options input:not(:last)")
var $alloption= $(".edd_price_options input:last")

$alloption.on('change', function () 
{

    // if 'All versions' is selected. new version
    if (this.checked) 
    			{     
       // remove the 'checked' attribute from the rest checkbox inputs.
        $notall.prop('checked', false);
   				 }
});

$notall.on('change', function ()
{
    // if one the other options
    if (this.checked) 
    					{  
        // then All version is deslected
        $alloption.prop('checked', false);
   		
   		
   		
   					 }
});
})

Change

$notall.on('change', function ()

to

$notall.change(function ()

[markhatter]

Hi,

Thank for spotting that error!
I have disabled this custom code for now but I think the issue still exists

Thanks
Mark

[FocuxTheme Support]

Hi

I fixed the issue, please check it on your computer again.

Thanks

[markhatter]

Hi,

Thanks for this. I really appreciate the quick response. Was it something I did?

Thanks again
Mark

[FocuxTheme Support]

No, it’s the theme CSS bug, I will also fix this issue in the next version.
Thanks for your feedback!

[markhatter]

Hi,

Sorry but this issue seems to have reappeared. I don’t think I have done anything so I’m a bit concerned about this.

Please could you let me know what the issue is and how I can prevent it happening again?

Thanks
Mark

[FocuxTheme Support]

Hi

It seems the codes which I have modified is rolled back to the old version.

I can’t log in your WP backend anymore. Do you mind if I can check again?

Thanks

[markhatter]

hi,

I have added another account –

username – themevan
password – themevan12345

Please could you let me know what has changed to I can make sure I don’t do anything to reintroduce the issue?

Thanks
Mark

[FocuxTheme Support]

Hi

Fixed. I updated the CSS of the parent theme again. Please clear the browser cache and check again.

[markhatter]

Hi,

Thanks for the fix. Can I be sure that it won’t re-occur now?

[FocuxTheme Support]

I think it won’t.

[Author]

Posts