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…
Issues with input field after upgrading to iOS 11
You can include anything in your header navigation bar, such as your menu, logo, or even a search form. However, you need to be very careful when you add an input field to your header like this Bootstrap example: Problem with iOS 11 An issue I found about having an input field on a header…
Google Maps + Tabs
Tabs has been very commonly used over the years for usability and to save space. However, if you add Google Maps to tabs, or add a ‘display: none’ to your map, there will be an issue loading your map when you want to show it again. It will show you a gray screen. with just…
Gravity Forms + PayPal + custom currencies + Stripe
I am currently working on a client’s website that provides services in 6 different countries. The main functionality they need on their website is a custom registration form that accepts payment from these countries. Step 1: Gravity Forms Multi Currency I installed the Gravity Forms Multi Currency plugin so I can accept different currencies for…
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,…