We often use <a href=”javascript:void(0)”> in buttons to avoid the buttons from navigating to another page or do some action. However, Google Chrome recently updated their browser and doesn’t support this function anymore. To solve this, we can use <a onclick=”return false;”> instead.
How can I add product sort and filter to my Shopify Collection and Product page?
Unlike other Content Management Systems, Shopify has their own language for building templates, known as liquid template files. It uses tags to perform for loops and if statements, and jQuery to perform dynamic functions. For more information, refer to the official Shopify documentation. * The following instruction is based on ‘Split’ theme and require some…
How to add events to your Calendar (Outlook and Google)
Following the advancement of technology, everyone starts to rely on phones to remind them about important milestones and events. Hence, when sending emails, it is recommended to also attach calendar events so the receivers can save the events to their own calendar. However, there are many types of calendar in the market like Outlook Calendar,…
Add a line that strikes through the title
I am sure you have seen web designs that are out of the norm like that: How can we add a line behind the headings if not using background image? I have played around with a few different methods unfortunately the lines always go out of alignment when testing in another browser. I have discovered…
Steps to swap Woocommerce ‘Billing’ with ‘Shipping’
There was once a client requested to swap the position of Woocommerce’s billing and shipping details, because by default WooCommerce displays the Billing info first. But, the client cares more about the shipping address because that is the most important information he needs for him to ship the products. Update on 3/8/2019: I realised the…
Add a newsletter popup form without using plugin (WordPress + Gravity form)
When working with WordPress sites, I always try to use as less plugins as possible, especially those that have their own styles and Javascript code, because they can be too heavy and may slow down sites. Their designs also may not match well with the overall design and colour scheme of your website. Here’s the…