I’m trying to replicate the “order summary” feature on Shopify, where all order details are hidden inside a toggle button/accordion effect to make the checkout process faster and simpler. Bonus points if we can add a cart symbol and price to the toggle button, like in the images I’ve attached. I’ve tried using various plugins such as Collapse-O-Matic and CSS,
Tag: woocommerce
Show additional information depending on shipping selected
I would like to show additional information/order notes when a specific shipping method was selected. I have multiple shipping options and when selecting a specific one I need the user to provide a different address in the note, please see the images below: These are the available shipping options: I want to show this (and it has to be a
Uncaught Error: Call to a member function get_attributes() on null
Imports several thousand thumbnail images into existing products. For this purpose, I used the attribute that each product “featured-images” has, in which there is a link to the product. The code works fine and sets the thumbnails, but when I log into the admin system I get an error: Uncaught Error: Call to a member function get_attributes() on null. what’s
JS to track WooCommerce Events
We can use the hooks to catch the events in the woocommerce like : Is there any similar thing that can be done in JS? I need to find similar JS events for Cart Viewed, Product Searched …etc I am using these to track add to cart and remove from cart, Answer Was found the bunch of codes in assets/js/frontend
Uncaught ReferenceError: _xxx is not defined – WooCommerce add_to_cart hook
I am using a SERVER-SIDE TRACKING for my woocommerce site. In there I added a JS Tracking code snippet provided by company to the wp_head using , and for all other events. All other events are working fine, but when I tried to fire the add to cart, it show the error : Uncaught ReferenceError: _jts is not defined at
Hide woocmmerce payment gateways if user comes from given page on wordpress site
Am trying to hide paypal payment gateway for a digital product. For some complex reason I have to hide the payment gateway not entirely for the product, but if the user proceeds to checkout from another page (referrer page). Here is the code I tried to put together, but it doesnot hide the gateway. Any assistance will be appretiated. Answer
Add a custom WooCommerce settings page, including page sections
I’m trying to add a custom settings tab to the WooCommerce settings screen. Basically I want to achieve a similar thing to the Products settings tab, with the subsections/subtabs: I haven’t been able to find any decent documentation on how to do this but I’ve been able to add a custom tab using this snippet: Based on what I’ve dug
Woocommerce separate title and variation from mini cart
This is html output of mini cart product item, I need to separate title and variation something like this: But I edit mini-cart.php and find this code: And there is wp_kses_post to generate this title, but I don’t know how to add some html to it? Answer Simply clone and override mini-cart.php in your theme then, find this line: Append:
Woocommerce custom redirection based on purchased multiple products after payment
I use wooCommerce theme and this my working redirect after checkout per product code : Now i want code working for multiple products like : Any help with this to apply for multiple products please. Answer The easiest way to achieve this with as little modification to your working code as possible would be to use in_array(). Also, please note
How add php code in archive product woocommerce plugin
I am trying to add code php after price (not on single product pages) but on shop pages and archive page woocommerce. Code This is the insert code from the Custom Field Suite plugin Sincere thanks ! Answer I found a great solution Here is the result