Build a pre-purchase Shopify checkout UI extension in 25 minutes!

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

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

  • @ChowdeswariP-dr7pi
    @ChowdeswariP-dr7pi Месяц назад

    while i am generating the extension ,even i have toml file also getting this error... │
    │ Couldn't find an app toml file at D:/pre-purchase-app, is this an app │
    │ directory?

  • @samuelvandeven3613
    @samuelvandeven3613 6 дней назад

    I keep getting the following error in my shopify admin app: TypeError: Cannot use 'in' operator to search for 'modelApiIdentifier' in undefined.
    It seems like the custom action savePrePurchaseProduct is not being registered?

    • @gadget_dev
      @gadget_dev  7 часов назад

      Yes, it seems like something isn't being defined properly in the API client. One way to check if it is the API: go to your app's API docs and see if the action exists on the model. If it does, the client should be up to date. We're happy to help debug and take a look at your app in our Discord (ggt.link/discord)

  • @Sinly-o2x
    @Sinly-o2x 6 месяцев назад

    Thank you for the video!
    Is that app ready for publishing on the Shopify's app store?
    I want to start develop my first public Shopify app with gadget, is it possible without React?
    I am using HTML, CSS, JS, NODE.JS
    Thank you in advance!

    • @gadget_dev
      @gadget_dev  4 месяца назад

      In theory, this could be pushed to the app store, although it might need some additional polish and it would be handy to add additional features!
      Yes, it is possible to build Shopify apps without React, especially if you are building extension-only Shopify apps. Gadget officially supports React for frontends, but you could probably modify the vite.config.js settings to build with vanilla JS instead!

  • @christianthrige
    @christianthrige 4 месяца назад

    What if your store has multiple currencies? My issue being, that if the default currency is set to dollars, but customer is from europe, they still get shown an upsell product with the dollar price value, and therefor the product price is misleading.. Any ways of changing that according to localization of some sort?

    • @gadget_dev
      @gadget_dev  4 месяца назад

      Had to dig around for this one!
      Shopify appears to have an open ticket (github.com/Shopify/ui-extensions/issues/613) and support thread (community.shopify.com/c/extensions/checkout-ui-extensions-currency-conversion/m-p/2405895) on currency conversion in extensions. It seems like there isn't something built-in yet, but the suggestion at the bottom of the support thread using metafields/metaobjects and Shopify's currency converter could be a possible solution.
      As an alternative, you could always make a separate call to a backend (like a Gadget action) that dynamically does the currency conversion for the offer and displays the result to the shopper. We have some docs on calling Gadget from extensions here: docs.gadget.dev/guides/plugins/shopify/extensions

  • @RolandoConcepcion-r6r
    @RolandoConcepcion-r6r 6 месяцев назад

    Hello, thank you for your content. Could you create a video showing how to create a custom Shopify section with code?

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

      If you're looking for some info on theme sections, we do have theme app extensions in our chatbot tutorial: ruclips.net/video/Y_ivi2cW9bk/видео.html (although we aren't creating these dynamically using code)

  • @sebszocinski
    @sebszocinski 4 месяца назад

    Trying to follow this tutorial and I get stuck on generate extension. "Couldn't find an app toml file at..." I don't see any toml files in your video? how do we generate a toml file via Gadget?

    • @zakariabouzangad9702
      @zakariabouzangad9702 4 месяца назад

      The same issue for me,
      Update: I've figured out by running this command : yarn shopify app config link

    • @gadget_dev
      @gadget_dev  4 месяца назад

      Yes, there is now an error thrown when building with the Shopify CLI. To fix this, you can add an empty shopify.app.toml file to the root of your app. Our docs have been updated to include this step: docs.gadget.dev/guides/tutorials/checkout-ui-extension#step-4-build-a-pre-purchase-checkout-ui-extension

  • @YashJain-ek4mu
    @YashJain-ek4mu 6 месяцев назад

    Hello, how to save data from extension app to gadget db ?
    what i mean is like what we are doing from shopify settings to gadget db is it possible to do same from extension to gadget db ?

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

      Yes, you can install your Gadget app's API client into an extension to make calls to your Gadget backend and store data in the db. We have some docs on working with extensions here: docs.gadget.dev/guides/plugins/shopify/extensions

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

    I’d love a video about a sales channel as well!

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

      Thanks for the suggestion! I'll make sure to add a sales channel app to our todo list!