Jump to content

[Theme Responsive] Newatch Universel Pour Prestashop 1.5

Atch

By Atch
in Modules et thèmes payants

 Share

Recommended Posts

Le-cathare Newbie

Le-cathare

Posted
Posted (edited)

Bonjour,

 

je souhaite que les produit non dispo mais commandable et d'une autre couleur et autres mention que celle des produits non dispo non commandable.

 

Je pense que cela ce joue dans product-list.tpl puis dans le css pour la couleur mais je sais pas quoi ajouter a cette partie du fichier du product-list.tpl

 

Voici mon ma partie product-list.tpl

 

</div>

<div class="plavailability">

{if ($product.quantity > 1)}<span class="availability icon-bars availabvisu">{l s='Available'}</span>

{else}

{if ($product.quantity > 0)}<span class="option icon-bars availabvisu">{l s='stock limited'}</span>

{else}

<span class="outofstock icon-bars availabvisu">{l s='Out of stock'}</span>

{/if}

{/if}

</div>

 

 

Merci d'avance

Edited by Le-cathare (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

Antonin L. Newbie

Antonin L.

Posted
Posted (edited)

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é.

 

Bonjour Kevin,

 

Non, le problème que j'ai actuellement avec mon background qui ne se fixe pas avec chrome (image d'arrière plan, (pas dans le "header")) n'a pas de rapport avec mes autres problèmes que j'ai eu, c'est un problème à part.

 

Le problème que j'ai résolu, c'est le fait d'avoir mon logo (plutôt une image si je puis dire "626px * 92px" ("dans le header")) que j'ai uploadé à partir du backoffice (préférence -> Thèmes -> apparence -> logo de l'en-tête) et que ce logo (image de "626px X 92px") disparaisse uniquement pour la version mobile. Ensuite, j'y ai donc ajouté un logo plus petit sur la version mobile en utilisant les feuilles "header.tpl" et "global.css".

 

Pour + d'infos n'hésite pas !

 

Cordialement.

Antonin.

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

kevin78

Posted
Posted

Bonjour Kevin,

 

Non, le problème que j'ai actuellement avec mon background qui ne se fixe pas avec chrome (image d'arrière plan, (pas dans le "header")) n'a pas de rapport avec mes autres problèmes que j'ai eu, c'est un problème à part.

 

Le problème que j'ai résolu, c'est le fait d'avoir mon logo (plutôt une image si je puis dire "626px * 92px" ("dans le header")) que j'ai uploadé à partir du backoffice (préférence -> Thèmes -> apparence -> logo de l'en-tête) et que ce logo (image de "626px X 92px") disparaisse uniquement pour la version mobile. Ensuite, j'y ai donc ajouté un logo plus petit sur la version mobile en utilisant les feuilles "header.tpl" et "global.css".

 

Pour + d'infos n'hésite pas !

 

Cordialement.

Antonin.

 

Le logo rajouté ne décale par les modules présents dans le header-right ?

Link to comment
Share on other sites
Antonin L. Newbie

Antonin L.

Posted
Posted

Le logo rajouté ne décale par les modules présents dans le header-right ?

 

Etant donné que j'ai enlevé la barre recherche du header, non ça ne décale rien.

 

PS: J'ai ajouté les mesures (width et height) de mon logo (img "626px * 92px" ) dans le global.css (#header_logo) du thème.

Link to comment
Share on other sites
Le-cathare Newbie

Le-cathare

Posted
Posted (edited)

Up du post :

Bonjour,

 

je souhaite que les produit non dispo mais commandable soit d'une autre couleur et d'une autres mention que celle des produits non dispo non commandable.

 

Je pense que cela ce joue dans product-list.tpl puis dans le css pour la couleur mais je sais pas quoi ajouter a cette partie du fichier du product-list.tpl

 

Voici mon ma partie product-list.tpl

 

</div>

<div class="plavailability">

{if ($product.quantity > 1)}<span class="availability icon-bars availabvisu">{l s='Available'}</span>

{else}

{if ($product.quantity > 0)}<span class="option icon-bars availabvisu">{l s='stock limited'}</span>

{else}

<span class="outofstock icon-bars availabvisu">{l s='Out of stock'}</span>

{/if}

{/if}

</div>

 

 

Merci d'avance

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

kevin78

Posted
Posted

J'aimerai changer la disposition des produits.

Par défaut, il y a 4 produits par ligne.

Comment fait-on pour en avoir 5 ?

J'ai modifié le product-list.css, et le tpl, en jouant sur le span, mais je n'ai réussi à mettre que 6 produits par ligne. Dans ce cas là, c'est trop étoffé.

Il me faudrait exactement 5 produits par ligne...

Quelqu'un saurait il faire ?

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

J'aimerai changer la disposition des produits.

Par défaut, il y a 4 produits par ligne.

Comment fait-on pour en avoir 5 ?

J'ai modifié le product-list.css, et le tpl, en jouant sur le span, mais je n'ai réussi à mettre que 6 produits par ligne. Dans ce cas là, c'est trop étoffé.

Il me faudrait exactement 5 produits par ligne...

Quelqu'un saurait il faire ?

 

Salut,

 

Pour avoir 5 produits, il faut créer un nouveau span multible de 12/5 ( non prévu en natif avec Bootstarp).

Bootstrap permet uniquement : 1 , 2 , 3 , 4 ou 6 colonnes égales.

 

Cordialement,

 

Paulo

Link to comment
Share on other sites
papich Apprentice

papich

Posted
Posted (edited)

@Atch comment modifier black_edition, radius...?

J'ai essayé de mettre mon motif dans #page mais il s'applique que sur la partie centrale je pense donc que si je le met dans black_edition il serait ainsi mieux réparti

 

Je pense qu'il serait interressant pour les utilisateurs de ton thème de mettre des liens sur le premier post avec toutes les possibilités de customisation énoncé dans ce post avec les utilisateurs qui ont donné leur problèmes et solutions

 

Pour mettre un logo par langue

Ouvrir le fichier header.tpl et mettre à ligne 97

<img class="logo scale" src="{$img_dir}logo_{$lang_iso}.png" alt="{$shop_name|escape:'htmlall':'UTF-8'}" />

 

J'ai choisi de mettre mon logo en png, il faut le placer dans le dossier images du thème

 

Vous devez placer autant de logo que de langue traduit ainsi $langue_iso remplacera la langue

par exemple logo_fr.png pour le francais, logo_en.png pour l'anglais amériain, logo_gb.png pour l'anglais UK ....

 

Je cherche comment afficher les drapeaux des langues au lieu du FR, EN, comment afficher une police d'écriture personnelle

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

kevin78

Posted
Posted

Salut,

 

Pour avoir 5 produits, il faut créer un nouveau span multible de 12/5 ( non prévu en natif avec Bootstarp).

Bootstrap permet uniquement : 1 , 2 , 3 , 4 ou 6 colonnes égales.

 

Cordialement,

 

Paulo

 

Si je rajoute un width fixe à 128px, c'est bon ?

Link to comment
Share on other sites
kevin78 Newbie

kevin78

Posted
Posted (edited)

J'ai un bug avec le thème : les flèches sur les photos / vignettes agrandies (tickbox) n'apparaisent pas

Avez vous ce soucis aussi ?

 

Également : pourquoi les photos regénérées sont plus petites que l'originale ?

La taille des tickbox en elle même est bien celle enregistrée côté BO, mais la photo du produit se retrouve retrécie...!

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

Atch

Posted
  • Author
Posted

Bon en rajoutant un width, tout fonctionne nikel.

Sauf... sur le téléphone :(

 

Non il faut se mettre en % ( c'est tout le principe du Fluide responsive )

 

J'ai un bug avec le thème : les flèches sur les photos / vignettes agrandies (tickbox) n'apparaisent pas

Avez vous ce soucis aussi ?

 

Également : pourquoi les photos regénérées sont plus petites que l'originale ?

La taille des tickbox en elle même est bien celle enregistrée côté BO, mais la photo du produit se retrouve retrécie...!

 

Non c'est pas un Bug mais voulu, car thickbox n'étant pas Responsive, rendait la visualisation des images ridicules.

Donc, j'ai volontairement supprimé le Hover sur les vignettes et désactivé les flèches en conséquent.

 

Pour la qualité des images, ça toujours été la faiblesse de prestashop :(

Veillez à envoyer les images déjà calibrées ( si vous avez un format carré, n'envoyez pas des images rectangulaire par exemple).

(ce défaut n'est pas lié au thème)

 

V++

 

Atch

Link to comment
Share on other sites
kevin78 Newbie

kevin78

Posted
Posted

Merci Atch pour les réponses.

J'avoue que les images, c'est difficile à gérer. J'ai 6000 produits avec 1 ou 5 images.

Mais bon tant pis.

J'ai regénéré les images, par contre, j'ai un bug (non lié au thème) : impossible de remettre le filigrane sur les produits déjà existants.

Il apparait bien sur les nouveaux produits mais pas les anciens. Apparemment je ne suis pas le seul (des topics depuis 2010 existent sur ce problème)

Link to comment
Share on other sites
kevin78 Newbie

kevin78

Posted
Posted

@Antonin, je l'ai bien de mon côté.

@Atch, après avoir galéré 3 jours, pour régénérer les miniatures avec le filigrane (j'ai du faire un passage en local, puis downgrade, sur 7000 produits...), j'ai décidé de mettre le tickbox_atch à 500x500 px (que je juge largement suffisant pour les clients, et qui de plus, prennent moins d'espace et sur beaucoup de photos, la génération donne une photo plus grande).

Peux tu me confirmer que cela ne pose pas de problème ?

 

Autre chose : pour le module CROSSELLING, j'aimerai avoir la même disposition que les product-list.

Peux tu me dire comment faire stp ?

J'ai essayé par mal de choses, mais il apparait toujours un bug (manque de connaissance...) !

Link to comment
Share on other sites
Antonin L. Newbie

Antonin L.

Posted
Posted

Bonjour,

 

J'ai encore un problème.

Dans les commentaires produits, il est impossible de répondre à la question "Ce commentaire vous a-t-il été utile ?". On ne peut ni cliquer sur "oui", ni cliquer sur "non". On a comme l'impression que les boutons (oui et non) ne réagissent pas.

 

 

 

En attente de vos réponses...

 

Cordialement.

Antonin.

Link to comment
Share on other sites
kevin78 Newbie

kevin78

Posted
Posted (edited)

Bonjour,

 

J'ai encore un problème.

Dans les commentaires produits, il est impossible de répondre à la question "Ce commentaire vous a-t-il été utile ?". On ne peut ni cliquer sur "oui", ni cliquer sur "non". On a comme l'impression que les boutons (oui et non) ne réagissent pas.

 

 

 

En attente de vos réponses...

 

Cordialement.

Antonin.

 

Je n'ai pas ce module, je pourrai pas voir.

 

Par contre, je crois qu'il y a un bug.

Essayez chez vous :

lorsque le module CROSSELING (ventes croisées : les clients ont achetés aussi...) qui apparait dans le récapitulatif du panier, le bloc CMS et MYACCOUNTFOOTER (dans le footer) apparaissent en ".magic" alors qu'ils ne devraient.

 

Essayez pour voir de votre côté.

 

Si vous avez ce bug, il faut le degreffer de "Shopping cart footer"

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

Antonin L.

Posted
Posted (edited)

Je n'ai pas ce module, je pourrai pas voir.

 

Par contre, je crois qu'il y a un bug.

Essayez chez vous :

lorsque le module CROSSELING (ventes croisées : les clients ont achetés aussi...) qui apparait dans le récapitulatif du panier, le bloc CMS et MYACCOUNTFOOTER (dans le footer) apparaissent en ".magic" alors qu'ils ne devraient.

 

Essayez pour voir de votre côté.

 

Si vous avez ce bug, il faut le degreffer de "Shopping cart footer"

 

Bonjour,

Je viens de tester et je n'ai pas de problème avec le bloc CMS et MYACCOUNTFOOTER en faisant la manipulation que vous avez indiqué. ;)

 

Cordialement.

Antonin.

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

kevin78

Posted
Posted

Zut, ça doit être chez moi ?

Bizarre car il ne me semble pas avoir modifier cette partie...

Il y a bien le CROSSSELING dans le hook Shopping Cart Footer ?

Le test a bien été fait sur une commande d'un produit qui a bien au moins un produit commandé par d'autres clients ?

Une exemple d'url (en MP) peut être ?

Link to comment
Share on other sites
papich Apprentice

papich

Posted
Posted

Quelqu'un peut m'aider svp??

 

Je cherche:

- comment remplacer les langues FR, EN... par les drapeaux

- comment changer une police personaliser

- comment changer le fond de la page #page un pour la page d'accueil et un pour les CMS et/ou page produit

 

Merci

Link to comment
Share on other sites
guillaumel Newbie

guillaumel

Posted
Posted

Bonjour à tous,

 

J'ai installé le thème il y a quelques mois et je viens de décider, comme sur un autre site, d'utiliser le module v2.7-homepagecategories de Prestacréa pour afficher seulement mes 3 catégories ai lieu d'afficher les Produits Phares.

 

Le problème est que ce module n'est pas responsive et du coup, lorsqu'on est sur tablette ou sur mobile c'est carrément pas beau.

 

J'ai regardé le contenu du module, le php, le tpl et le css et ça n'a pas l'air monstrueux pour un amateur comme moi.

 

Pouvez-vous me donner des pistes pour rendre un module responsive ?

 

Que doit-on changer ? J'ai vu que vous utilisiez souvent la classe "hidden-mobile à ajouter au block" ce qui veut dire ?

 

Bref, je continue à fouiller mais si vous aviez des pistes pour m'aider à avancer plus vite.

 

J'ai commencé à adapter le css pour qu'il colle à mon site mais là c'est pas responsive. (C'est pas super optimisé mais au moins ça déconne pas trop, genre mettre "margin 0 0 0" ça sert à rien je le sais mais au moins je sais où j'ai fait mes modifs.

 

/* Module Prestashop HomepageCategories
* Copyright Prestacrea
* Author: Prestacrea
* Website: http://www.prestacrea.com */

/* Conteneur */
#homepagecategories {clear:both;width:950px;font-family:Arial;line-height:normal;margin:10px auto}

/* Catégories 1er niveau */
#homepagecategories ul {list-style-type:none}
#homepagecategories ul a {color:#000;text-shadow:0 0 0 #000;text-decoration:none}
#homepagecategories ul a:hover {font-weight:bold;text-decoration:none}
#homepagecategories ul li.hc_cat{background:#FFF;float:left;width:310px;margin:0 0px 0px;padding:2px}
#homepagecategories ul li.hc_cat:hover {cursor:pointer}
#homepagecategories ul li.hc_cat:hover img {opacity:0.5;filter:alpha(opacity=50)}
#homepagecategories ul li.hc_cat div.hc_categimg {background:#FFF;border:0px solid #000;border-radius:0px;width:310px;height:250px;margin:0 auto}
#homepagecategories ul li.hc_cat div.hc_categimg img {border-radius:0px;width:310px;height:250px}
#homepagecategories ul li.hc_cat p.hc_categname {width:190px;font-size:12px;font-weight:bold;margin:5px auto 0!important;padding:0 0 5px}
#homepagecategories ul li.hc_cat span.hc_productcount {font-size:9px;font-weight:normal}
/* Catégories 2ème niveau */
#homepagecategories ul li.hc_subcat{width:308px;margin:0 auto}
#homepagecategories ul li.hc_subcat span.hc_productcount {font-size:9px;font-weight:normal}

 

 

C'est dans ce CSS qu'on rend le module responsive ?

 

@+

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted (edited)

Bonjour Guillaumel,

 

Pour passer en responsive deux fichiers à éditer : Tpl et css du module.

 

Dans le tpl, il faut ajouter les class Bootstrap pour activer les "fonctions responsive".

 

Exemple ajouter un Span4 aux tags <li> du module pour lui indiquer que vous souhaitez vos produits sur 3 colonnes

Ne pas oublier d'ajouter la class row-fluid aux parents des <li>...

 

ensuite dans le css, virer tous les width en pixel :

exemple :

#homepagecategories ul li.hc_cat{background:#FFF;float:left;width:310px;margin:0 0px 0px;padding:2px}

 

width:310px---> A supprimer...

V++

 

Atch

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

Antonin L.

Posted
Posted

Bonjour,

 

J'ai encore un problème.

Dans les commentaires produits, il est impossible de répondre à la question "Ce commentaire vous a-t-il été utile ?". On ne peut ni cliquer sur "oui", ni cliquer sur "non". On a comme l'impression que les boutons (oui et non) ne réagissent pas.

 

 

 

En attente de vos réponses...

 

Cordialement.

Antonin.

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

 

Ah désolé, j'avais zappé le message...

 

essayez en plaçant le répertoire productcomment dans le répertoire js/modules/ du theme.

 

Prestashop fait un appel js avec "button.usefulness_btn"

 

alors que j'utilise un tag <a class="usefulness_btn"> au lieu de <button class="usefulness_btn">

J'ai supprimé le button dans productcomment.js.

 

V++

 

Atch

 

 

Ah désolé, j'avais zappé le message...

 

essayez en plaçant le répertoire productcomment dans le répertoire js/modules/ du theme.

 

Prestashop fait un appel js avec "button.usefulness_btn"

 

alors que j'utilise un tag <a class="usefulness_btn"> au lieu de <button class="usefulness_btn">

J'ai supprimé le button dans productcomment.js.

 

V++

 

Atch

productcomments.zip

Link to comment
Share on other sites
Le-cathare Newbie

Le-cathare

Posted
Posted

Up de mon post sans réponse depuis 1 mois :

 

Bonjour,

 

je souhaite que les produit non dispo mais commandable soit d'une autre couleur et d'une autres mention que celle des produits non dispo non commandable.

 

Je pense que cela ce joue dans product-list.tpl puis dans le css pour la couleur mais je sais pas quoi ajouter a cette partie du fichier du product-list.tpl

 

Voici mon ma partie product-list.tpl

 

</div>

<div class="plavailability">

{if ($product.quantity > 1)}<span class="availability icon-bars availabvisu">{l s='Available'}</span>

{else}

{if ($product.quantity > 0)}<span class="option icon-bars availabvisu">{l s='stock limited'}</span>

{else}

<span class="outofstock icon-bars availabvisu">{l s='Out of stock'}</span>

{/if}

{/if}

</div>

 

 

Merci d'avance

Link to comment
Share on other sites
papich Apprentice

papich

Posted
Posted

Comment etre plus précis

Quelqu'un peut m'aider svp??

Je cherche:
- comment remplacer les langues FR, EN... par les drapeaux
- comment changer une police personaliser
- comment changer le fond de la page #page un pour la page d'accueil et un pour les CMS et/ou page produit

Merci

Actuellement, le thème montre les langues avec les abréviations FR, En alors que sur la version par défaut il y a les drapeaux des différentes langues.

 

De même, le thème est proposé avec les polices googles mais si on veut intégrer notre propre police je n'y suis pas arrivé pourtant j'ai ajouté

 

j'ai trouvé ces morceaux de code

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('x'),
    url('GraublauWeb.woff') format('woff'),
    url('GraublauWeb.otf') format('opentype'),
    url('GraublauWeb.svg#grablau') format('svg');
}
#plume{
  font-family: 'Plume', Georgia, serif;
}

pour finir j'ai bien trouvé comment modifié le fond de la partie centrale mais je voudrais:

 

1/ qu'il soit unis pour toute la page d'accueil comme la black edition (mettre un motif je suis obligé de mettre mon motif sur le top, header, page et footer)

2/ mettre un autre fond pour la page produit et cms (blanc par exemple)

 

Merci

Link to comment
Share on other sites
Antonin L. Newbie

Antonin L.

Posted
Posted

 

Hello

J'ai perdu le snippet "rating" depuis le changement de thème.

J'ai fais un test avec l'outil google et j'ai l'erreur :

 

Erreur : Incomplete microdata with schema.org.
 
Pouvez-vous tester svp de votre côté ?

 

Salut,

 

Tu veux qu'on test avec n’importe quel site web ?

 

Cordialement.

Antonin.

Link to comment
Share on other sites
Antonin L. Newbie

Antonin L.

Posted
Posted (edited)

Avec votre site web, qui utilise ce thème pardis

 

Etant donné que je travaille encore en local je ne pourrai pas tester avec le mien pour le moment.

 

Si vous remontez dans les posts précédents du topic. Vous verrez qu'un membre ayant le pseudo "Le-cathare" utilise ce thème. Le lien de son site est dans sa signature. J'ai donc testé avec son site, et apparemment il n'y a pas d'erreur. :)

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

Antonin L.

Posted
Posted

Je viens de tester également, mais si tu vérifies, tu peux voir qu'il n'a pas activé l'onglet "commentaires".

Du coup, on ne peut pas tester :(

 

Oui, effectivement. Désolé, je ne pourrai pas + vous aider. Il faut attendre un autre membre utilisant ce thème avec l'onglet commentaire activé pour qu'il puisse tester de son coté. 

Link to comment
Share on other sites
Antonin L. Newbie

Antonin L.

Posted
Posted

Papich,

 

En ce qui concerne la police d’écriture. 

J'ai fais un test avec une police d’écriture se nommant "Harabara" que j'ai téléchargé sur dafont.com. 

 

Suivons ensemble la procédure:

 

1/ Télécharger la police d’écriture. (pour ma part, un seul fichier qui se nomme "harabara.ttf")

2/ Placer le(s) fichier(s) précédemment téléchargé(s) dans le dossier suivant: prestashop\themes\newatch\css\style\fonts

3/ Editer ensuite la page: prestashop\themes\newatch\css\style\classic.css

                                         

    A la ligne 1067 (ligne à titre d'indication), remplacer ensuite par vos valeurs:

    @font-face {
    font-family: 'Harabara'; 
    src:url('fonts/Harabara.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 

4/Attribuer votre police d'écriture à vos pages:

font: normal 12px/14px Harabara, Helvetica, Tahoma, Verdana, sans-serif;

Cordialement.

Antonin.

Link to comment
Share on other sites
papich Apprentice

papich

Posted
Posted (edited)

Merci je vais essayé

 

Quand tu dis attribuer une police a tes pages tu sais où sont appelés les polices?

 

est ce la même dans tout le site?

 

il faut pas ajouter cela au header.tpl?

<link href='{$css_dir}/style/fonts/mapolice' rel='stylesheet' type='text/css'>

et pour le fond tu as une idée? comment je peux dissocier le fond de la page d'accueil de ceux de la page produit et cms?

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

Antonin L.

Posted
Posted

Papich,

 

"Attribuer ta police", pour moi; c'est ajouter "LeNomDeTaPolice" dans le body du classic.css du thème. Bien sûr, en procédant ainsi, la police sera affectée dans toutes les pages de ton site.

 

Pour exemple:

font: normal 12px/14px Harabara, Helvetica, Tahoma, Verdana, sans-serif;

Tu ajoutes bien sûr que ta police dans ce code

 

Tu pourras apercevoir qu'il y a certaines parties où la police n'a pas été affectée. Il faudra que tu cherches la page de style via "inspecter l'élément" de google ou bien avec firebug de Firefox pour y ajouter ta police. Et si nécessaire, cette fois-ci, ajouter la ligne de code complet ci-dessus si elle n'est pas présente.

 

------------------------------

 

Si tu as une autre méthode que celle-ci, va-y ! Moi je te présente celle que j'ai testé moi. Et qui me semble fonctionner.

 

------------------------------

 

Pour le fond, je dois te l'avouer que je n'ai pas tellement d'idées. Si la lumière me vient, je n’hésiterais pas à te la transmettre.

 

Cordialement.

Antonin.

 

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

salut le-cathare,

 

les changements sont :

 

- classic.css ( couleurs boutons)

- Crosseling.tpl

- Authentification.tpl

- Js du module commentaire (voir ci-dessus)

- Manufacturer-list.tpl

- product.tpl

- order-carrier.tpl

- shopping-cart.tpl

 

V++

 

Atch

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted (edited)

Bonjour Papich,

 

Pour changer de background uniquement sur la page d'accueil :

 

il faut d'abord se mettre en version bxed en ajoutant la class :  boxed_width à <body>

 

ensuite pour la background, il faut surcoucher :

 

body {
    background: url("img/bg_body.png") repeat scroll left top transparent;
    color: #888888;
    font: 12px/14px Arial,Verdana,sans-serif;
    position: relative;
}

 

ajouter juste après :

 

body#index {
    background: url("votre Image") ....;
}
 
Cette image sera également visible en mobile et tablette.
 
Si vous ne souhaitez l'afficher que sur PC, ajoutez le code ci-dessus, dans responsive.css dans le media PC.
 
Cette opération fonctionne pour toutes les pages :
body#cms, body#product etc...
 
V++
 
Atch
Edited by Atch (see edit history)
Link to comment
Share on other sites
Le-cathare Newbie

Le-cathare

Posted
Posted

Ok, merci.

 

C'est modifs sont importantes ou bien on peux rester sur la version précédente ?

 

salut le-cathare,

 

les changements sont :

 

- classic.css ( couleurs boutons)

- Crosseling.tpl

- Authentification.tpl

- Js du module commentaire (voir ci-dessus)

- Manufacturer-list.tpl

- product.tpl

- order-carrier.tpl

- shopping-cart.tpl

 

V++

 

Atch

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

 

Hello

J'ai perdu le snippet "rating" depuis le changement de thème.

J'ai fais un test avec l'outil google et j'ai l'erreur :

 

Erreur : Incomplete microdata with schema.org.
 
Pouvez-vous tester svp de votre côté ?

 

 

Bonjour Kevin,

 

Je viens de tester sur l'outil Google :

http://www.google.com/webmasters/tools/richsnippets?q=http%3A%2F%2Fdemo.atchworks.com%2Funiversel%2Findex.php%3Fid_product%3D1%26controller%3Dproduct%26id_lang%3D5

 

Il a l'air de fonctionner...

 

V++

 

Atch

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

Ok, merci.

 

C'est modifs sont importantes ou bien on peux rester sur la version précédente ?

 

Oui certaines corrigent des bugs ( cité dans ce message par exemple)

Maintenant rien de bloquant...

 

Vérifiez si l'option CGV s'affiche bien dans le process de commande, sinon remplacez par celui du zip.

Les commentaires si vous n'utilisez pas, c'est pas grave , idem pour crosseling ...

 

V++

 

Atch

Link to comment
Share on other sites
kevin78 Newbie

kevin78

Posted
Posted

Quelle est la correction du crosseling ?

Moi j'avais l'adresse url qui était incorrecte, et je l'ai modifié moi même.

 

Concernant le rating snippets, effectivement ça marche avec ton lien...

J'ai vérifié et le problème provenait du module COMMENTAIRES, qui n'était pas greffé sur "displayOutOfProducts" !

Link to comment
Share on other sites
papich Apprentice

papich

Posted
Posted (edited)

Escuse moi je n'avais pas vu tes réponses plus haut

 

Comme je te l'ai dit par téléphone il serait bien de donner les différentes possibilités sur le premier post comme tu montre les captures d'écran des possibilités il serait utile de montrer comment y parvenir :-)

 

Merci en tout cas pour ce thème magnifique le top serait de tout gérer du back office ...

 

est il possible d'attacher un background à la partie gauche et droite séparemment?sinon comment calculer l'espace central?

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

papich

Posted
Posted (edited)

 

Bonjour Papich,

 

Pour changer de background uniquement sur la page d'accueil :

 

il faut d'abord se mettre en version bxed en ajoutant la class :  boxed_width à <body>

 

ensuite pour la background, il faut surcoucher :

 

body {
    background: url("img/bg_body.png") repeat scroll left top transparent;
    color: #888888;
    font: 12px/14px Arial,Verdana,sans-serif;
    position: relative;
}

 

ajouter juste après :

 

body#index {
    background: url("votre Image") ....;
}
 
Cette image sera également visible en mobile et tablette.
 
Si vous ne souhaitez l'afficher que sur PC, ajoutez le code ci-dessus, dans responsive.css dans le media PC.
 
Cette opération fonctionne pour toutes les pages :
body#cms, body#product etc...
 
V++
 
Atch

 

Merci c'est parfait pour ceux qui ne veulent pas les bandes sur les côtés enlever il suffit d'enlever boxed_width

 

maintenant il faudrait voir comment fixer la bande droite ou gauche pour quelle suive en fonction de la taille de l'écran et/ou changer de couleur du fond de la page centrale de celle des bandes

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

Le-cathare

Posted
Posted (edited)

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.prestacrea.com/modules-prestashop/105-module-prestashop-categoriestopmenuxxl.html

 

Pour info, ce module est maintenant responsive.

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

Atch

Posted
  • Author
Posted

Mais pourquoi avoir commandé rétro alors qu'universel est justement plus neutre...

 

Non le css rétro ne se déactive pas, mais il se modifie pour avoir quelque chose de plus neutre.

Il siffit d'enlever les backgrounds, changer quelques couleurs et hop... :)

 

V++

 

Atch

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

Oui merci c'était une question bête.

 

Le thème utilise bootstrap, j'aimerai savoir si l'on peut donc aussi utiliser le système de formulaire spécifique à bootstrap( form-inline, form-group...)

 

J'ai testé et apparemment le design des formulaires n'est pas géré dans ce thème. Ai-je raison ?

 

Merci.

 

Les input, form, etc... utilisent le css Bootstrap. Mais pour utiliser les formulaires avancés , il faudrait modifier les tpl pour y ajouter des class spécifiques à Bootstrap.

 

V++

 

Atch

Link to comment
Share on other sites
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.

Bonsoir,

 

Je reviens vers vous pour vous demander de l'aide. Je n'y suis toujours pas arrivé. Tout est dans le post ci-dessus.

 

Cordialement.

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

Bonsoir,

 

Je reviens vers vous pour vous demander de l'aide. Je n'y suis toujours pas arrivé. Tout est dans le post ci-dessus.

 

Cordialement.

 

Inspirez vous du module "block user info" se trouvant dans le répertoire modules de votre boutique ( celui d’Origine)

Ouvrez le TPL et la solution est dedans ;)

 

Cordialement,

 

Paulo

Link to comment
Share on other sites
Le-cathare Newbie

Le-cathare

Posted
Posted (edited)

Bonjour

 

Depuis debut d'après midi je rencontre un souci avec le thème dans les catégories. Les produit sont affiché dans la colonne de gauche complètement en bas.

 

voir ici : http://www.huilletprocie.com/boutique/22-arts-de-la-table

 

Merci d'avance

 

C'est bon j'ai trouver, c'est un module de comparateur de prix qui me fait sa.

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

Le-cathare

Posted
Posted (edited)

@le-cathare sympa ton site mais tu as un bug quand tu réduis le navigateur tu as deux zéro affiché sur le panier

dommage aussi que tu es laissé l'image d'iphone sur le module éditorial

 

Merci

 

les deux 0 s'affichent uniquement sur IE, mais je sais pas pourquoi. Sur les autres navigateur sa fonctionne

 

 Quelle image d'iphone ? A oui comment elle a apparue celle là. je l'avais supprimer il y a 2 mois

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

Atch

Posted
  • Author
Posted (edited)

Merci

 

les deux 0 s'affichent uniquement sur IE, mais je sais pas pourquoi. Sur les autres navigateur sa fonctionne

 

 Quelle image d'iphone ? A oui comment elle a apparue celle là. je l'avais supprimer il y a 2 mois

 

Pour le 0 dans le penier en haut, j'ai l'impression que IE ne lit pas correctement ajaxcart.js.

Je viens de tester la démo sur IE, pas ce soucis. Peut être un conflit avec un autre module.

 

Les iphones ont du revenir lors de la mise à jour de Prestashop qui ré-installe les images du module natif.

 

V++

 

Atch

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

azertyuiop12345666

Posted
Posted (edited)

Bonjour,

 

Je suis contraint par le client de passer en 1.4 de Prestashop.

 

Je pense déjà connaitre la réponse mais est-ce que le thème rétro v1.7 serait compatible PS 1.4 ?

 

Si non est-ce que les modifications seraient lourdes pour le rendre compatible ?

 

Est-ce que vous vendez des thèmes pour PS 1.4 ?

 

Merci d'avance.

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

Atch

Posted
  • Author
Posted

Bonjour,

 

J'ai le thème rétro et je ne parviens pas à afficher les quantités disponibles sur les fiches produits. Elles s'affichent bien sur le thème PS par défaut.

 

Merci d'avance pour votre aide.

 

Johan

 

Bonjour,

 

J'ai installé le theme sur une démo avec Prestashop 1.5.6 ...

http://demo.atchworks.com/retro/index.php?id_product=1&controller=product

 

La qté est visible.

<!-- availability -->
            <p id="availability_statut"{if ($product->quantity <= 0 && !$product->available_later && $allow_oosp) OR ($product->quantity > 0 && !$product->available_now) OR !$product->available_for_order OR $PS_CATALOG_MODE} style="display: none;"{/if}>
                <span id="availability_label">{l s='Availability:'}</span>
                <span id="availability_value"{if $product->quantity <= 0} class="warning_inline"{/if}">
                {if $product->quantity <= 0}{if $allow_oosp}{$product->available_later}{else}{l s='This product is no longer in stock'}{/if}{else}{$product->available_now}{/if}
                </span>
                {if ($display_qties == 1 && !$PS_CATALOG_MODE && $product->available_for_order) && !$product->quantity == 0 }
                ( <span id="quantityAvailable" >{$product->quantity|intval}</span>
                <span {if $product->quantity > 1} style="display: none;"{/if} id="quantityAvailableTxt">{l s='item in stock'} )</span>
                <span {if $product->quantity == 1} style="display: none;"{/if} id="quantityAvailableTxtMultiple">{l s='items in stock'} )</span>
                {/if}
            </p>

Plusieurs conditions sont nécessaires pour afficher les qtés :

- option afficher qté activée

- Ne pas etre en mode catalogue

- Produit commandable

- Qté > 0

 

V++

 

Atch

Link to comment
Share on other sites
johanvdb Newbie

johanvdb

Posted
Posted

Bonjour,

 

J'ai installé le theme sur une démo avec Prestashop 1.5.6 ...

http://demo.atchworks.com/retro/index.php?id_product=1&controller=product

 

La qté est visible.

<!-- availability -->
            <p id="availability_statut"{if ($product->quantity <= 0 && !$product->available_later && $allow_oosp) OR ($product->quantity > 0 && !$product->available_now) OR !$product->available_for_order OR $PS_CATALOG_MODE} style="display: none;"{/if}>
                <span id="availability_label">{l s='Availability:'}</span>
                <span id="availability_value"{if $product->quantity <= 0} class="warning_inline"{/if}">
                {if $product->quantity <= 0}{if $allow_oosp}{$product->available_later}{else}{l s='This product is no longer in stock'}{/if}{else}{$product->available_now}{/if}
                </span>
                {if ($display_qties == 1 && !$PS_CATALOG_MODE && $product->available_for_order) && !$product->quantity == 0 }
                ( <span id="quantityAvailable" >{$product->quantity|intval}</span>
                <span {if $product->quantity > 1} style="display: none;"{/if} id="quantityAvailableTxt">{l s='item in stock'} )</span>
                <span {if $product->quantity == 1} style="display: none;"{/if} id="quantityAvailableTxtMultiple">{l s='items in stock'} )</span>
                {/if}
            </p>

Plusieurs conditions sont nécessaires pour afficher les qtés :

- option afficher qté activée

- Ne pas etre en mode catalogue

- Produit commandable

- Qté > 0

 

V++

 

Atch

Bonjour,

 

J'ai tout vérifié. Je suis bien en 1.5.6. Le fichier product.tpl dans le thème newatch est identique. L'option afficher qté est bien à oui. Je ne suis pas en mode catalogue. Le produit est commandable et les qtés sont > 0.

 

Je ne sais pas où chercher...

 

Si vous avez d'autres idées, je vous en remercie d'avance.

 

Johan

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

Atch ton site refonctionne?

ton thème fonctionne t il sous ps 1.5.6.1?

Bonjour Papich,

 

Oui j'ai remis mon site en route en version light ( j'ai supprimé la boutique Prestashop pour quelque temps)

Pour le thème, j'ai testé vendredi, et il fonctionne correctement.

 

V++

 

Atch

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
  • Author
Posted

Bonjour,

 

Tous ceux qui ont commandés les themes via la boutique atchworks.com peuvent me contacter en MP ou par mail pour recevoir les dernières versions.

 

C'est vrai qu'en désactivant ma boutique (Suite à l'attaque des serveurs MavenHosting), je n'ai pas pensé aux mises à jour, désolé.

 

Sur la dernière version seul les tpl product et shopping-cart ont été mis à jour.

 

@Le-cathare : En théorie, oui les thèmes 1.5 seront compatibles, mais je pense jusqu'à une certaine limite. Il y a de grandes chances que les modules 1.6 seront à reprendre coté css.

 

V++

 

Atch

Link to comment
Share on other sites
  • 1 month later...
kevin78 Newbie

kevin78

Posted
Posted

Salut Atch, salut les gars

Quelqu'un saurait il comment mettre un bloc image juste sous la description longue du produit ?

Le bloc doit être avant le bloc "footer product".

Je veux mettre une image qui soit également responsive, et donc compatible sur le téléphone.

Please, i need help :(

Link to comment
Share on other sites
guillaumel Newbie

guillaumel

Posted
Posted (edited)

Bonjour à tous, après le rush de la fin d'année me revoilà aux modifications / adaptations de mon site :

 

Cela fait plusieurs heures que je galère sur un aspect pour lequel je ne trouve pas de solution. J'y été arrivé sur du prestashop 1.4 mais là je n'y arrive pas : voilà je que je souhaite faire :

 

Je souhaite donner plus de place aux images des produits : donc augmenter la zone image et réduire la zone description rapide :

exemple.jpg

 

 

 

J'aimerai passer l'article à 600 pixel de large.

 

J'ai bien réussi, via l'interface de débogage de Google Chrome à bidouille une valeur et à mettre l'image à 600x600 mais du coup cela cache une partie du cadre description...

 

Je m'inquiète également sur la tenue du responsive.

 

Merci par avance pour vos pistes.

 

Guillaume

Edited by guillaumel (see edit history)
Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...