New App and Utility

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?

Sometimes we need to add some custom CSS in the Shopify theme to edit the default display of UI elements in Shopify frontend. This custom CSS option in available under the theme settings option in Shopify admin. Adding Custom CSS in Shopify theme  Following are the steps to add Custom CSS in Shopify theme - 1. Go to Shopify store admin. 2. Open themes and click on customize. 3. Select theme settings option. 4. Open the Custom CSS option 5. Put the custom css and enable custom css option 6. Click on the save button Above will update the Custom CSS at global level for the theme. Also, custom CSS is not applicable on checkout page of Shopify. Here is a demo video to show above steps in action - #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 s

Related Products section in Shopify Shopify provides "Related products" section which helps your store visitors to get details about more products that you offers.  These related products are assigned to any product using the Shopify's algorithm. We can manage related products using following 2 methods - Using Search & Discovery app Edit related-products.liquid and write custom code to hide any product  Here is a video that covers above details : Manage Related products in Shopify - Following topics are covered in this video - 1. What is related products section in Shopify?  2. How Shopify finds related products? 3. Methods to manage related products in Shopify? 4. Manage related products using Search & Discovery app. 5. Manage related products using custom code.