Shopify Theme Extension APP Development Tutorial for Beginners |

Поделиться
HTML-код
  • Опубликовано: 27 авг 2024

Комментарии • 45

  • @codeonedigest
    @codeonedigest  9 месяцев назад

    Full Video Link - ruclips.net/video/TZeIqdlLOUQ/видео.html
    Check out this new video on the CodeOneDigest RUclips channel! Create Shopify Theme Extension APP tutorial for beginners. Learn how to create shopify theme extension app and deploy it in shopify store. #video #shopify #themeextension #shopifystore #shopifythemeextension #nodejs #javascript #codeonedigest
    @java @awscloud @AWSCloudIndia @RUclips @codeonedigest #typescript #javascript #shopify #shopifydeveloper #shopifydevelopment #shopifytutorial #shopifystore #shopifythemeappextension #shopifythemeappextensiontutorial #shopifythemeextensionapp #shopifythemeextension #shopifyextensiondevelopment #shopifyappdevelopment #shopifyappdevelopmenttutorial #shopifyappdevelopmentnodejs #shopifyextensionapp #shopifyapptutorial #shopifyapptutorialforbeginners #shopifyapptutorial2023 #shopifyappextensiontutorial #shopifytheme

  • @atharvagholap1970
    @atharvagholap1970 2 месяца назад +1

    This gave me a lot of clarity. Tysm

    • @codeonedigest
      @codeonedigest  2 месяца назад

      thanks for your valuable feedback. Do like share & subscribe our channel to grow codeonedigest family.

  • @MultiChinmay
    @MultiChinmay 7 месяцев назад +1

    Good tutorial.
    Just one update, you have to add a metafield before you can see your theme app extension live in your development store.
    I was stuck here wondering why my app is not being shown. Then I visited official documentation and found that I must create a metafield too.
    Sir, please add this metafield part in pinned comment or in the description

    • @codeonedigest
      @codeonedigest  6 месяцев назад

      hmm ok thanks for your observation.

    • @shotgunefx
      @shotgunefx 5 месяцев назад

      The docs on what the metafield should contain for values seems vague unless I missed something.

  • @saifuddin395
    @saifuddin395 8 месяцев назад +1

    thanks sir, the video was really helpful! Please keep making this type of amazing videos.

    • @codeonedigest
      @codeonedigest  8 месяцев назад +1

      Sure!! Thanks for your valuable feedback. Do like share and subscribe our channel to grow codeonedigest family

    • @codeonedigest
      @codeonedigest  8 месяцев назад

      Watch this new video to call external api from shopify theme extension ruclips.net/video/5Qd3uWyohFM/видео.html

  • @axelamoe
    @axelamoe 2 месяца назад

    You mind showing an example of a pos ui extension with the capabilities to fetch data from graphql

  • @calmmusic3461
    @calmmusic3461 26 дней назад

    could you please tell me. how we can apply charges to these types of shopify app? i build a section now i want to apply charges. if the client want to use my app. He has to pay first and then he can use that section. how to do this?

  • @sarthakkulkarni7791
    @sarthakkulkarni7791 Месяц назад

    Can you please guide me that how can i add the wishlist icon on the home page on the products collection . Using theme extension. Like on home page on every product there should be wishlist icon on clicking it should be added in wishlist. I'll do the adding part. Plz tell how can i add that icon the products through vs code and theme extension.
    Thank you.

  • @ozturkersen
    @ozturkersen 8 месяцев назад +1

    You explained it like a true teacher. congratulations. If you want to add an extension I developed to different stores, how do I deploy it?
    So, I would develop it as a test in my shopify partner account and then I want to deploy it to my main store. What is the next step?

    • @codeonedigest
      @codeonedigest  8 месяцев назад

      Thanks for your valuable feedback. Do like share and subscribe our channel to grow codeonedigest family

  • @sajaltimilsina7753
    @sajaltimilsina7753 8 месяцев назад

    Hi CodeOneDigest team,
    Thank you for the wonderful introduction video.
    If possible could you please add topics such as,
    a) API Call to node middleware
    b) Modification of the UI data
    c) Draft API to create draft order or something similar,
    So that we can understand the complete eco-system of app development in Shopify.

    • @codeonedigest
      @codeonedigest  8 месяцев назад

      Sure will produce the video

    • @codeonedigest
      @codeonedigest  8 месяцев назад

      See this video to call api from theme extension ruclips.net/video/5Qd3uWyohFM/видео.html

  • @vikashpkl
    @vikashpkl 5 месяцев назад +1

    Can you which type of app I need to create for login page change i want to make login with phone and otp

    • @codeonedigest
      @codeonedigest  5 месяцев назад

      Very good question, u need 2 apps. First, is theme app to have custom login form and second you need create app for login & registration api. Ur theme app form should be calling thie apis for login. Login api app can take mobile for login and send otp to mobile. User will submit otp via theme form and that should call otp verification api

    • @vikashpkl
      @vikashpkl 5 месяцев назад

      Thank you for your response, @codeonedigest. Could you please share a link to a public app code demonstrating theme page changes and API integration on both ends?​

  • @user-qj7fd1wr8s
    @user-qj7fd1wr8s 6 месяцев назад +1

    great video!
    if i want to publish my app on shopify app store what else do i need to do?
    i heard about shopify billing api, do you know source i can learn it?

    • @codeonedigest
      @codeonedigest  6 месяцев назад

      U have to submit your app for verification. Shopify will test & certify your app before publishing on store

    • @vikashpkl
      @vikashpkl 5 месяцев назад

      I want to make login with phone number and otp so which type of i need to creates?

    • @vikashpkl
      @vikashpkl 5 месяцев назад

      And my app not showing App embeds then how can i see my app their

  • @user-to9gc3dg9y
    @user-to9gc3dg9y 9 месяцев назад +1

    Can you guide this, we received mail while we submit the app for review.
    Your app must be a finished and complete product in a stable state, free from any incomplete functionality and/or bugs. See for additional details, after installing the app we encounter an error in the app's UI, nothing happens after opening the app from the App index.
    Issue Report: After installing the app from the Shopify App Store, users are encountering a blank page with no apparent functionality. We acknowledge the presence of this UI error and are dedicated to resolving it promptly. we are not aware of what we need to show in the page.
    It will be helpful if we have a step-by-step guidance.

    • @codeonedigest
      @codeonedigest  9 месяцев назад +1

      Hi. Thanks for writing to us. Can you share some info about ur app like is it public app or custom app? What is the purpose of app? Did you test it in your development store? Any error in logs?

    • @user-to9gc3dg9y
      @user-to9gc3dg9y 9 месяцев назад +1

      Project Overview:
      I manage a live jewel dropship platform with over 100 active customers. The process involves merchants signing in, accessing the "Connect My Store" feature, and providing three essential details: store URL, API key, and access token. These details are stored in our database, enabling inventory and order synchronization through the access token.
      New Integration with Shopify Partner Account:
      Recently, we acquired a Shopify partner account for $99 and developed an app. The integration involves merchants entering only their store URL. Subsequently, we construct a URL with scopes, client ID, and redirect URI. Upon redirection to the merchant's store, they input their store password and are presented with our dropship offerings. Upon installation, the merchant is redirected to our platform's "Connect My Store" edit page.
      Current Challenge:
      The issue arises when a merchant directly enters their store and clicks "Open App," resulting in a blank page. Additionally, there is uncertainty about what content to display in this scenario. Moreover, there's a need to ensure that only the "Connect My Store" edit page displays where the endpoint is specified.
      @@codeonedigest

    • @codeonedigest
      @codeonedigest  8 месяцев назад

      What is understood merchant enters direct url of store to open app via redirect or proxy? U got to check access first and check if u see any CORS errors in browser.

  • @venkimithu
    @venkimithu 8 месяцев назад +1

    I am developing a spin game with from fill where users can form fill the email and name. I have developed the game and form. Can you please help me with form data saving part and displaying it on admin? It will really help me.

    • @codeonedigest
      @codeonedigest  8 месяцев назад

      you can build it as custom app with proper oauth flow. Make sure authentication flows are implemented correctly. If your app also have UI component so that page will open in admin after installation. user can fill in the form and play the game and submit the results in your app backend. hope this helps!! Do like share and subscribe our channel to grow codeonedigest family

    • @venkimithu
      @venkimithu 8 месяцев назад

      @@codeonedigest I have a custom app with oauth flow node js backend. My spin game and form is also working fine and loading properly in store. Can you please tell me the steps to create an API to accept name email and phone and call it from theme app extension using fetch API. It will really help me.

    • @codeonedigest
      @codeonedigest  8 месяцев назад

      Watch this new video to call external api from shopify theme extension ruclips.net/video/5Qd3uWyohFM/видео.html

  • @GouthamKrishnaTech
    @GouthamKrishnaTech 4 месяца назад +1

    Subscribed sir ❤

  • @bestmotivationspeekar4384
    @bestmotivationspeekar4384 8 месяцев назад +1

    i saw but you cnt explene plese made video how can call ther party api in Theme app extension

    • @codeonedigest
      @codeonedigest  8 месяцев назад

      Unable to understand your question?

    • @bestmotivationspeekar4384
      @bestmotivationspeekar4384 8 месяцев назад +1

      I want call api in our theme app extension how???

    • @bestmotivationspeekar4384
      @bestmotivationspeekar4384 8 месяцев назад +1

      Please make a video how can call api in theme aap extension or guiding me

    • @codeonedigest
      @codeonedigest  8 месяцев назад

      @@bestmotivationspeekar4384 yes you can do that let say u create a section liquid file. That liquid file can have javascript to make api call using ajax etc. On receiving response u can display value in your html tags in a liquid file. U can call ajax function on page load or click of button or any other event.

    • @codeonedigest
      @codeonedigest  8 месяцев назад

      @@bestmotivationspeekar4384 i replied pls check

  • @user-ge4dn4dv6s
    @user-ge4dn4dv6s 8 месяцев назад

    hello..i have installed ruby and when i am running the app it is showing this errror "ruby.exe: invalid switch in RUBYOPT: -F (RuntimeError)"..did you face this issue?

    • @codeonedigest
      @codeonedigest  8 месяцев назад

      Check detailed error. U may need to install command tool. Check detailed error

  • @bestmotivationspeekar4384
    @bestmotivationspeekar4384 8 месяцев назад

    Thenks sir ,mera ak project ruka hai past 1 month se tray kar raha hu mai theme app extension me api call karke mongo db me deta post karne ka

    • @codeonedigest
      @codeonedigest  8 месяцев назад

      Watch this new video to call external api from shopify theme extension ruclips.net/video/5Qd3uWyohFM/видео.html