Search the Community
Showing results for tags 'responsive design'.
Found 8 results
-
Bonjour ! Je possède une marketplace et je recontre un problème lors de l'utilisation sur mobile avec la version responsive du site. Le problème vient du fait que le panier disparais. Il est pas seulement Hidden la node HTML est tout simplement supprimée. De plus, le modal de confirmation de l'ajout au panier n'apparait plus même si la requête d'ajout au panier se fait toujours. Du coup impossible d'accéder à mon panier pour valider l'achat. Ce problème arrive seulement sur une largeur d'écran <= 767px. J'utilise le module ShoppingCart de Prestashop pour gérer mon panier. Je pense avoir vérifié dans tout les fichiers concernés par le Shopping Cart et aucun ne supprime de node HTML. Je suis donc dans une impasse pour le moment si quelqu'un pouvait m'aider je lui en serait reconnaissant. Merci ! -
Hi guys, I have another question today, if you go to: https://goo.gl/rAewwd you'll see our menu has a beige color (#dcdcd1), and thats great on the desktop, but i want it to be white when you enter mobile version, only mobile, not tablet. How can i easiest do that, and in what css file?
-
Bestimmte Website wird in mobilen Chrome nicht anzeigt.
LeBonyt posted a question in Prestashop-Entwickler
Liebes Presta Forum Folgendes Problem: Ich habe eine bestimmte Website mit prestashop, die ich mit Chrome auf einem Huawei Tablet sehe. Es gibt auf dem mobilen Chrome den sogenannten Desktop Modus. Wird die Website im Desktop Mode aufrufe, wird sie angezeigt. Schalte ich den Desktopmodus aus, dann erhalte ich den Fehler ERR_EMPTY_RESPONSE. Andere Seiten laufen einwandfrei. Die Darstellung auf Firefox und Safari läuft ebenfalls fehlerfrei. Und auch auf anderen Android Tablets und IPads keine Probleme. Ich möchte von euch wissen, was da technisch genau passiert. Kann man diesen Fehler serverseitig verhindern bzw im Quellcode von .htaccess, PHP usw.? Eine Lösung wäre z.B. Nur die Desktopseite ausgeben. Gerne stelle ich noch weitere technische Infos zur Verfügung. Ich danke für eure Anregungen oder gar Lösungen. Gruss LeBon -
I would like to be able to hide certain display modules when viewed from a mobile device. Better yet, I would like if there was the option to load a specific mobile theme in 1.6. I understand that Prestashop has gone the responsive route which is fine as long as it allows for an adaptive approach. I'm looking for suggestions on how to have an adaptive approach to a mobile display. Thanks. -
Hi Im trying to make some 3d divs with this code: <!DOCTYPE html> <html> <head> <title>Flipcard</title> <meta charset="UTF-8"> <!--<link href="main.css" type="text/css" rel="stylesheet" />--> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style type="text/css"> </head> <body> <div class="flip3d"> <div class="back" onclick="flipit(this.parentNode, false);"><p align="center">Box 1 - BACK</p></div> <div class="front" onclick="flipit(this.parentNode, true);"><p align="center">Box 1 - FRONT</p></div> </div> <div class="flip3d"> <div class="back" onclick="flipit(this.parentNode, false);"><p align="center">Box 2 - BACK</p></div> <div class="front" onclick="flipit(this.parentNode, true);"><p align="center">Box 2 - FRONT</p></div> </div> <div class="flip3d"> <div class="back" onclick="flipit(this.parentNode, false);"><p align="center">Box 3 - BACK</p></div> <div class="front" onclick="flipit(this.parentNode, true);"><p align="center">Box 3 - FRONT</p></div> </div> </body> </html> .flip3d { width:200px; height:300px; margin:25px; float:left; } .flip3d > .front { position:absolute; -webkit-transform: perspective(600px) rotateY(0deg); transform: perspective(600px) rotateY(0deg); background: #FC0; width: 240px; height:200px; border-radius: 17px; -webkit-backface-visibility:hidden; backface-visibility:hidden; transition: webkit-transform .5s linear 0s; transition: transform .5s linear 0s; } .flip3d > .back { position:absolute; -webkit-transform: perspective(600px) rotateY(180deg); transform: perspective(600px) rotateY(180deg); background: #80BFFF; width: 240px; height:200px; border-radius: 17px; -webkit-backface-visibility:hidden; backface-visibility:hidden; transition: -webkit-transform .5s linear 0s; transition: transform .5s linear 0s; } .flip3d:hover > .front { web-kit-transform: perspective(600px) rotateY(-180deg); transform: perspective(600px) rotateY(-180deg); } .flip3d:hover > .back { -webkit-transform: perspective(600px) rotateY(0deg); transform: perspective(600px) rotateY(0deg); } <script> function flipit(el, boo) { if(boo == true){ el.children[1].style.webkitTransform = "perspective(600px) rotateY(-180deg)"; el.children[0].style.webkitTransform = "perspective(600px) rotateY(0deg)"; el.children[1].style.transition = "all .5s linear 0s"; el.children[0].style.transition = "all .5s linear 0s"; el.children[1].style.transform = "perspective(600px) rotateY(-180deg)"; el.children[0].style.transform = "perspective(600px) rotateY(0deg)"; el.children[1].style.webkitTransition = "all .5s linear 0s"; el.children[0].style.webkitTransition = "all .5s linear 0s"; } if(boo == false){ el.children[1].style.webkitTransform = "perspective(600px) rotateY(0deg)"; el.children[0].style.webkitTransform = "perspective(600px) rotateY(180deg)"; el.children[1].style.transition = "all .5s linear 0s"; el.children[0].style.transition = "all .5s linear 0s"; el.children[1].style.transform = "perspective(600px) rotateY(0deg)"; el.children[0].style.transform = "perspective(600px) rotateY(180deg)"; el.children[1].style.webkitTransition = "all .5s linear 0s"; el.children[0].style.webkitTransition = "all .5s linear 0s"; } } </script>
-
Bonjour, j'ai ajouté une image dans la description de mon produit, mais je n'arrive pas à la rendre 'adaptable' à la taille de la fenetre. depuis l'admin > pref > param généraux, j'ai désactivé 'Utiliser la librairie HTMLPurifier', j'ai tenté de modifier mon code à base de width=100% et max-width=500px mais ça n'est pas conservé lors de l'enregistrement. la meme image dans un contenu CMS ne pose pas problème et s'adapte trés bien. y'aurait-il une astuce propre aux descriptions produits ? j'ai bien sur tenté une recherche avant d'ouvrir ce topic mais ces mots clés ne sont pas très efficaces... d'avance merci, vg -
Hola a tod@s, Por favor alguien me puede echar una mano sobre este sitio? Tengo este cliente que ya lleva tiempo con Prestashop y esta plantilla, y tal como la plantilla demo original hacía scroll en la tablet sin problemas hace unos meses. No sé que realmente ha tocado porqué en mi iPad no va ni arriba ni abajo. He limpiado caché, historial activado debug, nada. He ido revisando los css con los originales, y nada. No tengo otra tablet para hacer pruebas, pero realmente es raro. Solo tablet, porque en movil tiene una redirección, y desktop funciona correctamente. Muchas gracias
-
The PrestaShop Theme store doesn't have any way of searching for specific theme attributes such as whether or not it is "responsive". I need a theme that has been designed to work on desktop, laptop, tablet and smartphone i.e. "responsive" to the screen resolution I've tried Googling but there dont seem to be a wide choice of Responsive themes. Any recommendations or suggestions welcomed.
