Manager Singh

Myself, Manager Singh, and I am a full-stack Shopify plus developer. I have done many Shopify websites, from PSD to direct in paid Shopify themes. And I have also worked with Shopify plus stores and all the websites are fully mobile-optimized, SEO-optimized, and cross-browser tested. And apart from this, I have customized many paid themes and made the functionalities according to the client requirements. All the websites I have created are well working now. And I have worked with US, Australian, and Canadian clients. And I have also great knowledge in Shopify SEO, Shopify on-page, off-page, and keyword search. So I work according to SEO standards, Google standards. That's all. Thank you.

For cross-browser compatibility issues, it is completely dependent on the developer who's working on that. So while I work on any Shopify store, I keep in mind for the HTML tags, JavaScript codes, and I use the latest JavaScript codes and JavaScript method to escape the cross-browser compatibility. Apart from this, we must need to use W3C validations for the cross-browser compatibility. And if we use all these things, our website will never have the issues with the cross-browser testing. And to handle the cross-browser compatibility, if there is any issue with the cross-browser testing or compatibility issues, first, we see the HTML tags, how they're used, and whether they're used according to the standards or not. And for the JavaScript methods, if they're used according to the standards or not, and we rearrange according to the standards, then all the cross-browser issues are solved easily.

For the Shopify front-end issues in HTML, CSS, for the front-end, we always use HTML and CSS. If there is an issue, first of all, we see how the tags are used, whether the tags are used according to the standard or not, and then we try to rearrange the tags. After that, we check whether the issue is solved or not. If that is still persisting, then that means there is any other issue, whether it is with liquid code or any HTML code or any JS code. So we, again, check the code from start to end, and then check all the tags, CSS, liquid properties, like class or IDs used, and JavaScript functions which are used, because that can also create an issue with HTML and CSS. So by checking all these things, we can resolve any front-end issue.

For any third party API, I strictly recommend to create a small app, first of all like a small custom app by that we can get the content and then add to the Shopify store. So by creating an app to use any Shopify, to use any third party API, it will help us to resolve any compatibility issues, any cross-browser testing or any liquid code issues by using any API. So if we create a small app to use any third party API, it will also not affect our store speed because if you do everything hard code and Shopify, that will reduce our speed and also if our speed reduces, that means we can lose our SEO as well.

First of all, it is dependent on the requirement and it is also dependent upon the functions we are going to create and then we check which are the latest functions for JavaScript available to make this functionality and after that, once the functionality is completed or made, then we check the cross-browsing testing and SU compatibility, everything after that. Also, to using the JavaScript, it is very important that we are using the latest functions by JS, like any functions we are using, it must be latest and not stopped by or not creating any issues further with the cross-browser testing or Google SEO or any speed testing tools like GTmetrix and sometimes Pingdom gives a message that this or that function is creating an issue with your shop or with your Shopify website. So we must need to take care that function is latest to use.

first of all we use like Google Insight page speed and duty matrix and also we use Pingdom tools so to use these tools we can make sure that our website is fully functioning without any gross browsing testing or there is no issue with the JavaScript code we have added or we have coded to achieve any functionality and after that on the Google Insight we can see like CLP is good and page speed is good SEO is good or not so all these tools have helped us to make the website running successfully and so after that we can use some gross browser like testing tools like browser stack so by that tool we can use the things like we can test our website on various browsers like Safari Mozilla and Chrome etc so that will help us to improve our website's performance

Basically, we use SCSS or less to manage the stylesheets so that whenever our website loads, the CSS loads very fast. And apart from this, the CSS loads only for that particular page, not all the CSS from all the websites will load at the same time because if all the CSS loads at the same time, so our speed will decrease. If our speed will decrease, that means our performance is also decreasing according to that. So that's why we use SCSS and less to manage the stylesheets to make the fast Shopify websites.

. . .

store using. Yes, last week I had like I had a project of Shopify and client needs like a speed on Google Insight, minimum 90 on mobile and 100 on desktop. So I did it by like by improving the HTML tags and CSS and JavaScript code because client used use like a random HTML tags which were creating the close browser testing like issues and also use very old JavaScript functions which are also giving error on the on the JT metrics and Pingdom analyze report. So I have removed that functions and used the latest functions to make the functionality and to improve the speed. Once so once the speed was like improved like there was also an issue with the with the CSS because the old developer used like inline CSS on many tags which is also violation and not good for the good website. That's why I have I have moved all the CSS from there and added a particular file and then and after that I have tested websites and now website has speed 90 plus on mobile and 100 on desktop.

I have utilized Shopify liquid and HTML and CSS features to create a new feature on a Shopify store. Like I have to build a brand page for a Shopify store. So I did it purely with the liquid, HTML and CSS only. So the page was like to get all the brands and then to show them according to the alpha orders and then click on the like any alphabet like let's suppose we click on letter A. So all the brands with the letter A will be displayed. So all the functionalities I did simply with liquid code to get all the brands and then HTML and CSS to just get the, to display all the brands with their images and then just to make them clickable, I just use the ID function of like ID property of the CSS and then make it clickable and there is no JavaScript code, only pure liquid and HTML code.