Jump to content

[Theme Responsive] Newatch Universel Pour Prestashop 1.5

Atch

By Atch
in Modules et thèmes payants

 Share

Recommended Posts

Atch Newbie

Atch

Posted
Posted (edited)

Bonjour,

 

Après de nombreux retours de clients souhaitant personnaliser les thèmes responsive Bio ou Retro, j'ai décidé de vous simplifier la vie et de vous faire gagner du temps avec ce nouveau template Responsive .

 

Il reprend la ligne Newatch des derniers themes 1.5.

Quelques class ont été aménagées pour vous proposer quelques options prédéfinies :

 

- Thème centré ou Full (header+footer)

- 3 Styles de menu

- dégradé

- Bords arrondis

- Choix du style pour le header et footer ( Clair ou foncé)

 

Également Simplifié, le changement de la couleur dominante du thème. Elle est regroupée en un seul endroit du css.

 

Le mieux, est de tester la démo : http://demo.atchworks.com/universel/

 

universel_forum.jpg

 

Thème actuellement disponible sur http://www.atchworks...stashop-15.html

 

V++

 

Atch

Edited by Atch (see edit history)
Link to comment
Share on other sites
  • Replies 211
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

Atch Newbie

Atch

Posted
  • Author
Posted

Prochainement sera disponible un module de création automatique (réalisé par Brocéliande).

 

Ce module permettra :

- La personnalisation de votre thème en live avec des options supplémentaires.

- Le paramétrage de styles différents par boutique (mode multiboutique).

 

V++

 

Atch

Link to comment
Share on other sites
  • 2 weeks later...
Atch Newbie

Atch

Posted
  • Author
Posted (edited)

Mise à jour du thème ( version 1.2)

 

Nouveauté : possibilité de passer le theme en version full black.

post-16609-0-54274000-1362569125_thumb.jpg

 

Ce thème vous propose désormais un max de combinaisons pour s'adapter au mieux à votre style.

 

V++

 

Atch

Edited by Atch (see edit history)
Link to comment
Share on other sites
  • 2 weeks later...
Atch Newbie

Atch

Posted
  • Author
Posted

Bonjour,

 

Non la personnalisation se fait via l'édition de deux fichiers :

 

1°/ header.tpl pour le style (Ajout de class dans la balise <body>)

2°/ classic.css pour la couleur ( changement du code couleur #hexa sur trois lignes)

 

Je pars du principe qu'éditer deux fichier ça prends 2 minutes et on ne le fait pas tous les jours, une fois la boutique en place.

 

Pour arriver au même style que Bio, il faut ajouter des Backgrounds pour les différents blocs et les appeler via le css.

Idem, rien d'insurmontable pour celui qui a des base en html / css.

 

V++

 

Atch

Link to comment
Share on other sites
  • 2 weeks later...
Mire Newbie

Mire

Posted
Posted

Hye guys,

 

This theme is great. I bought thisone few weeks ago. Everything works like a Swiss Watch ;):D

 

But the responsive theme (at the footer), the information & my account don't open when you push this button. I think that this should open like a dropdown menu but not. This is same at your own demo frontoffice. How can i fix this?

 

Next thing is that i have translated everything in Dutch except the text on Header of the page's (Cart products and Register). It'shows "0 product in the cart" and it should be like "0 producten in winkelwagen". This is also withe the word "Register" (Dutch= Registreren)?

 

I hope you guys can help, thnx!

Link to comment
Share on other sites
La4emeDimension Newbie

La4emeDimension

Posted
Posted

la personnalisation se fait via l'édition de deux fichiers :

 

1°/ header.tpl pour le style (Ajout de class dans la balise <body>)

2°/ classic.css pour la couleur ( changement du code couleur #hexa sur trois lignes)

 

 

Bonjour,

Bravo pour ce thème, j'ai enfin quelque chose de sérieux à proposer à mes clients. Par contre j'ai bien compris comment modifier le thème, malheureusement rien ne se passe... J'ai changé mon header.tpl avec cette ligne :

<body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class="pimpmytheme boxed_width black_edition radius ">

Mais il ne se passe rien. Pourriez-vous m'aidez ? http://www.la4emedimension.org/eshop

 

Sinon je suis très intéressé par le module que vous annoncez pour la personnalisation, avez-vous déjà une idée de la date de sortie ?

 

Merci

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

Bonjour,

Bravo pour ce thème, j'ai enfin quelque chose de sérieux à proposer à mes clients. Par contre j'ai bien compris comment modifier le thème, malheureusement rien ne se passe... J'ai changé mon header.tpl avec cette ligne :

 

Mais il ne se passe rien. Pourriez-vous m'aidez ? http://www.la4emedimension.org/eshop

 

Sinon je suis très intéressé par le module que vous annoncez pour la personnalisation, avez-vous déjà une idée de la date de sortie ?

 

Merci

 

Bonjour,

 

Très étrange... Avez vous vidé le cache compile de Smarty ?

 

Pour le module, Broceliande (un membre actif de la communauté ) est dessus. Mais je n'ai pas de date précise malheureusement.

 

Cordialement,

 

Paulo

Link to comment
Share on other sites
  • 2 weeks later...
geoffrey81 Newbie

geoffrey81

Posted
Posted

Bonjour,

 

Après l'installation du thème "Universel" , pouvez vous m'aider en indiquant la procédure à effectuer pour modifier la couleur prédominante ( de base rouge ) , mettre l’accueil en 1 seule colonne et encadré la page ...

 

Merci d'avance pour toutes ces infos.

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

Bonjour,

 

Pour la couleur, Une doc jointe avec le thème vous donne la démarche exacte.

Pour passer en 1 colonne il faut éditer deux fichiers du thème :

 

editez le fichier header.tpl

 

allez à la ligne :

<div id="center_column" class="{if $page_name=='category'|| $page_name=='index'}span9{else}span12{/if}">

 

et remplacez par :

<div id="center_column" class="{if $page_name=='category'}span9{else}span12{/if}">

 

 

Puis Editez le fichier footer.tpl :

 

Supprimez les lignes suivantes :

 

{if $page_name=='index'}

<div id="right_column" class="column span3 hidden-phone">

{$HOOK_RIGHT_COLUMN}

</div>

{/if}

 

V++

 

Atch

Link to comment
Share on other sites
  • 3 weeks later...
CoworkingFeliz Newbie

CoworkingFeliz

Posted
Posted

Bonjour,

 

Themes acheté il y a 3 semaines. J'ai bien pris le temps de tout personaliser en local et tout semblait fonctionner parfaitement. Sous Mac. J'ai fait l'upgrade et dans la foulée j'ai observé une chute des commandes vertigineuses.

 

Après y regarder à deux fois, il se trouve que sous internet explorer, les boutons ajout panier ne sont que de simples case noir et l'icone n'apparait pas.

Le top menu qui est un menu déroulant affichant les categories ne fonctionne absolument pas sous IE8.

 

Depuis l'iphone on peut ajouter au panier des produits mais une fois qu'on clique sur l'icone du panier tout se vide...

 

Enfin, j'ai rajouté un le block categorie dans le footer et dans la version Iphone, la hierarchie n'est pas respectee...

 

Certaines images sont impossibles à regenerer, nottament celles du block produits les plus vus...

 

Bref pour le moment le bilan est plus que mitigé, mais je reste confiant quant aux solutions qui seront apportées.

 

Salutations!

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted (edited)

Bonjour,

 

Étonnant qu'en 5 mois de thème actif; j'ai ce retour sur le forum et non par mail* ...

Étonnant qu'un thème fasse chuter les ventes dés l'installation. C'est la première fois que je vois cela.

 

Il aurait été sympa d'avoir le lien de votre boutique pour comprendre ce qu'il se passe mais je vais tenter de comprendre en utilisant la boutique démo :

 

Donc le problème est IE8, et à vous lire tous vos clients sont sur IE8 . Je vous cite : "j'ai observé une chute des commandes vertigineuses" .

 

Je teste sous IE8 la démo :

 

Bouton ajouter au panier sous IE8...

Menu Horizontal sous IE 8 ...

 

post-16609-0-32346100-1368947968_thumb.jpg

 

Pensez bien qu'avant de mettre le thème en vente, j'avais testé sous IE8 (Meme si google et d'autres on arrêter de supporter cette version). Je vous l'accorde le bouton est carré car IE8 n'accepte pas de css3. Mais l’icône ajouter au panier est bien présente et donc non bloquant pour vendre.

 

Pour l'iphone, je viens de tester ( comme bcp de mes clients qui l'ont testé aussi avant car c'est une des conditions d'achat de ce thème) et je ne rencontre pas de problème avec le panier.

(Pouvez vous tester la démo avec votre Iphone).

 

Oui le bloc catégorie, je vous l'accorde, c'est moi, j'ai oublié d'intégrer le module cat dans le js du footer ( Trouvant redondant de mettre les catégories plusieurs fois sur une meme page).

 

Le footer est prévu pour recevoir 4 blocs ( les div sont construits à l'aide des span3 de bootrstap)

 

Le problème de régénération d'images n'est pas lié au thème, ce denier n'a aucun impact sur la partie admin de votre boutique ...

 

*En général, quand un client a des problèmes, il me joint pas mail ( Indiqué sur la doc) et on regarde (très rapidement ) ce qu'il se passe et pourquoi. Et dans 99% des cas la solution est trouvée dans l'heure.

 

 

V++

 

Atch

Edited by Atch (see edit history)
Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted (edited)

Re bonjour,

 

Je viens de faire des tests plus poussés avec IE8 et je vous l'accorde, dans certaines configurations il plante ( A confirmer sur un IE8 natif car je teste avec IE10 en mode IE8 et les résultats sont aléatoires pour le même thème :( )

 

Après quelques testes il semblerait que le JS qui permet d'ajouter la class .hover au menu ne soit pas 100% compatible pour IE8.

 

Cette class est là pour remplacer le hover par un click sur la version mobile du menu, chose non nécéssaire sur IE8 car aucun mobile n'utilise IE8.

 

Donc pour corriger cela dans le css du menu :

 

../newatch/css/modules/blocktopmenu/css/superfish-modified.css

 

Ajouter ceci :

 

.lt-ie9 .nav > li:hover > ul {  left: 0;}

 

sous

 

.nav > li.hover > ul {  left: 0;}

 

J'ai également décelé un problème avec la fonction dégradé sous IE8 qui apprécie pas la fonction filter*

 

Dans classic.css, ajoutez ceci :

 

.lt-ie9 .gradient #menu_top, .lt-ie9 .gradient.menu_dark #menu_top, .lt-ie9 .gradient.black_edition #menu_top {
filter: none;
--->vous pouvez ajouter ici également un backgournd pour IE<8<---
}

 

*Mais cela reste à confirmer pour filter car en théorie c'est IE9 et supérieur qui ne supporte pas cet attribut, mais comme je teste sous IE10 (possible que le moteur n'est pas 100% fiable et peut entrainer un faux problème.) Il faut vérifier sur un vrai IE8.

 

 

Normalement votre menu doit être 100% opérationnel sous IE8.

 

Merci pour le retour ;) le met à jour les thèmes Newatch utilisant ce menu.

 

V++

 

Atch

Edited by Atch (see edit history)
Link to comment
Share on other sites
CoworkingFeliz Newbie

CoworkingFeliz

Posted
Posted

Bonjour et Merci pour cette réponse rapide!

 

Il se trouve qu'il y a en fait une liste de défaut sous IE bien plus grande que ce que je pensais. Je suis vraiment désolé d'avoir publié cela sur le forum, je pensais sincèrement bien faire dans le but de partager les infos pour les futurs acheteurs... Je vais vous envoyer un mail privé avec une liste de tous les défauts recensés sous IE7 et IE8.

 

Concernant la chute des ventes, c'est très simples, le nombre d'inscription n'a pas bougé, c'est juste que les clients ne transforme plus étant donné qu'il y a de nombreux problèmes d'affichages dans le tunnel, nottament pour le choix des adresses.

 

Etant convaincu de votre sérieux et de la qualité du thème, j'espère que nous pourrons rapidement trouver une solution.

 

Salutation et à tres vite par mail privé.

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted (edited)

Bonjour,

 

PDF bien reçu, mais les captures sont majoritairement du IE7... Nous sommes sous IE10 maintenant et IE7 représente 1% des navigateurs en Europe.

 

Sous IE8 ( plus supporté par Google) , il n'y a pas de problème pour passer une commande à partir de votre site ( les captures envoyées par mail le prouve) . Je suis arrivé sur la page paypal sans problème.

 

Encore une fois, dire que le thème vous fait perdre des ventes, j'ai du mal à saisir comment ? Sauf si, seuls les 1% de la population du WEB commandent chez vous.

 

Mais cependant, si vraiment ces 1% sont vitaux pour vous, je peux regarder pour rendre votre thème compatible IE7...

 

Cordialement,

 

Paulo

Edited by Atch (see edit history)
Link to comment
Share on other sites
papich Apprentice

papich

Posted
Posted (edited)

Ce thème est très bien j'aimerais cependant profiter de ce topic pour mentionner quelques optimisations du thème

 

1/ Comment ajouter une nouvelle police personalisée?

2/ Comment changer la couleur des titres bicolores?

3/ Comment changer la couleur du logo myaccount séparamment du texte?

 

moi le seul problème que je rencontre c'est que quand j'active le cache j'ai des pages blanches sinon tout est très bien

Merci

 

j'oubliais comment modifier le dossier du thème si on veut le renommer...

 

Votre thème est en cours d'ajout sur prestatools

Edited by papich (see edit history)
Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

Bonjour Papich,

 

Ces questions se résument à des connaissances de CSS / HTML.

 

Tout ce passe dans le CSS : classic.css

 

Aidez vous de firebug pour localiser les lignes à éditer dans le css pour les changements de couleurs.

Pour ajouter une police, il faut se référer aux instructions données par google font par exemple.

 

PLacer le code donné par google font dans header.tpl puis classic.css.

 

Pour les titres bi colore, le rouge est donné par la class : .h4firstword

 

Pour les icones de la page mon compte, le changement de couleur peut etre ajouté ici :



.myaccount_lnk_list [class^="icon-"]:before, .myaccount_lnk_list [class*=" icon-"]:before {


font-size: 1.5em;
left: 45%;
margin: 0;
padding: 0;
position: absolute;
top: 25px;
}

 

Il suffit d'ajouter un Color: #votre ref;

 

Cordialement,

 

Paulo

Link to comment
Share on other sites
papich Apprentice

papich

Posted
Posted

Merci pour ta réponse mais l'idée était de donner la solution pour les personnes qui en auraient besoin car moi je n'ai toujours pas trouver et tu penses bien que si j'avais les solutions je l'aurai donné :D

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

Merci pour ta réponse mais l'idée était de donner la solution pour les personnes qui en auraient besoin car moi je n'ai toujours pas trouver et tu penses bien que si j'avais les solutions je l'aurai donné :D

 

La solution ? non se serait trop facile :)

Moi je donne la voie à suivre, ensuite il y a plus qu'a ... c'est comme ça que l'on apprend ( Un petit tour sur le site du zéro pour comprendre les bases du html/css pourrait peut etre vous servir ;) )

 

V++

 

Atch

Link to comment
Share on other sites
  • 2 weeks later...
John5557 Newbie

John5557

Posted
Posted

Bonjour Atch,

 

Merci pour ce template qui est très réussi! Je le test actuellement sur mon site et il répond très bien et sans bug.

J'ai néanmoins une petite question de personnalisation qui pourrait m'épargner à moi et à d'autre un temps de recherche dans les lignes de codes: j'essai de modifier la taille du logo tout en restant responsive, mais je n'arrive pas à retrouver les valeurs que je dois modifier/ajouter pour cela. Aurais-tu une piste à exploiter?

 

Merci d'avance de ta réponse! :)

Link to comment
Share on other sites
John5557 Newbie

John5557

Posted
Posted (edited)

Merci Papich!

 

C'est bien à cet endroit! En réalité je voulais un logo plus grand pour le site, j'ai donc imposé dans global.css la taille voulue. mais sur la version mobile cette taille se gardait cassant complètement avec la suite du site (une colone principale de 320px avec un logo de 940px :wacko: ).

 

Pour avoir un rendu cohérent il faut rajouter dans responsive.css un width de 100% et un peu de débrouille avec les tailles de logo ;)

 

Par contre je ne vois pas comment différencier les logos selon si on est sur mobile ou pas... une idée?

Edited by John5557 (see edit history)
Link to comment
Share on other sites
J. Danse Newbie

J. Danse

Posted
Posted

Par contre je ne vois pas comment différencier les logos selon si on est sur mobile ou pas... une idée?

 

Quelle est votre version utilisée ? Depuis la v1.5.3.0, il est possible d'avoir un logo basique et un logo pour le site mobile.

 

Cela dit, vu que le thème est responsive, il est possible que l'url du logo ne soit malheureusement pas impactée.

 

Il doit cela dit être possible de voir avec Atch pour prendre en compte cette fonctionnalité, ;-)

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

Zut, je ne reçois plus les notifications forum de mon propre sujet :(

 

Le logo est ajouté par l'admin Prestashop ( Préférences / thème ---> Logo de l'entete)

 

Automatiquement, il est responsive car j'ai ajouté une class au tag <img> : scale

Qui ajuste la largeur du logo selon la taille de son parent ... l'id : header_left

 

header_left à une largeur définie par "span4" qui est une class responsive ( PC : 300px)

 

Si vous souhaitez élargir votre logo à plus de 300px il faut passer en span5 (PC : 380x), et passer header_right en span7

 

NB: La somme des span'x' sur une même ligne doit toujours être égale à 12 (span5 + span7)

 

Attention , passer le header_right à span7, impose de réduire la lergeur de #search_query_top (150px au lieu de 200 par exemple).

 

V++

 

Atch

Link to comment
Share on other sites
John5557 Newbie

John5557

Posted
Posted (edited)

Merci d'une réponse si complète Atch. Mais ça n'est pas exactement ce que je cherche à faire...

 

En fait j'aimerais bien avoir un logo pour le site sur PC, et un autre plus adapté pour la version mobile. j'imagine que c'est dans header.tpl que je dois ajouter une condition mais laquelle?

comment savoir si on est sur mobile ou pas?

Edited by John5557 (see edit history)
Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

Bizarre, toujours pas de notifications :( (meme en cliquant sur suivre ce sujet)

 

Ok, je vois, oui c'est possible de faire cela mais sans utiliser le logo via Prestashop admin.

 

Je viens de le faire pour un client, je suis passé par les css.

 

Dans header.tpl, j'ai viré l'image et dans le classic.css j'ai ajouté le logo (version PC) en image Background sur le tag <a id="header_logo"> avec les dimensions de ce dernier (width et height).

 

Pour les versions tablette et mobile, j'ai fait la même chose, mais dans Responsive.css cette fois ci.

 

V++

 

Atch

Link to comment
Share on other sites
-ToM- Newbie

-ToM-

Posted
Posted (edited)

Bonjour Atch,

 

Merci pour ce thème très pratique et réussi.

J'ai des connaissances plutôt limitées et avec vos explications, ben je m'en suis sorti.

 

J'ai une question toute simple : je n'arrive pas à activer le bouton "Partager sur Facebook" sur la page des produits (en dessous du prix). Le module "Envoyer à un ami" et ajouter aux favoris se sont bien paramétrés mais je n'arrive pas avec le bouton Facebook.

Le module est bien activé, mais après je ne sais pas quoi faire.

 

Merci par avance pour votre aide ^_^

 

Edit : Finalement j'ai réussi à trouver... Comme dit plus haut : quand on cherche, on trouve ;) Super thème en tout cas ! Merci

Edited by -ToM- (see edit history)
Link to comment
Share on other sites
Precisionski Newbie

Precisionski

Posted
Posted

Bonjour,

 

Très bon thème.

J'ai une question, je n'arrive pas à partager mon site via Facebook.

 

Je prends l'url du site, je la met sur Facebook pour partager le site, et Facebook ne détecte uniquement le lien, aucune vignette, aucune meta détectée, est-ce dû au thème ?

 

Dernière chose, est-il possible d'ajouter un bloc à droite sur la page d'accueil ?, en dernier ?

Link to comment
Share on other sites
  • 2 weeks later...
kevin78 Newbie

kevin78

Posted
Posted

Je pense que je vais l'acheter pour un futur site que je vais faire.

C'est dommage car je viens de prendre un thème chez DDLX avec le EVO6.

Tu ne peux pas rajouter un outil de ce style ? Il permet de configurer et personnaliser rapidement le thème, le footer, les couleurs, et intégrer son propre style css via le BO.

 

Ton thème, c'est bien du vrai responsive, et non une version "mobile" comme par défaut ?

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted (edited)

Bonjour,

 

Arf je ne reçois plus les notifications, sur mes propres sujets!!!

 

Bonjour,

 

Très bon thème.

J'ai une question, je n'arrive pas à partager mon site via Facebook.

 

Je prends l'url du site, je la met sur Facebook pour partager le site, et Facebook ne détecte uniquement le lien, aucune vignette, aucune meta détectée, est-ce dû au thème ?

 

Dernière chose, est-il possible d'ajouter un bloc à droite sur la page d'accueil ?, en dernier ?

 

1°/ Pour voir cela, il me faudrait une unr pour constater ce qu'il se passe

2°/ Oui, ça reste un Prestashop avec les mêmes fonctionnalités.

 

 

Je pense que je vais l'acheter pour un futur site que je vais faire.

C'est dommage car je viens de prendre un thème chez DDLX avec le EVO6.

Tu ne peux pas rajouter un outil de ce style ? Il permet de configurer et personnaliser rapidement le thème, le footer, les couleurs, et intégrer son propre style css via le BO.

 

Ton thème, c'est bien du vrai responsive, et non une version "mobile" comme par défaut ?

 

Oui le thème est un Vrai Responsive ( Il utilise Bootstrap pour être précis)

 

Pourquoi un outil aussi complexe pour ajouter un background et changer deux trois couleurs :)

Peut etre un jour, mais pour l'instant ce n'est pas au programme.

 

V++

 

Atch

Edited by Atch (see edit history)
Link to comment
Share on other sites
  • 2 weeks later...
Antonin L. Newbie

Antonin L.

Posted
Posted

Bonjour,

J'aimerai que le client puisse apercevoir son "nom et prénom", lors de sa connexion. En gros, remplacer l'onglet "Mon compte" par le "nom et prénom" du client.

Comment faire ?

 

C'est la seule chose que je souhaite savoir avant l'achat de ce magnifique thème.

 

Cordialement.

En attente de vous lire...

 

Antonin.

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

Bonjour,

 

Oui c est possible, le code est à récupérer dans le module natif blockuserinfo.tpl.

Si vous avez des notions d html la modif est facile.

 

Merci pour votre commentaire :).

 

V++

 

Atch

Link to comment
Share on other sites
guillaumel Newbie

guillaumel

Posted
Posted

Bonjour,

 

Très bon thème bien optimisé ! Second thème que j'achète chez AtchWorks en 2 - 3 ans, toujours satisfait !

 

J'ai un petit soucis pas bien méchant : pour illustrer la description d'un article j'utilise une image de 940 px de large. Impeccable sur PC cela génère des problèmes lors de la navigation depuis une tablette et un téléphone : l'image ne change pas de dimensions.

 

Y a t-il quelque chose à faire ? Par exemple en allant dans l'onglet apparence de l'image et en sélectionnant une classe qui la rends responsive ???

 

Bref, cela fait maintenant environ 1h que je fais des essais mais je ne m'en sors pas.

 

Bon dimanche à tous !

Link to comment
Share on other sites
kevin78 Newbie

kevin78

Posted
Posted

Quel est ton site guillaumel ?

j'aimerai bien vir ce que ça donne justement en version mobile / tablette.

Je pense acheter ce module.

Tu peux personnaliser aussi facilement que les thèmes type DDLX ? (qui ne sont malheureusement pas responsive)

Link to comment
Share on other sites
guillaumel Newbie

guillaumel

Posted
Posted (edited)

Quel est ton site guillaumel ?

j'aimerai bien vir ce que ça donne justement en version mobile / tablette.

Je pense acheter ce module.

Tu peux personnaliser aussi facilement que les thèmes type DDLX ? (qui ne sont malheureusement pas responsive)

 

Je n'aime pas trop donner les noms des sites que je fais... prestashop rend les choses tellement facile, par contre tu peux regarder ce site (Edit: qui n'est pas de moi mais sur lequel j'ai testé le template de NewAtch) : http://www.la4emedim...n.org/eshop/fr/ qui est tout à fait responsive.

 

 

 

Je ne connais pas DDLX mais la personnalisation du thème est assez simple, deplus le design du thème Universel correspond au côté minimaliste que je cherchais.

 

 

 

Bonjour Guillaumel,

 

Il faut ajouter la class "scale" au tag img de ton image.

 

Merci pour ton commentaire :)

 

V++

 

Atch

 

Ben je crois que j'avais testé beaucoup de classes sauf celle-là... située en 3ème position dans la liste des classes... merci beaucoup !

 

Ce thème responsive est terriblement bien fait, cela nous permet d'avoir toutes nos chances dans l'internet mobile !

 

A bientôt pour de nouvelles questions...

 

Guillaume

Edited by guillaumel (see edit history)
Link to comment
Share on other sites
papich Apprentice

papich

Posted
Posted (edited)

Bonjour,

 

Je n'arrive pas à mettre un fond sur la home derrière les produits phares, slider, en tete...

 

@guillaumel comment as tu mis ce fond peut etre serait ce un début de réponse pour moi

 

j'ai mis ce code dans classic.css mais ca ne marche pas

body{
font:normal 12px/14px Arial, Verdana, sans-serif;
color:#888888;
background:url(img/bodyBackground.jpg) repeat-x top;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
}

Edited by papich (see edit history)
Link to comment
Share on other sites
guillaumel Newbie

guillaumel

Posted
Posted

Bonjour,

 

Je n'arrive pas à mettre un fond sur la home derrière les produits phares, slider, en tete...

 

@guillaumel comment as tu mis ce fond peut etre serait ce un début de réponse pour moi

 

j'ai mis ce code dans classic.css mais ca ne marche pas

body{
font:normal 12px/14px Arial, Verdana, sans-serif;
color:#888888;
background:url(img/bodyBackground.jpg) repeat-x top;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
}

 

J'ai également mis le fond gris sur le mien, je pense que le simple fait d'activer "boxed_width ( Theme dans un cadre de 980px)" permet d'avoir le cadre et donc le fond que tu vois sur le site la4emedimension (PS: ce n'est pas moi qui ai fait ce site)

Link to comment
Share on other sites
kevin78 Newbie

kevin78

Posted
Posted (edited)

Bonjour,

j'ai acheté le thème, principalement pour le responsive, mais lorsque je suis sur le téléphone, j'ai l'impression qu'il n y a aucune mise en page.

En fait, ce n'est pas identique à la démo :

- je n'ai les logos

- le plan du site n'est pas identique (tout est développé, sous catégorie, sous sous catégorie, etc.)

 

Le fait d'avoir rajouté un module tierce est il à l'origine de cela ou faut il faire un réglage en plus?

 

edit : veuillez m'excuser, il suffisait de désactiver le thème mobile ;)

Edited by kevin78 (see edit history)
Link to comment
Share on other sites
guillaumel Newbie

guillaumel

Posted
Posted (edited)

En ce qui me concerne il y a une réelle différence,

Testé sur

  • PC navigateur Google Chrome
  • Sur Tablette Samsung Galaxy 10.1
  • Sur Téléphone Blackberry Z10
  • Sur Téléphone Samsung Galaxy S2

Pour ma part, l'affichage est super, il ne faut pas oublier d'utiliser la class "scale" lorsqu'une image est utilisée dans les détails des articles.

 

Le menu change en mode tablette et est même différent en mode téléphone, les articles en page d'accueil aussi : par exemple sur PC c'est une vignette alors que sur tablette c'est une vignette + détail.

 

Sur téléphone le menu est également simplifié, il y a même un icone "téléphone" qui apparaît et si l'acheteur clique dessus il lance un appel depuis son mobile.

 

Niveau chargement des pages il n'y a pas photo, j'ai acheté, il y a quelques mois un thème pas trop cher pour PS 1.5 : leo caméra... je n'ai jamais eu autant de problème, j'ai même réinstallé le vieux PS 1.4.7 avec un vieux thème à la place du 1.5. j'ai perdu inutilement des sous... (pour ceux que ça intéresse voilà le topic que j'ai ouvert à l'époque : http://www.prestasho...63#entry1205563 )

 

J'ai également testé le thème AtchWorks avec PS 1.5.4.1 sur le site http://tools.pingdom.com/fpt/ mon site est chargé en 4,82 Sec !

 

Allez un infographic pour nous motiver à utiliser un thème responsive

 

moovweb-growth-of-mobile-and-tablets.v.5g.png

 

@ bientôt

Edited by guillaumel (see edit history)
Link to comment
Share on other sites
guillaumel Newbie

guillaumel

Posted
Posted

Bonsoir,

 

Encore une petite galère, je n'arrive pas à trouver où supprimer certains menus présents dans le footer dans l'onglet INFORMATION

 

189909menus.jpg

 

J'ai bien trouvé tout ceux qui sont en dessous du cadre rose en jouant avec le module blockcms mais je veux supprimer les trois qui sont dans le cadre...

 

Merci par avance.

 

Guillaume.

Link to comment
Share on other sites
papich Apprentice

papich

Posted
Posted

Bonjour,

 

Regarde ligne 50 dans le dossier du modules newatch/modules/blockcms/blockcms.tpl

 

 <ul>
  {if !$PS_CATALOG_MODE}<li class="first_item"><a href="{$link->getPageLink('prices-drop')}" title="{l s='Specials' mod='blockcms'}">{l s='Specials' mod='blockcms'}</a></li>{/if}
  <li class="{if $PS_CATALOG_MODE}first_{/if}item"><a href="{$link->getPageLink('new-products')}" title="{l s='New products' mod='blockcms'}">{l s='New products' mod='blockcms'}</a></li>
  {if !$PS_CATALOG_MODE}<li class="item"><a href="{$link->getPageLink('best-sales')}" title="{l s='Top sellers' mod='blockcms'}">{l s='Top sellers' mod='blockcms'}</a></li>{/if}
  {if $display_stores_footer}<li class="item"><a href="{$link->getPageLink('stores')}" title="{l s='Our stores' mod='blockcms'}">{l s='Our stores' mod='blockcms'}</a></li>{/if}
  <li class="item"><a href="{$link->getPageLink($contact_url, true)}" title="{l s='Contact us' mod='blockcms'}">{l s='Contact us' mod='blockcms'}</a></li>
  {foreach from=$cmslinks item=cmslink}
   {if $cmslink.meta_title != ''}
 <li class="item"><a href="{$cmslink.link|addslashes}" title="{$cmslink.meta_title|escape:'htmlall':'UTF-8'}">{$cmslink.meta_title|escape:'htmlall':'UTF-8'}</a></li>
   {/if}
  {/foreach}
 </ul

 

Si tu commentes ces lignes je penses que tu devrais avoir ta réponse

 

Personne pour mon histoire de fond?

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

ah je pensais que c'etait le tiens moi je cherche un fond uni mais avec un motif

 

ça ce change dans classic.css

 

 

#page {

 

 

background-color: #FFFFFF;

border-top-style: solid;

border-top-width: 3px;

}

 

Il suffit d'ajouter votre image dans l'id Page

 

V++

 

Atch

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

Car les mentions n'apparaissent pas dans product-list.

 

Mais il est possible des les faire apparaitre, Prestashop renvoie toutes les infos, il y a juste à récupérer les variables et les ajouter dans le tpl.

 

V++

 

Atch

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

J'ai tenter de prendre le code du thème par défault mais sa fonctionne pas. Ou alors j'ai pas pris le bon code dans product-list.tpl

Dans le product-list par défaut ce n'est pas prévu... Juste la dispo ou hors stock est visible.

Pour la date, il faut ajouter la variable correspondante avec une condition si la date existe et que le produit soit hors stock.

 

V++

 

Atch

Link to comment
Share on other sites
Antonin L. Newbie

Antonin L.

Posted
Posted

@Le-Cathare pourquoi ne changes tu pas dans les traductions tu remplace par texte choisi non?

 

@Antonin si ton menu est responsive je pense que c'est bon après faut tester quel menu souhaites tu mettre?

 

Bonjour,

 

Le menu que je souhaite mettre en place n'est malheureusement pas "responsive". Je suis déçu car le thème en lui même est "responsive" est il convient parfaitement à mes attentes malgré ce menu (par défaut). Si je place un menu qui n'est pas "responsive", ce n'est pas la peine, car sur mobile ou tablette la navigation ne sera pas facile.

 

Si vous aviez sous la main quelques noms de menus "responsive", je suis preneur.

 

Cordialement.

Antonin.

Link to comment
Share on other sites
Antonin L. Newbie

Antonin L.

Posted
Posted

Je viens à l'instant d’identifier un bug lors de la phase de paiement. C'est un problème de "hover". Ce "hover" n'est pas adapté correctement par rapport au texte. Ce bug est constaté uniquement avec "ogone".

 

Je vous joins l'image pour que vous puissiez apercevoir ce petit bug:

 

post-633029-0-58742000-1375377484_thumb.gif

Link to comment
Share on other sites
kevin78 Newbie

kevin78

Posted
Posted

Pour le moment le menu que j'utilise n'est pas responsive, j'ai contacter la créatrice du module, qui m'a dit quelle allait prochainement le faire responsive. Mon menu est celui ci : http://www.prestacre...topmenuxxl.html

 

Je souhaite exactement la même chose.

J'attends qu'ils sortent un menu horizontal responsive, car on ne peut pas faire grand chose avec le menu de base.

 

Dans ma colonne de gauche, j'ai un menu déroulant pour la sélection de catégorie.

@Atch, existe t-il une solution pour pouvoir insérer ce menu dans la version mobile ?

Le module utlisé n'est pas greffable dans la home

 

http://store.nemops.com/16-step-search.html

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

Je viens à l'instant d’identifier un bug lors de la phase de paiement. C'est un problème de "hover". Ce "hover" n'est pas adapté correctement par rapport au texte. Ce bug est constaté uniquement avec "ogone".

 

Je vous joins l'image pour que vous puissiez apercevoir ce petit bug:

 

post-633029-0-58742000-1375377484_thumb.gif

 

Bonjour,

 

Ce n'est pas un Bug mais juste un manque de cohésion entre chaque module de payement.

Aucun ne code ce TPL (payment.tpl) de la meme façon !!! Résultat, difficile pour un intégrateur de themes généralistes de proposer un style différent du thème de base.

 

Il faut vous inspirer du module de payement chèque pour modifier le tpl de votre module Ogone.

 

V++

 

Atch

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

Pour les menus non responsive, il existe une "combine" qui consiste a utiliser les deux menus :

 

- Menu géant / XL /Riche etc : ----> version desktop

- Menu Top de base prestashop : ----> Verstion Tablette + Mobile

 

Il suffit pour cela d'activer les deux modules et d'éditer les tpl de chacun pour y ajouter les class suivantes :

 

"visible-desktop" pour le menu géant

 

"visible-tablet , visible-phone" pour le menu Prestashop

 

extrait du css Responsive pour comprendre ce qu'il se passe:

 

@media (min-width: 768px) and (max-width: 979px) {
 .hidden-desktop {
   display: inherit !important;
 }
 .visible-desktop {
   display: none !important ;
 }
 .visible-tablet {
   display: inherit !important;
 }
 .hidden-tablet {
   display: none !important;
 }
}
@media (max-width: 767px) {
 .hidden-desktop {
   display: inherit !important;
 }
 .visible-desktop {
   display: none !important;
 }
 .visible-phone {
   display: inherit !important;
 }
 .hidden-phone {
   display: none !important;
 }
}

 

 

 

Dans ma colonne de gauche, j'ai un menu déroulant pour la sélection de catégorie.

@Atch, existe t-il une solution pour pouvoir insérer ce menu dans la version mobile ?

Le module utlisé n'est pas greffable dans la home

 

http://store.nemops....tep-search.html

 

Ou il est possible d'afficher les modules de la colonne de gauche en version mobile et d'utiliser du coup le module ci-dessus.

Pour cela il vous suffit d'éditer header.tpl et de virer "hidden-phone" ici :

<div id="left_column" class="column span3 hidden-phone">

 

V++

 

Atch

Link to comment
Share on other sites
Antonin L. Newbie

Antonin L.

Posted
Posted

Bonjour,

 

Ce n'est pas un Bug mais juste un manque de cohésion entre chaque module de payement.

Aucun ne code ce TPL (payment.tpl) de la meme façon !!! Résultat, difficile pour un intégrateur de themes généralistes de proposer un style différent du thème de base.

 

Il faut vous inspirer du module de payement chèque pour modifier le tpl de votre module Ogone.

 

V++

 

Atch

 

Merci pour votre aide. Vos suggestions m'ont permis de résoudre le problème sans difficulté. :)

Link to comment
Share on other sites
Le-cathare Newbie

Le-cathare

Posted
Posted (edited)

je relance mon dernier post :

 

Mais dans produc-list je veux pas mettre la date. Uniquement les mentions dispo. En version mobile et tablette les mentions stock s'affiche mais pas en version classique

 

Aussi dans le footer, bloc réassurance j'ai mais ancien icone qui s'affiche et non pas ceux du thème

Edited by Le-cathare (see edit history)
Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

je relance mon dernier post :

 

Mais dans produc-list je veux pas mettre la date. Uniquement les mentions dispo. En version mobile et tablette les mentions stock s'affiche mais pas en version classique

 

Aussi dans le footer, bloc réassurance j'ai mais ancien icone qui s'affiche et non pas ceux du thème

 

Bonjour Le-cathare,

 

Pour l'afficher en version desktop, il suffit de virer le display none dans responsive.css. Mais il y a un peu de mise en page pour un résultat nickel.

 

@atch un block html responsive multi hook sera la bienvenue dans la prochaine version car comment as été mis en place le "livraison gratuite" de la demo via le module advertising?

 

Bonjour Papich,

 

L'image livraison gratuite est comme vous l'indiquez, envoyée via le module Publicité , greffé sur la colonne de droite.

Rien de sorcier.

 

J'ai fait un choix de réaliser un thème uniquement avec les modules inclus en natif dans Prestashop. Plus facile à maintenir dans le temps. Il y a tellement de possibilité déjà avec les natifs !!

 

V++

 

Atch

Link to comment
Share on other sites
Antonin L. Newbie

Antonin L.

Posted
Posted (edited)

@antonin le resultat en image?

 

@atch un block html responsive multi hook sera la bienvenue dans la prochaine version car comment as été mis en place le "livraison gratuite" de la demo via le module advertising?

 

 

Pas de problème. Je ne me suis pas contenté de montrer le résultat, j'ai également fait un petit tuto explicatif sur l'image ci-dessous.

 

Voilà l'image:

 

post-633029-0-91527800-1375469134_thumb.gif

Edited by Antonin L. (see edit history)
Link to comment
Share on other sites
kevin78 Newbie

kevin78

Posted
Posted

 

Ou il est possible d'afficher les modules de la colonne de gauche en version mobile et d'utiliser du coup le module ci-dessus.

Pour cela il vous suffit d'éditer header.tpl et de virer "hidden-phone" ici :

<div id="left_column" class="column span3 hidden-phone">

 

V++

 

Atch

 

Super combine, je l'avais zappé.

J'ai donc viré le hidden-phone.

Puis rajouter un "hidden-phone" dans les autres modules greffés sur la colonne de gauche.

 

En plus de ça, pour le menu déroulant, vu qu'il se répétait en chaque fois, je ne l'ai mis que sur la page d'accueil, en rajoutant

{if $page_name eq 'index'}

 

Je vais en faire de même pour le menu horizontal.

Link to comment
Share on other sites
Le-cathare Newbie

Le-cathare

Posted
Posted (edited)

Dans le footer, bloc réassurance j'ai mais ancien icone qui s'affiche et non pas ceux du thème. Comment faire pour afficher ce du thème comme dans la démo ?

 

Bonjour Le-cathare,

 

Pour l'afficher en version desktop, il suffit de virer le display none dans responsive.css. Mais il y a un peu de mise en page pour un résultat nickel.

dans responsive.css j'ai rien trouver, j'ai trouver ceci dans product-list.css

Edited by Le-cathare (see edit history)
Link to comment
Share on other sites
Antonin L. Newbie

Antonin L.

Posted
Posted

Dans le footer, bloc réassurance j'ai mais ancien icone qui s'affiche et non pas ceux du thème. Comment faire pour afficher ce du thème comme dans la démo ?

 

Bonjour Le-cathare,

 

Pour l'afficher en version desktop, il suffit de virer le display none dans responsive.css. Mais il y a un peu de mise en page pour un résultat nickel.

dans responsive.css j'ai rien trouver, j'ai trouver ceci dans product-list.css

 

Voici la réponse qu'a donné "Atch" dans le topic "NewAtch bio" :

 

Je cite: "les images réassurances sont gérées par le module et non par le theme (elles sont stockées dans le répertoire du module) . Pareil, si vous souhaitez les images de la démo, je peux vous les envoyer."

Link to comment
Share on other sites
Le-cathare Newbie

Le-cathare

Posted
Posted (edited)

Pour revenir à la mention stock, je souhaite rajouter une classe pour faire en sorte que les produits non dispo mais commandable est une autre mention que stock épuisé. mais comme je connais rien en prog je sais pas quoi ajouter, déja j'imagine que cela ce passe dans product-list.tpl puis dans product-list.css

Edited by Le-cathare (see edit history)
Link to comment
Share on other sites
Antonin L. Newbie

Antonin L.

Posted
Posted (edited)

oups désolé je contacte atch

 

Ce n'est pas grave. Par contre pour obtenir les images ce n'est pas très compliqué.

 

1/ Rendez-vous sur la démo du thème.

2/ Faites une capture d’écran de manière à ce que l'on distingue les images du "bloc réassurance"

3/ Ouvrez un éditeur d'image (photoshop, gimp, ...)

4/ Ouvrir (ou collez) la capture d'écran du point 2/, dans l'éditeur d'image.

5/ Recadrez l'image voulue.

6/ Enregistrez.

 

Refaire le point 5/ autant de fois que vous le souhaitez.

Edited by Antonin L. (see edit history)
Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

Sur la démo du theme Universel, je n'utilise pas d'image mais la police spécifique utilisée dans le theme.

 

Je m'explique :

 

Pour la démo, le footer change de couleur ( clair ou foncé). Les images étant gérées par le module, j'ai rusé pour pouvoir changer la couleur des images en utilisant que du css.

 

les icones sont là :

http://demo.atchworks.com/font/

 

Ce pack est inclus dans le theme :

 

Pour les utiliser j'ai ajouté le code ci-dessous dans le css :

 

#reinsurance_block img {display: none}

#reinsurance_block li:before {
   font-family: 'icomoon';
   font-style: normal;
   font-weight: normal;
   font-size: 30px;
   height: 30px;
   width: 30px;
   line-height: 30px;
   margin-right: 10px ;
   float: left;
}
#reinsurance_block li:nth-child(1):before { content: "\e085"; font-size: 25px}
#reinsurance_block li:nth-child(2):before { content: "\e0bf"; font-size: 25px}
#reinsurance_block li:nth-child(3):before { content: "\e00a"}
#reinsurance_block li:nth-child(4):before { content: "\e009"}
#reinsurance_block li:nth-child(5):before { content: "\e057"}

 

Sinon, habituellement, j'utilise ce pack d’icône :http://www.gentleface.com/free_icon_set.html

 

V++

 

Atch

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

Hum par contre, j'ai un bug.

Lorsque je créé un compte via le téléphone, la page reste figée.

J'ai beau entré une adresse mail, et valider sur OK, mais la page reste sur la même..

Sur le pc, cela fonctionne bien

 

Je viens de tester sur la démo avec mon Android et l'inscription fonctionne correctement.

Quel est votre portable ?

 

V++

 

Atch

Link to comment
Share on other sites
kevin78 Newbie

kevin78

Posted
Posted (edited)

Je viens de tester sur la démo avec mon Android et l'inscription fonctionne correctement.

Quel est votre portable ?

 

V++

 

Atch

 

[corrigé]

J'ai effectué sur iphone et nokia.

Mais apparemment, ça provient de mon site.

Je ne sais pas ce qui est en cause, j'ai modifié peu de choses pourtant.

Si le client existe bien, cela marche, je peux m'enregistrer.

Si je rentre une adresse mail déjà existant, cela marche aussi : il m'affiche "le compte existe déjà".

Mais dès que je veux créé un nouveau compte, il bloque...

 

edit : j'ai essayé avec un autre thème, et ça marche bien avec les autres thèmes.

edit2 : j'ai corrigé. Il s'agissait d'un hidden-phone mal placé...

[/corrigé]

Edited by kevin78 (see edit history)
Link to comment
Share on other sites
Le-cathare Newbie

Le-cathare

Posted
Posted

Sur la démo du theme Universel, je n'utilise pas d'image mais la police spécifique utilisée dans le theme.

 

Je m'explique :

 

Pour la démo, le footer change de couleur ( clair ou foncé). Les images étant gérées par le module, j'ai rusé pour pouvoir changer la couleur des images en utilisant que du css.

 

les icones sont là :

http://demo.atchworks.com/font/

 

Ce pack est inclus dans le theme :

 

Pour les utiliser j'ai ajouté le code ci-dessous dans le css :

 

#reinsurance_block img {display: none}

#reinsurance_block li:before {
font-family: 'icomoon';
font-style: normal;
font-weight: normal;
font-size: 30px;
height: 30px;
width: 30px;
line-height: 30px;
margin-right: 10px ;
float: left;
}
#reinsurance_block li:nth-child(1):before { content: "\e085"; font-size: 25px}
#reinsurance_block li:nth-child(2):before { content: "\e0bf"; font-size: 25px}
#reinsurance_block li:nth-child(3):before { content: "\e00a"}
#reinsurance_block li:nth-child(4):before { content: "\e009"}
#reinsurance_block li:nth-child(5):before { content: "\e057"}

 

Sinon, habituellement, j'utilise ce pack d’icône :http://www.gentleface.com/free_icon_set.html

 

V++

 

Atch

 

Tu rajoute le code au css directement au module ou dans le thèmes>CSS>module

Link to comment
Share on other sites
Antonin L. Newbie

Antonin L.

Posted
Posted

Bonjour,

 

Ayant déplacé le module recherche (donc plus présent dans le "header"), j'aimerais combler le manque par une image (N° tel.).

Je veux que l'image apparaisse seulement en version pc et tablette (sinon, l'image va se balader en version mobile).

Est-ce possible ?

Ou alors est-ce qu'il y a une alternative ?

 

Cordialement.

Bon dimanche !

Antonin.

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

Bonjour,

 

Ayant déplacé le module recherche (donc plus présent dans le "header"), j'aimerais combler le manque par une image (N° tel.).

Je veux que l'image apparaisse seulement en version pc et tablette (sinon, l'image va se balader en version mobile).

Est-ce possible ?

Ou alors est-ce qu'il y a une alternative ?

 

Cordialement.

Bon dimanche !

Antonin.

 

Bonjour,

 

Il faut éditer header.tpl pour ajouter votre image ou votre texte dans le <div id="header_right">

Ajouter à votre block, la class : "hidden-mobile"

 

V++

 

Atch

Link to comment
Share on other sites
Antonin L. Newbie

Antonin L.

Posted
Posted (edited)

Bonjour,

 

Il faut éditer header.tpl pour ajouter votre image ou votre texte dans le <div id="header_right">

Ajouter à votre block, la class : "hidden-mobile"

 

V++

 

Atch

Bonjour,

Merci pour l'astuce. Par contre les liens relatifs, ça commence à m'énerver.

Mon image que je souhaite mettre se trouve dans le dossier "img".

Je mets donc <img src=".../img/xxx.gif" width="(xxx)px" height="(xxx)px" /> dans la div "header_right".

Malheureusement, sans succès.

 

Cordialement.

Antonin.

 

EDIT: J'ai opté pour une autre solution plus adéquate à ce que je voulais obtenir. Je mettrais la méthode pour laquelle j'ai opté...

Edited by Antonin L. (see edit history)
Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

Bonjour,

Merci pour l'astuce. Par contre les liens relatifs, ça commence à m'énerver.

Mon image que je souhaite mettre se trouve dans le dossier "img".

Je mets donc <img src=".../img/xxx.gif" width="(xxx)px" height="(xxx)px" /> dans la div "header_right".

Malheureusement, sans succès.

 

Cordialement.

Antonin.

 

EDIT: J'ai opté pour une autre solution plus adéquate à ce que je voulais obtenir. Je mettrais la méthode pour laquelle j'ai opté...

 

il faut mettre {$img_dir}monimg.jpg ----> mettre ensuite monimg.jpg dans le répertoire img du theme.

 

V++

 

Atch

Link to comment
Share on other sites
Antonin L. Newbie

Antonin L.

Posted
Posted (edited)

il faut mettre {$img_dir}monimg.jpg ----> mettre ensuite monimg.jpg dans le répertoire img du theme.

 

V++

 

Atch

 

Merci ça fonctionne bien.

Par contre comme je l'ai signalé en EDIT, dans mon précédent post. J'ai opté pour une autre solution car tout simplement je me suis rendu compte qu'en procédant ainsi, l'image a tendance à naviguer de partout. Pour le constater j'ai tout simplement joué avec le navigateur (en rétrécissant le navigateur progressivement) pour tester les différents modes (pc, tablette, mobile).

 

Pour mon autre solution. J'ai tout simplement agrandi mon logo pour faire en sorte qu'il y ait dans la même image (le logo+n°tel.). Jai donc uploadé ma nouvelle image à la place de mon ancien logo via le back office (préférence -> Thèmes -> apparence -> logo de l'en-tête).

Mais là aussi, ça pose un souci, car bien sûr en mode mobile, l'image dépasse. Il faudrait tout simplement en mode mobile, cacher ce grand logo (le logo+n°tel.) et à la place ajouter le logo seulement. Je ne sais pas si ceci est réalisable...

 

Cordialement.

Antonin.

 

EDIT: J'ai renseigné les valeurs (width et height) de mon nouveau logo dans le global.css (#header_logo) du thème.

Edited by Antonin L. (see edit history)
Link to comment
Share on other sites
Antonin L. Newbie

Antonin L.

Posted
Posted (edited)

Merci ça fonctionne bien.

Par contre comme je l'ai signalé en EDIT, dans mon précédent post. J'ai opté pour une autre solution car tout simplement je me suis rendu compte qu'en procédant ainsi, l'image a tendance à naviguer de partout. Pour le constater j'ai tout simplement joué avec le navigateur (en rétrécissant le navigateur progressivement) pour tester les différents modes (pc, tablette, mobile).

 

Pour mon autre solution. J'ai tout simplement agrandi mon logo pour faire en sorte qu'il y ait dans la même image (le logo+n°tel.). Jai donc uploadé ma nouvelle image à la place de mon ancien logo via le back office (préférence -> Thèmes -> apparence -> logo de l'en-tête).

Mais là aussi, ça pose un souci, car bien sûr en mode mobile, l'image dépasse. Il faudrait tout simplement en mode mobile, cacher ce grand logo (le logo+n°tel.) et à la place ajouter le logo seulement. Je ne sais pas si ceci est réalisable...

 

Cordialement.

Antonin.

 

EDIT: J'ai renseigné les valeurs (width et height) de mon nouveau logo dans le global.css (#header_logo) du thème.

 

J'ai réussi !

Edited by Antonin L. (see edit history)
Link to comment
Share on other sites
Antonin L. Newbie

Antonin L.

Posted
Posted

Bonjour,

 

Il s'avère que mon background ne se fixe pas uniquement sous chrome malgré que j'y ai indiqué l'option "fixed" dans le classic.css (dans la ligne background du body). J'ai même essayé d'ajouter "background-attachment: fixed;" mais en vain, sans succès malheureusement.

 

Un petit coup de pouce ne serait pas de refus.

 

Cordialement.

Antonin.

Link to comment
Share on other sites
kevin78 Newbie

kevin78

Posted
Posted

Antonin,

tu as fixé un BG lorsque le visiteur est sur l'ordi de bureau, et tu l'as désactivé lorsque c'est un téléphone.

C'est bien ça ?

Si oui, comment as tu fais ? Car je souhaite mettre un header personnalisé (fichier image de 960px) sur l'affichage normal, et désactivé sur téléphone.

Par contre, si je mets une image de 960px dans le header en tant que logo, ça décale le header right.

Si je mets une image dans le header-right, ça décale le panier etc.

 

Atch,

Lorsque j'ai des déclinaisons, les boutons "ajouter au panier" ou "voir le produit" sont remplacés par un bouton noir.

J'ai remplacé dans le fichier product-list.tpl, la ligne 58

{if $product.id_product_attribute != 0 && (isset($add_prod_display) && ($add_prod_display != 1)) OR !$product.available_for_order}

par

{if $product.id_product_attribute != 0 && (isset($add_prod_display)) OR !$product.available_for_order}

 

Est-ce correct pour toi?

Concernant l'affichage, tout est ok de mon côté.

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...