Isotope has a broken layout on wordpress but works on another test page - wordpress

I'm working on a wordpress webpage, most of the page is built with worpress tools, but I made this page with custom code cause we couldn't find a better solution to filtering items without reloading the whole page.
https://latequebate.com/tienda/
Here's the webpage upload outside of wordpress
https://pruebaslate.000webhostapp.com/
The problem is that on wordpress it's broken on the first load, if I click on something or resize the windows it works fine.
Bare in mind this is a WIP and for now only the two first options do something on the second filter and only the first of the second one shows cards.

I found the reason why it wasn't working, autooptimize plug-in was doing some funny things, sometimes there's more to it than just clearing caches, disabling and enabling it solved the problem. Unchecking or checking some options also helps.
WP-Coder plug-in sometimes needs the JS in the HTML part instead of linking CDN options since that affects the order in which code is executed.

This may not be the answer but hard to format this in comments.
You have a JS error that's occurring on the Wordpress page that isn't occurring on the non-Wordpress page. Don't know if it's related or not, I didn't dig that deep but the HTMLDocument.onReady sounds pretty suspicious.
Uncaught TypeError: e.indexOf is not a function
at k.fn.init.k.fn.load (jquery.min.js:2)
at e (ce71c.js:94)
at Object.logo (ce71c.js:94)
at Object.init (ce71c.js:94)
at HTMLDocument.onReady (ce71c.js:94)
at e (jquery.min.js:2)
at t (jquery.min.js:2)

Related

Edit with Wpbakery not working after Wordpress update

I am in big trouble and I am losing my mind. I had to update wordpress, because woocommerce said I can't create variable products anymore. I did and then I noticed that Wp bakery is not working. It loads forever.
I read some topics and tried disabling guttenberg and installing classic editor. It didn't help..
Now the crazy part is that I exported project with all in one migration plugin to other server and it works... It takes a while but it works. How the hell it's possible ?
I still need to fix it and I am getting console error
Uncaught TypeError: window.vc.frame_window.jQuery is not a function
buildFromContent https://shop.marmoarc.com/wp-content/plugins/js_composer/assets/js/dist/frontend-editor.min.js?ver=6.2.0:10
build https://shop.marmoarc.com/wp-content/plugins/js_composer/assets/js/dist/frontend-editor.min.js?ver=6.2.0:10
https://shop.marmoarc.com/wp-content/plugins/js_composer/assets/js/dist/frontend-editor.min.js?ver=6.2.0:10
I really don't understand this stuff and already losing hair(okay I was losing regardless). Please help. :(
Here's what I did, it fixes the issue but can cause certain other issues. For example my page banner doesnt load the first time a user visits the site, but will load every other time.
Get a plugin called Enable jQuery Migrate Helper. It seems to be the only thing that fixes the issue above that you've mentioned.
It will allow you to edit WPbakery elements, but like I said, it may cause other little issues like the aforementioned one above. Of course, if you're not using custom code, this could be the fix you're looking for. Cheers, and good luck.

Wordpress youtube embed not clickable bootstrap

After I moved a Wordpress website to production server I noticed youtube embeds were no longer clickable. The image and play button show up but nothing more.
Tried to renew the embed code, using the build in embed function, embed via media browser,... Nothing is working and it's making me crazy.
After some trial and error things I noticed that the video does work when the main bootstrap.css file is removed. Can't seem to find a clue to the solution though.
EDIT
Yes, I tried to disable all the plugins, with no result.
Changing back to the default twenty fifteen theme results in a working video embed. But since that one isn't build on bootstrap it's just a logic fact.
Anyone seen this before?
Web page with video embedded: click here
The website is sending lots of error messages in he consolu use F12 in Chrome, apparently your www-embed-player-new.js is causing the problem. Not even Edge is running the site correctly. I think you need a Chrome extension to make it work.
I would recommend you changing the plugin that imports the videos. Check this enter link description here
EDIT:
The chrome plugin Google Cast stops the error messages but still doesn't work.
The problem was with the wordpress loop on the single.php page.
A wrong code snippet caused the issue.
Fixed!

Not all Wordpress pages are displaying menus correctly

I am having a specific issue with my wordpress site that I'm trying to resolve.
The site is at www.dontforgetthebubbles.com
As you will see the homepage looks fine.
But many posts are not displaying correctly. As an example:
http://www.dontforgetthebubbles.com/2013/08/cradle-cap/#
The menu columns are all showing simultaneously (hover over 'Clinical' and compare this to the home page to see what I mean)
The 'toggle' button is not working (see http://www.dontforgetthebubbles.com/2013/07/intubating-with-stridor/ for an example of a post where it does work correctly).
I think the issues are related to more recent posts (and the older posts are ok) but it is affecting around 15 posts.
Could anyone suggest what my be causing this?
Thanks
You must have a CSS or plugin causing conflict. I can see that you're loading many stylesheets. Probably have a lot of plugins? Try disabling them one by one, beginning with the most recently installed to narrow it down.
Check all the Javascript files. Looks like some are missing on the pages with the problems. For example, superfish.js or sprite.js. My guess is one of them handles the dynamic menu features with is why <ul class="sub-menu">...</ul> under Clinical doesn't have by default the display:none property unlike your home page.

CSS gets messed up after Ajax page load

I have a website in wordpress. I recently download a plugin called Advanced Ajax Page Loader. It refreshes you content when clicked on other page without refreshing the whole site(header, footer). I tried to get my answer from plugins developer and wordpress support forum, but none responded.
I read that if ajax jquery call is used then all scripts should be reloaded again, for that the plugin have a place where I should put those codes. Until that everything works correctly, except one thin. When I go from a category to category, everything works fine, but when I open a single Post it completely screws up all my css for that page, when I refresh it, everything looks fine but then again, if I open one of the big categories with many posts, then that pages css is messed up.
I though that I could somehow refresh whole css by putting some code in the "Reload code" box, but I have no idea how to do that using scripts. English isn't my native language, therefore I'm having difficulty finding my answer on google, I tried, but my vocabulary is limited. How can I do it?
are you adding CSS classes to your elements via Javascript? If so, then the styles you add will only affect those elements which are part of the DOM at that point in time, so you might be experiencing a race condition, that actually happens to work in Chrome and Safari, but not Firefox.
second try to validate your markup and CSS and see if you have any error in your css syntax ?

Installing a new, custom theme has "broke" current Wordpress installation

I've just finished creating a new custom theme based on the underscores framework, and It's ended up breaking my current wordpress installation after applying it.
Although everything is running fine on the front end, the back end is running really weird.
The following issues have presented themselves:
Trying to add a new post (either regular, or one of the new custom post types I've defined) just results in a blank page. Although the post has been created, the admin section gets stuck on the wp-admin/post.php page.
My media library no longer shows up in the media browser. Although all 6,000+ images are still there, none show up.
When logged in, it takes ages for the page to load in the Wordpress admin bar, as it appears it can no longer display the site stats (it just shows the broken image icon after it's finally finished loading in, when the new theme is selected).
I've tried to refresh the permalinks, but this hasn't worked.
Any ideas? I was hoping to re-launch my website today, but it looks like I might have to put it on hold...
Get ahold of the devs for your framework. Your experience is not an uncommon one. It has happened to my sites several times. Unless you want to tweak the php yourself, they will have to help you.
Managed to sort this out. Turns out a function I had written to add a custom field to menu items broke the entire back end. Thanks for the help everyone!

Resources