Uncaught Error: Syntax error, unrecognized expression: .related .woocommerce-Price-amount >*,.related .from >*,.related .price >*,.related .total >*,.related .amount >*,.related .bundle_price >
When I view source it looks like this is the culprit:
<div style="clear:both"></div><input type="hidden" id="_wpnonce" name="_wpnonce" value="a1580ecfae" /><input type="hidden" name="_wp_http_referer" value="/accessories/motorcycle/tracker/" />
<button type='submit' name='add-to-cart'
onmouseover=; onmouseout=; onload=; class='single_add_to_cart_button button alt gpls_rfq_set gpls_rfq_css'
value='15446'>Add To Quote</button>
<input type='hidden' value='-1' name='rfq_product_id' id='rfq_product_id'/>
<input type='hidden' name='rfq_single_product' id='rfq_product_id'/><div class='gpls_script' style='display: none'><script> jQuery(document ).ready( function() {
jQuery( '.related .woocommerce-Price-amount >*,' +
'.related .from >*,' +
'.related .price >*,' +
'.related .total >*,' +
'.related .amount >*,' +
'.related .bundle_price >*').show();
jQuery( '.related .woocommerce-Price-amount >*,' +
'.related .from >*,' +
'.related .price >*,' +
'.related .total >*,' +
'.related .amount >*,' +
'.related .bundle_price >*').attr('style','visibility: visible !important;');
jQuery( '.related .woocommerce-Price-amount >*,' +
'.related .from >*,' +
'.related .price >*,' +
'.related .total >*,' +
'.related .amount >*,' +
'.related .bundle_price >*').attr('style','opacity: 1 !important;');
jQuery( '.woocommerce-Price-amount,.from, .price,.total, .bundle_price,.wc-pao-col2,.wc-pao-subtotal-line, .product-selector__price' ).hide();
jQuery( '.woocommerce-Price-amount,.from, .price,.total, .bundle_price,.wc-pao-col2,.wc-pao-subtotal-line, .product-selector__price' ).attr('style','visibility: collapse');
jQuery( '.related .woocommerce-Price-amount >*,' +
'.related .from >*,' +
'.related .price >*,' +
'.related .total >*,' +
'.related .amount >*,' +
'.related .bundle_price >*').show();
jQuery( '.related .woocommerce-Price-amount >*,' +
'.related .from >*,' +
'.related .price >*,' +
'.related .total >*,' +
'.related .amount >*,' +
'.related .bundle_price >*').attr('style','visibility: visible !important;');
jQuery( '.related .woocommerce-Price-amount >*,' +
'.related .from >*,' +
'.related .price >*,' +
'.related .total >*,' +
'.related .amount >*,' +
'.related .bundle_price >*').attr('style','opacity: 1 !important;');
} ); </script></div>
Something in the plugin’s code is causing the js greater than sign to be converted to html characters.
Can you help with a fix for this?
As it is preventing the behaviour of the add to quote and view list buttons from working correctly: and the subsequent page redirect.
Thank you!
]]>I have tried using inline JavaScript with the onchange
attribute to manipulate the text, but it is not working. I have also tried standard addEventListener
javascript, which also does not work.
When inspecting the rendered HTML, I see that the onchange
attribute is being removed.
Question:
How can I display a file upload button only, removing the default filename display and the “No file chosen” text in Contact Form 7? Is there a specific method or setting to achieve this?
Page Source: https://pastebin.com/nL5hpws7“
]]>Dear MasterNs,
Hi, this is qwe0001 who use your plugin and have a request.
First of all, thank you for having the best plugin available.
You saved me over 100 man-hours that would have been spent due to the selfish demands of my boss. I really appreciate it !!!
Now, there is one frustration for me with this plugin.
If you have multiple categories, it will un-tether all of them, so even unrelated categories will be cleared.
If you add a custom taxonomy using ACF or similar, you will see multiple categories.
In my case, I have implemented a taxonomy to flag whether or not an article should be displayed on the home page, and I would like to un-check this,
but the current implementation of the plugin also removes all category information that the article has.
Since it is not practical to select the category every time and I needed to solve this problem today, I have solved the problem by setting the indeterminate property.
Properties with the indeterminate property will not send any checked or unchecked status until you explicitly check the checkbox.
Since this plugin seems to uncheck categories in the checked state when the Remove from category checkbox is checked, the indeterminate property serves as a foolproof mechanism to prevent unintentional unchecking of categories.
In fact, it would be ideal to have a Remove from category check for each category group, but for now, this achieves what I want to do, so please consider adopting this request.
Below is the code I have modified, and I ask that you consider adopting it into the plugin.
js/wpbulkremove.js
jQuery(document).on(
"change",
"#remcat input, #bulk-edit-remcat input",
function () {
$this = jQuery(this);
var $repl = "post_out_category";
var $wraper = $this.closest(".inline-edit-col");
jQuery(".cat-checklist", $wraper).each(function (t, ul) {
$list = jQuery(ul);
if ($this.is(":checked")) {
$list.addClass("red");
jQuery("#remcat").addClass("red");
$list.find("input").each(function (i, li) {
jQuery(li).attr("name", $repl);
jQuery(li).prop("indeterminate", true); // ★★★ Add this please!! ★★★
});
} else {
$list.removeClass("red");
$ininame = $list.prev("input").attr("name");
jQuery("#remcat").removeClass("red");
$list.find("input").each(function (i, li) {
jQuery(li).attr("name", $ininame);
jQuery(li).prop("indeterminate", false); // ★★★ Add this please!! ★★★
});
}
});
}
);
css/wpbulkremove.css
/* ★★★ Add this please!! ★★★ */
ul.cat-checklist :indeterminate::before {
content: '';
border-top: 2px solid grey;
width: 65%;
height: 2px;
position: absolute;
top: calc(50% + 1px);
left: 50%;
transform: translate(-50%, -50%)
}
]]>I’m in the precess of building my site (I think it’s a wordpress.com since I have a paid subscription with IONOS). I need to know how to swap out menus in wordpress (latest release) using css(& javascript if needed).
On my website you will see two small flags in the navigation menu – a UK one and a scottish one (the one with the blue cross). When you click on the scottish flag it takes you to the gaelic version of the pages which will (when I find out how) display the nav menu in gaelic. This would be easy to do if I have access to the underlying HTML/Css, but I don’t know how to do this in wordpress (I’ve just started using it to build my site.) So far I can get to the bit from the editor where I could add css but I don’t have enough information on the underlying html elements to do this – I’m completely blind in this respect.
Thanks for your help, ColinD
]]>Issue:
Visitors click the submit button, but the form does not process their entries. No errors appear in console logs, server logs, or Gravity Forms logs. Form submissions succeed when manually entering details, but fail when autofilled via URL parameters (e.g., [email protected]&fname=John). Happens on fresh WordPress installations with only Gravity Forms and a page builder installed. What I’ve Tried:
Additional Notes:
Additional Clues:
Issue occurs before submission is processed (even with simple confirmation messages instead of redirects). Form submissions don’t even register as clicks in Hotjar for Elementor and Formidable forms. The issue happens for almost all real visitors, not just specific ones. No 403/404 errors in server logs, but POST requests from real users don’t seem to reach the server.
How visitors access the form:
Possible Causes? JavaScript not executing properly for real visitors? AJAX requests getting blocked silently? ModSecurity filtering requests without logging errors? I’m out of ideas at this point—has anyone encountered anything similar or have suggestions for further debugging?
]]>I build a 2-level mega-menu, with the submenus opening on click on my website. I want like to add an overlay to darken the rest of the page when the submenus are collapsed.
To do so, I added an empty container block to my header, and applied the following style :
.header__overlay {
display: none;
height: 100%;
width: 100%;
position: absolute;
background: rgba(0,0,0,0.5);
z-index:99;
}
My idea was to change “display: none” to display: block” when a submenu is displayed, but I don’t know what would be the best way to do so.
Is there a proper way to achive this ? I apologize if this is a basic question but I am not fully comfortable with javascript.
Thank you in advance for your help.
]]>