2
votes

Comment ajouter JavaScript dans l'application publique Shopify

Je développe une application publique Shopify à l'aide de Ruby on Rails . Je veux afficher des informations sur toutes les premières pages du magasin. Les documents officiels n'expliquent que les modifications du panneau d'administration. Comment puis-je accéder à la vitrine? Et où dois-je ajouter les scripts, je veux dire dans quel contrôleur?

En fait, je suis un développeur PHP. Je suis nouveau sur Shopify et aussi sur Ruby on Rails. J'essaie de développer une application publique shopify qui affichera des informations relatives au produit dans toutes les pages (front-end). J'ai suivi le tutoriel de shopify d'abord, et a créé une application de type Hello World qui affiche la liste des produits du côté administrateur. Mais je ne trouve vraiment rien qui modifie le frontend du magasin.

Alors s'il vous plaît, aidez-moi à faire des changements dans le frontend. Je souhaite également obtenir les informations sur l'utilisateur actuel et les détails du produit (s'il s'agit d'une page d'affichage du produit).


2 commentaires

Partager vos recherches aide tout le monde. Dites-nous ce que vous avez essayé et pourquoi cela ne répond pas à vos besoins. Cela démontre que vous avez pris le temps d'essayer de vous aider vous-même, cela nous évite de répéter des réponses évidentes, et surtout cela vous aide à obtenir une réponse plus précise et pertinente! Voir aussi: Comment demander


Merci pour votre réponse. J'ai édité ma question avec mes recherches et combien de temps j'ai atteint.


3 Réponses :


-1
votes

On dirait que vous demandez où vous devez placer vos fichiers JS pour les charger sur le Front End. Cela devrait aider:

http://railsapps.github.io/rails-javascript -include-external.html # emplacements

Que vous utilisiez le pipeline d'éléments Rails ou que vous ajoutiez une balise directement à une vue, vous devez choisir où placer tout fichier JavaScript local.

Nous avons le choix entre trois emplacements pour un fichier JavaScript local:

le dossier app / assets / javascripts

le dossier lib / assets / javascripts

le dossier vendor / assets / javascripts

Voici les instructions pour sélectionner un emplacement pour vos scripts:

Utilisez app / assets / javascripts pour JavaScript que vous créez pour votre application.

Utilisez lib / assets / javascripts pour les scripts partagés par de nombreuses applications (mais utilisez un gem si vous le pouvez).

Utilisez vendor / assets / javascripts pour des copies de plugins jQuery, etc., d'autres développeurs.


1 commentaires

Je vous remercie. Ceci est utile. Mais c'est lié à l'application des rails. Ce dont j'ai besoin, c'est de l'application Rails utilisant Shopify_app Gem.



0
votes

Vous pouvez vous référer à cela depuis shopify qui vous fournit des API d'administration pour ajouter une nouvelle page, mettre à jour une page, obtenir un client, obtenir des produits, etc. comme ça

API Shopify Admin

il y a une section pour la boutique en ligne qui contient les pages API, vous pouvez également voir l'API pour les produits, les commandes et les clients.

vous pouvez également ajouter votre fichier js dans les pages de la boutique en ligne avec le point de terminaison https de manière statique dans le compte administrateur de shopify exemple de code

<div id="test"></div>
<script async="true" src="https://www.example.com/test.js"></script>

ajoutez votre code js comme celui-ci dans la page de la boutique en ligne et vérifiez que votre js s'y charge ou non


0 commentaires

2
votes

Nous pouvons utiliser config.scripttags pour charger des javascripts dans les premières pages de la boutique shopify. La syntaxe sera la suivante:

config.scripttags = [
  {event:'onload', src: 'https://domainname.com/path_to_script.js'},
]

Vous devez ajouter ce code dans le fichier d'initialisation shopify_app Gem, qui se trouve dans

config / initializers / shopify_app.rb

J'espère que cela aidera quelqu'un ..!


0 commentaires