Suneel Kumar Rajput

Hello. My name is Sunil Kumar Rajput. I am a Shopify developer. I have a total of 9.5 years of experience in the IT field, and I have approximately 8 years of experience on Shopify. I have experience in team development and custom app development. I have experience with core PHP and MySQL because I started my career as a core PHP developer. So, I worked with core PHP for approximately 1.5 years, and then I moved on to Shopify. Currently, I am working on Shopify. I have worked on more than one Shopify store, including the basic software plan, software plus plan, and advanced plan. Most of my work is related to software theme development. If you want to create any different type of template according to an XD file or Figma file, I can create the HTML structure and make the dynamic part, including section schema and liquid coding. I am more comfortable with liquid coding. Thank you so much.

About the technical problem within Shopify, there are multiple problems in Shopify related to this database because Shopify does not provide any database access. At this time, we are using the API. If we want to integrate any particular place, specific product or specific category on a specific page, we can use liquid code. Other than that, we can use the product API. Using the product API, I can cut the product data on the page by Ajax. Okay. This type of problem, and another problem, we can manage the checkout page if we are using Shopify's basic plan. However, in this case, we are facing a lot of issues. And another thing, related to the back-end part. If you want to get any order-related information, if you want to get any product update-related information, if you want to update any custom checkout, those types of problems I am facing in Shopify because these features are not provided by Shopify. That's why we are stuck with that. So, most of the features, if we use any third-party app, then we can implement them. This is some of the issues in Shopify. Thank you.

So if we are using Tailwind CSS, first, we need to add the CSS file in the software theme. And another thing, another CSS by default software theme has its own CSS. So after that, we have to add the Tailwind CSS link. So using this link, we can implement Tailwind CSS in the software theme. And another part related to this, if you want to use any custom CSS, we can create a custom dot CSS file. And in this file, we will add all those CSS which we are using for custom design. And this file is linked with the theme dot liquid file after the theme CSS file. Okay? Thank you.

So if we connect with the designers, and discuss a particular design, first, if they provide an XD file or Figma file, according to the XD file and the design, we will discuss about this and the HTML structure, like what you used there. And, if they used any animations, we will discuss about the animations part also. And, all that content we get from the XD file or Figma file, then according to this, we will manage all those structures. And, in this structure, we'll discuss about the mix width of the layout. So, according to the managed container of the page.

I have approximately 7 years and 7.5 months of experience in liquid because I started my career when we weren't using SoFi 2.2. We were using a basic theme. In this theme, they don't provide any schema or sections. So we manage all those different types of functionality using liquid code. If we use liquid code, we manage the filters, manage different things, such as string filters and different types of tag filters. We'll manage them via the liquid code. Then, when we'll start moving on to work with 2.2. In this team, they've provided more than one type of feature in the SoFi defaulting. This is very useful and very helpful for us. In this type of thing, we also manage different types of liquid code. If we want to show any, like, 50% discount on a product card, so how to get this code. They're using liquid code, we can calculate the percentage of, like, compare price and regular price. So there, we'll use the liquid code. If we want to filter a specific product based on a specific tag, then we will use the liquid code. And different types of things, we will perform using liquid code, like card items and different types of words. Thank you.

Currently, in my previous experience, I'm using normal CSS, like CSS, and SASS files also. Because some teams use SASS files and some teams use CSS files. However, SASS files have been deprecated, so normally, we use normal dot CSS files. In the CSS, we use normal CSS, which you may have used in CSS 3, like different types of CSS. We also use bootstrap and others. It depends on the themes, which determine what they have used. Normally, if we have to design custom thread designs, I use a custom dot CSS file. There, I use normal CSS according to the need. If we talk about the Tailwind CSS structure. So, Tailwind CSS is the new CSS framework. Currently, in the Shopify store, I didn't use it, but I can understand its structure and use it. This manual mainly uses CSS based on HTML tags. If you want to add a particular margin, padding, and column, and use different types of default CSS, and built-in CSS in Tailwind, it makes our work smooth using Tailwind CSS. Thank you.

In my previous companies, I've been working remotely for 3 to 4 years. So I need to complete all my work and see our work progress with my managers. If I'm stuck with any issues, I'll discuss with my managers. My experience is very good and very supportive with my managers because they provide each type of help, like technical help, like understanding help, like if you face any trouble, if you face any query, then they resolve all those queries and issues. They also guide me on how to fix these issues. They explain the working process. After that, I implement my code, design, and development part. Then I share all those things with my manager, and they explain all those things to the client. My experience is very good with my manager. Thank you.

What is that? It should take to modify a soft to improve its slow time. So, to modify a soft to improve its slow time, by default, I'm using different types of app rules to manage the load time. Normally, the first thing I do is use lazy load to manage images if we're using multiple images on the pages. And another thing, if I'm using some custom CSS, some custom JavaScript, I'll manage all those custom codes in one file. After I complete my whole work, I'll synchronize and minify those files. I'll also check the liquid code if we're creating new templates and using some liquid codes. I'll check all those codes to see if they're good or not, remove any repetitions of code, and use SEO formats like h1 tags, h2 tags, and alt tags for images. I'll follow all the standard formats and check all the flows, sections, templates, and files that are using those apps. If some apps provide custom codes, snippets, or scripts, I'll check those things also. These things like CSS scripts, custom scripts, and all those things impact the loading speed, so I'll manage them. If the image size is very big, I need to resize those images also. Thank you.

What is your experience working with GitHub? Actually, recently when I started working with GitHub 2.2, they are using two things like TeamKit and SoFi CLI. So when we use those two things, we will integrate them. If I think about GitHub, okay? And after GitHub, we will set up the theme locally. All those development parts will be managed via GitHub. When we update code with GitHub, the theme syncs with Shopify automatically. So the code is upgraded on Shopify automatically. My experience is very good with GitHub. Like, if I integrate the theme with GitHub, I'll integrate it. If I initiate work with GitHub, I'll create a clone of the team file, create a branch, and manage all those codes separately. If I work with another branch, I need to pull first. After I do my changes, I'll create a commit and push all those codes to the specific branch. And after checking all those functionalities on the front end, I'll merge the code with the master branch. So my overall experience is very good with GitHub and Shopify theme. Thank you.