Jump to content
Johann

[Module] CSS d'impression optimisée

Recommended Posts

Bonjour, je mets à dispo ce petit module qui permet d'optimiser l'impression des pages d'un site PrestaShop.

 

Concrètement, ce module ajoute une feuille de style CSS dédiée à l'impression, qui supprime les éléments inutiles : l'entête, le menu, les colonnes de navigation de gauche et droite, le pied de page.

 

Si votre thème comporte des éléments non standards et/ou si vous désirez masquer plus d'éléments, il vous est évidemment possible de spécifier de nouveaux éléments à exclure dans le fichier.

 

Fonctionne avec PrestaShop 1.4 (sur les versions 1.1 à 1.3, l'impression sans module semble donner les même résultats)

 

 

Démonstration avec les deux captures de prévisualisation d'impression suivantes :

Sans le module :

printcss_sans.jpg

 

Avec le module :

printcss_avec.jpg

jc_printcss.zip

  • Like 3

Share this post


Link to post
Share on other sites

Johann, pour info il fonctionne aussi sur 1.5.2, je viens de le tester et le résultat est ok

  • Like 1

Share this post


Link to post
Share on other sites

Johann, pour info il fonctionne aussi sur 1.5.2, je viens de le tester et le résultat est ok

 

merci Olivier pour le retour, je vais compléter ma fiche sur prestatools :)

Share this post


Link to post
Share on other sites

Merci beaucoup pour cet excellent module : 2 temps, 3 mouvement et l'impression se fait calire et nette ! Bravo à toi

Share this post


Link to post
Share on other sites

Pour que cela fonctionne sur 1.5 et plus, modifiez juste la ligne 73 de jc_printcss.php comme suit:

if ((_PS_VERSION_ < '1.4') OR (_PS_VERSION_ > '1.5'))

Encore merci Johann !

  • Like 1

Share this post


Link to post
Share on other sites

Pour que cela fonctionne sur 1.5 et plus, modifiez juste la ligne 73 de jc_printcss.php comme suit:

if ((_PS_VERSION_ < '1.4') OR (_PS_VERSION_ > '1.5'))

Encore merci Johann !

 

Bonjour,

 

+1 pour la solution donnée, le module passe sans problème sur 1.6.0.9  :) Si ne n'est que je trouve qu'il reste des infos en trop qui s'affiche, quand au descriptif : le texte est tronqué, dommage.  :wacko:

 

Cordialement.

Edited by shooping (see edit history)

Share this post


Link to post
Share on other sites

bonjour,

 

chez moi en 1.6.0.9 ce module pose problème, et je n´ai toujours pas obtenu de réponse aux questions que j´ai posé à son sujet .... c´est vraiment dommage car je ne vais pas pouvoir garder un affichage en vrac.

 

vraiment déçu, alors que j´appréciai ce module.

 

cordialement.

Share this post


Link to post
Share on other sites

Bonjour shooping,

 

Ce module est vraiment simple, ce n'est qu'une installation d'un css pour édition, via le target "print". Si tu veux le modifier, tu vas dans le /css/jc_print.css et tu poses les règles que tu veux. NB : si tu as un thème particulier, il faut aussi voir avec ce thème les id  des zones à afficher ou pas...

Share this post


Link to post
Share on other sites

Bonjour Arnaud69,

 

Merci pour ta réponse, mais je ne vois pas comment écrire ces règles dans le fichier css auquel tu fais référence, ni comment corriger le troncage du descriptif produit, sinon je n´aurais pas posé la question.

 

Qu´est-ce que tu entends par les ID des zones à afficher, s´il te plaît ?

 

Cordialement.

Share this post


Link to post
Share on other sites

un id c'est une zone qui est définie en css.

Exemple d'un span :

<span id="truc">bonjour</span>

et dans le fichier :

/css/style.css

tu auras un ensemble de règles :

#truc {

 color: #779262;

 background:none;

}

voilà, c'est du html.

donc pour savoir quelle zone est tronquée, il faut savoir où elle est dans la source de la page, voir si elle correspond à un id, et lui attribuer un style particulier pour l'édition dans le fichier jc_print.css.

  • Like 2

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More