2017-03-26 1 views
0

J'ai quelques boutons Acheter sur mon site. Ils s'affichent très bien sur les navigateurs de bureau: le site est réactif et les boutons s'affichent sur toutes les requêtes de viewport sur les navigateurs de bureau. Lorsque vous consultez le site sur mobile, je n'ai pas de boutons d'achat. J'ai pensé qu'il pourrait s'agir d'un problème d'origine croisée, j'ai donc hébergé les fichiers javascript shopify localement et j'ai le même comportement.Shopify acheter boutons ne montrant pas sur mobile

J'ai essayé toutes les différentes versions du bouton Acheter maintenant et j'ai le même comportement.

Y at-il une raison pour laquelle je ne peux pas voir les boutons d'achat sur mobile? Site est www.redlamp.com.au/myriad/shopify2.html

+0

Avez-vous résolu le problème? J'ai essayé sur un appareil mobile et les boutons d'achat sont là. –

+0

Non, pas encore fixé, quel appareil et quel navigateur utilisez-vous? Les boutons ne s'affichent toujours pas sur Android en utilisant le navigateur Chrome. J'ai regardé d'autres sites utilisant la même technologie et ils ne montrent pas non plus. –

+0

J'ai utilisé mon iPhone 6 Plus sous iOS. –

Répondre

0

J'ai trouvé le coupable - j'avais étendu l'objet avec mes propres fonctions de classe ajouter/supprimer rudimentaire. La suppression du code suivant a corrigé le problème:

Object.prototype.addClass = function(clas) {   

    if (this.classList) 
     this.classList.add(clas); 
    else 
     this.className += ' ' + clas; 

} 

Object.prototype.remClass = function(clas) {   

    if (this.classList) 
     this.classList.remove(clas); 
    else 
     return; 
} 

Merci!

0

Il y a une erreur dans le code Shopify buy-button-storefront.min.js:7 TypeError: Failed to execute 'fetch' on 'Window': Invalid value(…)

Il semble que fetch n'est pas disponible sur votre appareil Android see more info here. Essayez d'ajouter un remplissage comme that one avant d'exécuter le code Shopify.

ou peut-être qu'il y a vraiment une erreur de leur côté. Vous pouvez résoudre le problème sur their GitHub repo

+0

Merci, le polyfil n'a pas fonctionné bien. J'ai soulevé un problème sur leur github. La chose étrange est que cela fonctionne bien sur le bureau de chrome, mais si j'ouvre les outils de développement et passe en mode réactif puis actualiser la page, je reçois cette erreur. C'est quelque chose spécifiquement avec la fenêtre d'affichage mobile ... –

+0

Content de l'avoir aidé. Faites le moi savoir. –