Manager Singh

I'm Manager Singh, and I am a full-stack Shopify Plus developer. I have done many Shopify websites, from PSD to direct implementation of 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. Apart from this, I have customized many paid themes and made the functionalities according to the client's requirements. All the websites I have created are now working well. I have worked with clients from the US, Australia, and Canada. I also have great knowledge in Shopify SEO, on-page SEO, off-page SEO, and keyword search. So, I work according to SEO standards and 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 the HTML tags, JavaScript codes, and use the latest JavaScript codes and methods to escape cross-browser compatibility issues. Apart from this, we must use W3C validations for cross-browser compatibility. If we use all these things, our website will never have issues with cross-browser testing. To handle cross-browser compatibility issues, if there's a problem with cross-browser testing or compatibility, we first check the HTML tags to see how they're used and whether they're used according to the standards. For JavaScript methods, we check if they're used according to the standards and rearrange them accordingly, which solves cross-browser issues easily.

For the Shopify front-end issues in HTML, CSS, for the front-end, we always use HTML and CSS. If there's an issue, first, we see how the tags are used, whether they're 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's still persisting, then it means there's any other issue, whether it's with Liquid code or any HTML code or any JavaScript code. So, we again check the code from start to end, and then check all the tags, CSS, Liquid properties, such as 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 creating a small app, first of all, like a small custom app, by which we can get the content and then add it to the Shopify store. So, by creating an app to use any Shopify API, we can use any third-party API, which will help us resolve any compatibility issues, any cross-browser testing, or any liquid code issues when using any API. If we create a small app to use any third-party API, it will also not affect our store speed because if we do everything hardcoded and in Shopify, that will reduce our speed. And if our speed reduces, it means we can lose our SEO as well.

First of all, it is dependent on the requirements and also dependent upon the functions we are going to create, and then we check which are the latest functions available in JavaScript to make this functionality. After that, once the functionality is completed, we check for cross-browser testing and Shopify (SU) compatibility. It is also very important when using JavaScript that we use the latest functions available, as any outdated functions can cause issues with cross-browser testing, Google SEO, or speed testing tools like GTmetrix and Pingdom, which may indicate that a function is creating an issue with our Shopify website. Therefore, we must ensure that the functions we use are the latest and do not create any further issues.

First of all, we use tools like Google PageSpeed Insights and Lighthouse, and also we use Pingdom. To use these tools, we can ensure that our website is fully functional without any issues with JavaScript code or coding that achieves any functionality. After that, on Google PageSpeed Insights, we can see if CLS is good, page speed is good, and SEO is good or not. All these tools have helped us make the website run successfully. So, after that, we can use some cross-browser testing tools like BrowserStack. By using that tool, we can test our website on various browsers like Safari, Mozilla, and Chrome, etc. This will help us improve our website's performance.

We use SCSS or Less to manage stylesheets, which allows our website to load CSS quickly. Additionally, CSS loads only for the specific page, not all CSS from all websites at once. If all CSS loaded simultaneously, our speed would decrease, resulting in a decrease in performance. That's why we use SCSS and Less to manage stylesheets and create fast Shopify websites.

(No input provided. Please enter the interview transcript text for editing.)

Yes, last week I had a project on Shopify and the client needed a speed on Google Insight, minimum 90 on mobile and 100 on desktop. So I did it by improving the HTML tags, CSS, and JavaScript code because the client used random HTML tags which were creating close browser testing issues and also used very old JavaScript functions which were giving errors on the JT metrics and Pingdom analyze report. So I removed those functions and used the latest functions to make the functionality and improve the speed. Once the speed was improved, there was also an issue with the CSS because the old developer used inline CSS on many tags, which is a violation and not good for a website. That's why I moved all the CSS to a particular file and then tested the website, and now the website has a speed of 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. I had 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 supposed to get all the brands and then show them in alphabetical order, and then click on any alphabet, like for example, 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 display all the brands with their images, and then just make them clickable. I just used the ID function of the CSS and made it clickable, and there was no JavaScript code, only pure liquid and HTML code.