Skip to main content

Posts

Showing posts from July, 2023

Edit Packing slip in your Shopify store

In this video we are going to show you how to edit Packing slip in your Shopify store along with demo of adding logo image in the packing slips Following topics are covered in this video - 1. Introduction to Packing slip. 2. Things included in packing slips. 3. Creating packing slip in Shopify admin. 4. Checkout the default template of packing slips. 5. Edit packing slip template by adding a logo image.

How to setup Google Analytics 4 in Shopify : Beginners Guide.

Recently Google Analytics is moved to Google Analytics 4. As a Shopify store owner it is important for you to analyse the traffic which is coming to your Shopify store. Here is a demo video for the beginners to setup Google Analytics 4 account and connect the same to Shopify online store. In this video we are going to show you how to setup Google Analytics 4 in your Shopify store.  Following topics are covered in this video - 1. Setup Google Analytics account. 2. Create Google Analytics 4 property in Google Analytics account 3. Generate Google Analytics tag Id for our Shopify Store. 4. Connect Google Analytics account in the Shopify Store. 5. Select Google Analytics 4 property in the Shopify admin. In are some useful links - Create Google Analytics account - https://support.google.com/analytics/answer/9304153 Set up the Google & YouTube channel on your Shopify store - https://help.shopify.com/en/manual/promoting-marketing/create-marketing/google/setup #shopify #shopifythemes Clic

How to auto play video in mobile browser HTML

HTML provides <video> tag to embed any video in the webpage. Here is a sample of video element usage that will embed a video in your web page: <!DOCTYPE html> <html> <body> <h1> The video element </h1> <video width= "320" height= "240" controls > <source src= "[url to your video]" type= "video/mp4" > Your browser does not support the video tag. </video> </body> </html> Autoplay video in HTML web page - For the desktop devices you can simply autoplay attribute in the video tag to autoplay the video once the webpage is loaded. Sometime, it can happen when our try to autoplay video in mobile browser then instead of autoplay it just shows you a blank thumbnail. In this case you will need to use muted attribute as well.   Here is sample code for the same :   <!DOCTYPE html> <html> <body> <h1> The video element </h1> <video w

Get previous sibling HTML element using Javascript code

 Sometimes we requires in get previous sibling element in the HTML code and perform some operations in it like inserting any other element or get the innerHTML of previous element. We can do this using 'previousElementSibling' property of JavaScript. Here is the sample HTML and JavaScript code for the same. Get Previous Sibling HTML element : <html> <body> <div id= "firstDiv" > </div> <div id= "SecondDiv" > </div> <script> //this line will return the first div let firstDivEle = document .getElementById( "SecondDiv" ).previousElementSibling; </script> </body> </html> Here is the example to insert any element in the preivous sibling HTML element - <html> <body> <div id= "firstDiv" > </div> <div id= "Secon