New App and Utility

  AI Agents in Software Development: Hype vs Reality (AI-Augmented Engineering — Part 1)   Artificial Intelligence is rapidly becoming part of the modern software development workflow. From coding assistants embedded in IDEs to emerging AI agents capable of planning tasks, generating code, and running tests, many organizations are adopting AI-first approaches to accelerate engineering productivity. At the same time, the conversation around AI in software development often includes bold claims. Some suggest that developers will soon become 5–10× more productive, or that autonomous AI agents will build software with minimal human involvement. For engineers working with real production systems—legacy codebases, complex business logic, and evolving requirements—the reality is more nuanced. AI is already improving developer productivity in meaningful ways. However, its impact is often strongest in specific parts of the development workflow rather than across the ent...

A WhatsApp chat button can be added in a Shopify store using custom code or by using any Shopify app. In this tutorial, we will add WhatsApp click to chat button using custom code. Below is the code for WhatsApp button snippet : {% assign whatsappNumber = "911234567890" %} {% assign Message = "Hello, I need your help related to your online store!" %} {% assign buttonPosition = "right" %} {% assign buttonColor = "#25d366" %} {% assign closeButtonColor = "black" %} {% assign ctaText = "" %} {% assign marginBottom = "1.25em" %} {% assign marginLeft = "1.25em" %} {% assign marginRight = "1.25em" %} {% assign cornerRadius = "2.5em" %} {% assign zIndex = "9" %} {% assign showCloseButton = false %} {% if buttonPosition == "left" %} {% assign positionStyle = "left: 0;" %} {% else %} {% assign positionStyle = "right: 0;" %} {% endif %} <style...

In this video we will give you a demo of how to use product variant metafields to show images of selected product variant. For demo purpose, we are using Dawn theme 12.0.0. This is a SEO friendly way to hide other images of product & show only images of selected product variants.  Shopify global.js code filterVariantImages() { if (this.currentVariant.featured_image) { var featured_url = this.currentVariant.featured_image.src; const segments = featured_url.split('/'); const fileName = segments[segments.length - 1]; const fileNameWithoutQueryParameters = fileName.split('?')[0]; //document.querySelectorAll('[data-img-names]').forEach(img => img.style.display = 'none'); var imageElements = document.querySelectorAll('[data-img-names]') for (const imageElement of imageElements) { const imgNames = imageElement.getAttribute('data-img-names'); ...

In this video, we provide a step-by-step tutorial on how to create a Customer Testimonial Section in your Shopify store using the built-in features of the Dawn theme. Learn how to effectively showcase customer feedback on your homepage by utilizing the Multi-Column Section available in the theme template. This tutorial covers: - How to access and customize the multi-column section for testimonials. - Setting up testimonials with customer quotes and names. - Tips to make your testimonial section visually appealing and credible. Enhancing your Shopify store's homepage with customer testimonials is a great way to build trust and boost conversions! Follow along for a quick and easy setup. #Shopify #DawnTheme #CustomerTestimonials #Ecommerce #ShopifyTutorial #ShopifyTips Install Now our FREE Shopify app Product Designer & Variants to create custom fields in your Shopify product -  https://apps.shopify.com/scale-up-print-designer #shopify #shopifythemes #scaleupprint

In this video we will show how to add custom CSS code to change the font-size of product title in case of mobile view in your Shopify store. Here is the CSS code used in the video - @media only screen and ( max-width : 769px ) { .product__title h1 { display : block; font-size : 1.17em ; margin-top : 1em ; margin-bottom : 1em ; margin-left : 0 ; margin-right : 0 ; } }

Here we are going to discuss two ways on how to add custom html section on your Shopify product page. Having a well designed Shopify product page is critical for your product sell. Having well defined information will help your customer to make an informed decision.  Here custom html can play a crucial role using which you add some important information across all or your or select Shopify products from single change. Option 1: Adding custom.liquid block on product page  If your Shopify theme supports custom.liquid block then you can follow these steps to add custom html using custom.liquid block - Go to Shopify admin Click on Online Store Click on Customize button Select the product page template Click on "Add block" and select the custom.liquid block Here is a sample video using custom.liquid block to add an image in product page : Option 2: Adding custom HTML using Advanced Product Customizer Shopify app Advanced Product Customizer is a Shopify that allows you to add Prod...

Sometimes we need to show a image for each of the product of your Shopify store. This can be done by directly adding the image in the product template of Shopify theme. Steps to add image in the product page of Shopify Here are the steps to add a image in the product page template for Shopify dawn theme - Login to your Shopify store admin Upload image in the content section of Shopify Copy the URL of uploaded image Go to the theme and click on customize Select the product template Click on add block and select custom.liquid Add the HTML for image with added image URL Drag the custom.liquid block at desired location Using above steps an image was added in the product page of Shopify having Dawn theme. Here is a sample HTML code to add custom image in the product page template for Shopify dawn theme : <div style="text-align: center;">     <img height="100" src="https://cdn.shopify.com/s/files/1/0614/3112/0049/files/100_Assureed_1.png?v=1690098186...

What are custom options for a Shopify products? Customs options are additional options created on your Shopify product page which allows your customer to enter their own preference making their choices for the products. This allows the products personalization for your customer which ultimately increases their satisfaction and it also increases your conversion rate.  We have previously covered a tutorial on how to add custom options for your Shopify product .  Here is the link :   https://newapputil.blogspot.com/2024/02/how-to-create-customizable-products-in.html How to Hide/Show custom options for your Shopify product? Sometimes, we have cases where we want to show custom options based on the values selected for any other option. These conditions can be added for Shopify product using Advanced Product Customizer Shopify app. Here is a method to add condition to Show/Hide custom options for your Shopify product - Go to Shopify store page and search for "Advanced Prod...

Sometimes as per our requirement we might need to change the text of BUY IT NOW button for your Shopify store. One of the way to change the text & color of Buy It Now button for your Shopify store is by using the free to install Shopify app " Advanced Product Customizer ". This is free to install and provide this free feature to use to change the text & color of Buy IT Now button in Shopify. Here are the steps  to change text & color for Buy It Now button for your Shopify store- Go to Shopify app store and install Advanced Product Customizer app in your Shopify store. Enable the theme app embed block Go to Theme settings section Here enter the required text for the Buy It Now button and click on save button Similarly, if you need to change the color then select the required color and click on save button Now, view your Shopify store and verify the updated Buy It Now button  Here is a demo video to show above process -

Creating customizable products in your Shopify store not only increase your customer satisfaction, it also increases your conversion rate.  Here is a method to add custom options for your Shopify product and convert it into personalized product - Go to Shopify store page and search for "Advanced Product Customizer" app or you can directly the the Shopify app page by clicking on this link Advanced Product Customizer . Install  Advanced Product Customizer  app for free in your Shopify store  From the application dashboard, enable to app embed block to complete the installation process Click "Product Custom Options"  From the Shopify products list, select the product on which you want to add custom options. Advanced Product Customizer  offers Image Swatch, Color Swatch, Text box, File Upload, Radio, Checkbox, Date Picker and more. Here is the a demo video for adding custom option for a Shopify product -

 Here are the steps to activate Order notes on Cart page in your Shopify store - Go to Shopify admin Select online store > Themes Click on Customize button for current theme Select theme settings option from left menu Select the cart option Check the "Enable cart note" checkbox Here is a demo video of how to activate order notes on the cart page of your Shopify store. This tutorial video also contains the demo to change the label text for the order notes. In the end, we will discuss one of the way to add notes fields on a particular product of the Shopify. We are using Dawn theme 12.0.0 for this demo.

Shopify product variant metafields are custom fields that allow you to store additional information about each variant of a product. This information can be used to store product-specific details and display them in the product page of Shopify. Here are the steps to create Shopify variant metafield - Go to Shopify admin panel. Click on settings Select custom data option Select the variants option Click on "Add Definition" to add to definition of Shopify product variant metafield definition. Here is demo video for the above steps : https://youtu.be/yfFl3_p_hco

Here is a quick tutorial to create Shopify free trial and setup theme. Following are the steps - Go to the website www.shopify.com Click on Start free trial button Select the required options Sign up with your account on Shopify Login to your Shopify admin From the Online store > Themes, select the theme for your Shopify store. Here is the demo showing above steps: #shopify #shopifythemes Click here to subscribe our YouTube channel : https://shorturl.at/gmqCS ------------------------------------------------------------------------------------------------------------------- Also, check out our other video based on settings Global Custom CSS using he theme settings options - https://youtu.be/nPja-jHwmPc Links for our other useful Shopify tutorial videos - Changing text & color of Buy It Now button in Shopify: https://youtu.be/LVefRmat_g0 Adding Custom CSS in Your Shopify Theme: https://youtu.be/nPja-jHwmPc Display image in Product Template using Custom.liquid block Shopify : htt...

We can hide any product from the Shopify internal search by using following steps - Go to Shopify admin Open settings > Custom data Create product metafield definition with  following values  namespace: “seo" key: “hidden” value: “1” type: “number_integer” Go to the product that you want to hide and set value to 1 for above created metafield. Here is a demo video to show above steps -   #shopify #shopifythemes Click here to subscribe our YouTube channel :  https://shorturl.at/gmqCS ------------------------------------------------------------------------------------------------------------------- Also, check out our other video based on settings Global Custom CSS using he theme settings options - https://youtu.be/nPja-jHwmPc Links for our other useful Shopify tutorial videos - Changing text & color of Buy It Now button in Shopify:  https://youtu.be/LVefRmat_g0 Adding Custom CSS in Your Shopify Theme:  https://youtu.be/nPja-jHwmPc Display image in Pro...

Here is a  Shopify Tutorial on How to add favicon in your Shopify We will discuss following two methods to add favicon in Shopify - 1. Add favicon using theme settings 2. Add favicon using custom code in theme.liquid Add favicon using theme settings Following are the steps to add favicon in Shopify using theme settings - Go to Shopify admin > Online store > Themes Click on the customize button and select theme settings option from left menu. Select Logo option  Go to favicon section Upload the favicon and click on save button Add favicon using custom code in theme.liquid Following are the steps to add favicon directly in the theme.liquid - Go to Shopify admin > Online store > themes Click on more options & select edit code Open the theme.lqiuid file In the head section add following code line : <link rel= "icon" href= "[your favicon url]" type= "image/x-icon" >           The demo of above video are shown in the below vi...

Here is  Easy Step-by-Step Tutorial to change Font Size, Font Style and Font Weight in your Shopify store To change the font size in your Shopify store, here are the steps Go to Shopify admin Selected Online Store > themes  Click on the customize button for current theme From the left menu, click on theme settings Select the typography option Change the font size using the control Here is a demo video showing above steps - In addition to change font size, you will learn following topics in this video - 1. Modifying Font Style: Learn how to change your Shopify store's font style to match your brand's style and message. 2. Adjusting Font Weight: Enhance the visual impact of your content by refining font thickness. 3. Advance topic - extend font size control limit in Shopify #shopify #shopifythemes Click here to subscribe our YouTube channel :  https://shorturl.at/gmqCS ------------------------------------------------------------------------------------------------------...

Shopify Dawn theme provides Buy it Now button at product page for fast checkout. Sometimes we need the text from Buy It Now to be changed to something else. This can be done by using custom CSS code given below. Steps to change text & color of Buy It Now button of Shopify - Go to Shopify Admin Open the code editor Add below custom CSS code to change text & color of 'Buy It Now' button CSS code to change text & color of 'Buy It Now' button in Shopify - <style>      . shopify -payment-button__button--unbranded {      font- size : 0 !important; background : white !important; color : black !important;      }           . shopify -payment-button__button-- unbranded ::before { content : 'Your text here' ; position : absolute; visibility : visible; top : 0 ; left : 0 ; bottom : 0 ; font- size : 14px; display : contents;      } </style> Here is the demo video t...

Step-by-Step Guide to create Buy 2 Get 1 Free Discount Offer for your Shopify store  Sometimes to increase sales on your Shopify store you want to given discount offer to your customer. Buy 2 Get 1 Free is one of such discount offer. This discount offer of Shopify will be applied automatically in your cart page. Here are the steps for setting up a "Buy 2 Get 1 Free" Discount offer in your Shopify store - 1. Go to your Shopify Admin panel.  2. Access the discount section and create a Buy X Get X free offer.  3. Configure the necessary settings for the Buy 2 Get 1 offer.  4. Check the online store for discount offer applied on the required product Here is a demo video showing above steps - #shopify #shopifythemes Click here to subscribe our YouTube channel :  https://shorturl.at/gmqCS ------------------------------------------------------------------------------------------------------------------- Also, check out our other video based on settings Global Custom ...

Edit Shopify theme default content Following  are the steps to remove 'Shipping calculated at checkout' text from product & cart pages - Go to Shopify Admin > Themes > Edit default content  Search for "Calculated at checkout" at the filter tab Remove the the text of the filtered content Save Now, go back to Shopify online store and check that "Shipping calculated at checkout" is removed from product page and cart page. Here is video you can see to checkout the demo of above steps - #shopify #shopifythemes Click here to subscribe our YouTube channel :  https://shorturl.at/gmqCS ------------------------------------------------------------------------------------------------------------------- Also, check out our other video based on settings Global Custom CSS using he theme settings options - https://youtu.be/nPja-jHwmPc Links for our other useful Shopify tutorial videos - Changing text & color of Buy It Now button in Shopify:  https://youtu.be...

Sometimes we need to display images in the product page of Shopify as a part of product page template. That can be done using the Custom.liquid block. Display Image in Product Template using Custom.liquid Following are the steps the display image in Product Template of Shopify - 1. Upload image in the content section of Shopify 2. Copy the URL of uploaded image 3. Go to the theme and click on customize 4. Select the product template 5. Click on add block and select custom.liquid 6. Add the HTML for image with added image URL 7. Drag the custom.liquid block at desired location Using above steps an image was added in the product page of Shopify having Dawn theme. Here is a demo video showing he above steps in action: Related Posts from this blog: 1.  How to add custom css in Shopify theme? 2.  How to hide Specific Products From the Related Products in Shopify?