I have looped through my posts and the result is multiple posts on a summary page. I am also using firebase realtime database to store certain info for these posts. I am querying the firebase realtime database to see what data is stored under a post id. Unfortunately I am only getting a result for the 1st post and subsequent
Tag: wordpress
Hide and show images on hover
Hide and show images on hover. Class artists-main has artists names and class artists-image has images of the artists. It’s working fine but my code is lengthy. I have round about 50+ artists and page will be filled by jQuery code. I want to shorten it. Answer use same class name
Cannot set property ‘onclick’ of null in my function js
I have a problem. I used javascript for settings display block or display none. I get an error in the console “Uncaught TypeError: Cannot set property ‘onclick’ of null at script.js?ver=1.0.0:15”. I added a script tag in the header, then in the footer and still the same. Also I added defer in my script tag and still nothing. Function it
Implement product review for google customer review program in WooCommerce
Im trying to apply product review for my website with google merchants optin review code. I succeeded doing the part of the country, date, id, and email.. Now I’m not succeeding get the EAN or GTIN numbers from the code to apply to the product reviews… can you please help ? Here is the code.. is already working al the
How to get all categories of a wordpress site with rest api?
I’m trying to get all categories of my wordpress site with rest api : axios.get(‘https://../wp-json/wp/v2/categories’).then((res) => { console.log(res.data); }); But it …
Monitoring all AJAX requests made by JQuery on WooCommerce
Is there is a way to monitor all Ajax requests made using JQuery on WooCommerce? I’m trying to detect which Ajax event on WooCommerce cart page causes an infinite loop sometimes on My WordPress webSite. Answer You can use: ajaxSend() that attach a function to be executed before an Ajax request is sent, ajaxComplete() that register a handler to be
How can I recreate the clickable image carousel?
My question is how can I recreate the image menu (actually I don’t eve know what’s the proper name) from this site: https://bacc.cc/ ? The one at the “Discover friends, family, and purpose” section. Is it possible with elementor only or JS is necessary? Thank you. Answer Best to use a library than create your own. They could be using
Size of HTML elements are different when inspecting with browser tools vs. getting size with Javascript
I’m using several different methods in my Javascript file to get the height of a fixed header on my site and in turn set that height as the padding for the main content (so that on load the content sits below the fixed header. I’m using getClientBoundingRect as well as jquery. Each method returns the same result (i.e. in this
Close Elementor Popup with JavaScript
I have a popup created with Elementor that plays a video when opened. I am trying to get it to close after the video if finished (say 90 seconds), but I can’t find how to close an element or Popup with Javascript. I have tried something like this https://github.com/elementor/elementor/issues/7085, but as it’s not a click action, just a wait and
.click() on hidden input button doesn’t work (undefined)
I’ve spent hours and read countless stackoverflows but I can’t get this to work. I’ve got a form (Caldera Form in Wordpress) that has a submit button (in fact it’s an input tag). Via JS I added an event listener because I want to make a backup of the form data to my database. The event listener line: The handleIorSaveClick