I wanted to show a small note like “Shipping calculated at checkout” under the price on all products. I went into main-product.liquid and found the price block, then added this right after it: <p class=”custom-note”>Shipping calculated at checkout</p> To style it, I added a few lines to base.css: .custom-note { font-size: 14px; color: #777; margin-top: 4px; } Now every product…
Lazy-Loaded My Images With One Line of Code
I wanted to speed up my Shopify store by lazy-loading product images. Turns out, it was super simple. In the theme’s product card or image blocks, I found this: <img src=”{{ image | img_url: ‘large’ }}”> All I did was change it to: <img loading=”lazy” src=”{{ image | img_url: ‘large’ }}”> That one attribute made a difference in page load…
GIT PULL error – Please move or remove them before you merge.
One time, I was trying to pull my origin repository git pull origin develop and got the list of some local files that I don’t need and the error message Please move or remove them before you can merge. I tried resetting the repo but it didn’t work. The files are still there and causing the error. To solve the…
WordPress Hosting Solution
If you are like me, I am always on the hunt for a reliable, secured but affordable hosting solution. Ever since I tried Kinsta hosting solutions in one of my recent projects, I have been recommending it to other clients who are looking for cheap and reliable hosting solutions. First of all, let me just say, Kinsta is amazing. Their…
WordPress – How to use Custom Fields
If you are like me who gets confuse on how to use the Custom Fields, then this is for you. This is very useful if you know how to use it. You can create and add your own meta data on a page or a post using. In my case, I have a template that shows the archive post like…
Fatal Error on Revolution Slider After PHP 7 Upgrade
A lot of users have experience getting errors on their Revolution Slider plugin after updating to PHP 7. Mine was the Uncaught Error: [] operator not supported for strings in /../plugins/revslider/inc_php/framework/base_admin.class.php:72 Stack trace: #0 I can’t access the backend once PHP7 has been enabled with the Revolution Slider plugin active. Once deactivated, I was able to login on the backend…
Woocommerce: Remove additional information tab on product page
For quick and easy e-commerce website, I always go to Woocommerce. Sometimes, I just install, do the initial set up, add the products, set up the shipping and payment and I am good to go. I don’t even usually edit my Woocommerce template to look better, I usually just go for the defaults. The defaults are okay, they will get…
wkhtmltopdf page-break-after doesn’t work on generated PDF
One of the issues that I have stumbled upon while working on wkhtmltopdf is are the page-break-after css style doesn’t get applied on the generated PDF. I was using this code @media print { .new-page { page-break-before: always; } } the simple splution to this is to not include the css style under the @media print styling, so just add…
Gravity Forms – Footer White Space
The other day, I created a new form on a website that I was working on, I have been using Gravity Forms for years and I have never experience that upon embedding the form, a big white space right below the form is showing up. And when you look at the code you will a <br> codes being generated Apparently,…
Customizing Gravity Form’s Validation Error Message
When the user did not put anything on a required field on a Gravity Forms form, they will get the standard validation error from the plugin: “There was a problem with your submission. Errors have been highlighted below.” Most would want to customize this message to their own liking. To do this, we need to add a filter code on…