This modification adds product sizes to the product grid/collection page of your Shopify store. Editing your theme code to add this feature In the Template directory, create a new file called collection.available-size.liquid and copy the collection.liquid from the same directory. In the Snippets directory, find the product-card-grid.liquid file and add the following code at the specific place where you want to show the […]
Read nowCategory: Shopify Tutorials
Hide prices on some products on Shopify store
Differentiate between online and offline items by showing no price and replacing Add to Cart with a contact link. This modification adds the ability for some of the products in your store to show no price on the Home page, Collection pages, Search results page or any other product areas that you can think of. The […]
Read now
Add a cookie consent banner to Shopify store
Seems every other site has a cookie warning banner at the bottom of the page or showing somewhere informing you that by using the site you agree to their policies. Editing your theme code to add this feature In the Snippets directory, Create a new section with a name whatever you want but we named it cookie-banner.liquid and add […]
Read now
Add the Ability to stop purchase
If you want to keep your store running but you don’t want to offer checkout functionality, you can pause your store in the Shopify Admin (under Themes> Customize > Product Pages). This will make your store “dormant”, which disables checkout. To do this, you simply have to write this is to your theme. Editing your […]
Read now
Add different slideshow for Mobile
We’ve developed this feature in the Debut theme and used the existing Slick slider. So we’ll walk through this tutorial expecting you’re using Debut theme. If you’re not using Debut then we have a different solution for that. We’ll discuss that after the Debut theme tutorial. Editing your theme code to add this feature In […]
Read now
Add a customization form to products
You can collect customization information for products using line item properties. Line item properties are custom form fields that you can add to the product page, allowing customers to make choices or add information about a product. For example, if you offer product engraving, then you can use line item properties to let customers enter […]
Read now
Add an ‘Agree to terms and conditions’ checkbox
You can add an I agree with the terms and conditions checkbox to your cart page that customers must check before continuing to the checkout. If a customer doesn’t check the checkbox before clicking the checkout button, an alert pop up will prevent them from continuing. Tip: It’s not possible to add the checkbox to the […]
Read now
Show inventory quantities on product pages
By showing customers what stock you have available for a product or variant of a product you can increase your conversion potential and order size by creating urgency and need. We can set this up for you to show an in-stock message when you have a lot, and the only X left a message when […]
Read now
Add a Light-box to online product images
Highlight your online products by activating a lightbox when a customer clicks a product image. What this customization achieves This customization enables a lightbox for your website images. When an image is clicked, it’s displayed as a highlighted overlay on the current page, while the rest of that page content is darkened and disabled. Prerequisites […]
Read now