New App and Utility

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 -