Override WooCommerce Templates with Code

In this tutorial, I’ll show you know how we can override WooCommerce templates with code. We can use the code inside functions.php of an active theme or even inside a plugin. Normally, we override WooCommerce templates inside an active child theme. We create a folder named as “woocommerce” inside an active theme and we can … Continue reading “Override WooCommerce Templates with Code”

Display country on WooCommerce Order Thank you Page and Order Emails

Since WooCommerce version 3.5.2, WooCommerce doesn’t display Country name in either billing or shipping addresses. This happens only if the Shop Base Country set in General Settings is the same as the Shipping and Billing Address Country of the order placed. If you want to display the Country name even if the shop base country … Continue reading “Display country on WooCommerce Order Thank you Page and Order Emails”

Display ACF Frontend Form for specific Fields Group

Advanced Custom fields is a most popular plugin used for add custom fields in WordPress based websites. Most of the times, developers only interact with ACF within admin dashboard which needs no coding knowledge. In some scenarios, you need frontend users to add/edit posts. In that case you’ll need to include frontend form with advanced … Continue reading “Display ACF Frontend Form for specific Fields Group”

Hide Google Translator TopBar with CSS

If you are using Google Translator to translate your website, it adds a Top Bar on top when it translates content. I am sure you’ve already tried to hide Google Translator TopBar via conventional CSS but that didn’t work. That’s why you’re here 🙂 To remove the Google Translator TopBar, you can use the following … Continue reading “Hide Google Translator TopBar with CSS”

Sell to Specific States Woocommerce

In this post I am sharing WooCommerce code snippet that will allow you to restrict selling of products in a specific state(s) of a selected country. I am sharing two examples, one for United States and one for Australia. Example 1: United States The code snippet will allow you to sell to only three states; … Continue reading “Sell to Specific States Woocommerce”

HTML Form to Google Sheet | Working Solution 2022

Recently, I’ve got a project in which I have to send data from HTML form to Google Sheet. After a lot of issues, I finally able to get a working solution. So, I am sharing a working solution that might help you in any of your project(s) and save your time. Example Form Suppose we … Continue reading “HTML Form to Google Sheet | Working Solution 2022”

Sticky Position not Working in IOS – Simple Fix

If position:sticky; is not working for an element on IOS devices while it’s working on all other major operating system’s and browsers. Then I’ll tell you how to fix that. First let me tell you why this happen at first place. When you try to use sticky position for an element whose container is an … Continue reading “Sticky Position not Working in IOS – Simple Fix”

Fix jQuery Click Event on Touch Devices (IOS)

If jQuery click event is not working on touch devices especially iPhone or iPad, the fix is quite simple. Lets say we have an anchor tag and you want to perform some activity on click with jQuery. <a href=”” id=”click-button”>Click Here</a> We normally write jQuery click event this way $(#click-button).click( function() { // Code Here … Continue reading “Fix jQuery Click Event on Touch Devices (IOS)”

Infinite Scroll without Plugin (With CSS and jQuery Only)

Simple example to add Infinite Scroll or Load More button to display more content without page refresh. It can be use for Blog posts, Portfolio items, Testimonials or for any other purpose according to your requirements. Below is the sample HTML markup <div class=”item”></div><div class=”item”></div><div class=”item”></div><div class=”item”></div><div class=”item”></div><div class=”item”></div><div class=”item”></div><div class=”item”></div><div class=”item”></div><a href=”” class=”load-more”>Load More</a> … Continue reading “Infinite Scroll without Plugin (With CSS and jQuery Only)”