[module] Croll Custom CSS

[beve]

Bonjour,

Premier post sur le forum pour vous proposer un module terminé récemment.

Il a été conçu suite à un besoin simple: avoir la possibilité d’inclure différents CSS dans les pages suivant différents critères.
Ces derniers peuvent être le nom de la page et/ou la valeur d’une ou plusieurs variables. Prenons un exemple concret:
sur mes pages de contenu (CGV, mentions légales, à propos, …) la mise en page est identique mais seule une image en début de paragraphe donne l’identité graphique. J’ai donc besoin de changer l’image et quelques détails sur la page, rien de plus.

Autre cas: Lorsque le visiteur arrive sur la boutique, j’ai envie que le bloc de contenu en milieu de page prenne 100% de l’espace horizontal, il faut donc aussi que les blocs “gauche” et “droite” soient réduits à 0 et masqués.
Il serait dommage de multiplier les templates pour si peu. Pas question non plus d’éditer les fichiers php de Prestashop à la barbare, la boutique est bien faite et un “hook” est prévu à cet effet.

Ce module se veut simple et léger. L’accès à la base de donnée est limité à son maximum: un hash est stocké dans la base de Prestashop et c’est tout.

Il est en version beta et testé uniquement avec prestashop 1.3.

Un complément d'infos à la description ci dessus (que j'ai honteusement copié/collé) avec des captures d'écran est disponible sur mon blog

Vous pouvez aussi le télécharger directement.

Il est sous license GPL v2, téléchargez, hackez, commentez

[jolvil]

Merci pour ce premier module original et pratique !

[beve]

Merci pour ce premier module original et pratique !

J'espère qu'il sera utile à certains.

Ceux qui ont envie de tester, n'hésitez pas à me faire un retour sur la compatibilité avec Prestashop < 1.3.
Je suis ouvert à toute remarque.

[Atch]

Salut et bienvenue,

Merci pour cette contribution, qui je pense devrait intéresser beaucoup de monde vu le nombre de demandes pour des styles différents selon la page.

V++

Atch

[nabilonie]

très très bonne idée, qui va éviter de "barbariser" certains fichiers sources, n va tester, merci à toi ^^

[Bouh]

Great merci pour ta contribution sa peut éviter pas mal de manipulation

[pasko]

Bonjour beve,

Merci pour ce module!

Mon premier travail avec est d'avoir inséré une image gif pour les catégories. Je souhaite avoir une image par catégorie et aussi du flash mai n'y suis pas encore parvenus.

J'ai créé deux css pour deux catégories, sur le category.php avec un id_category=5 et id_category=6 pour insérer une image gif de fond différente à chaque catégorie, mais il ne prend que une image pour les deux catégories.

Je joint la capture de mon BO et voici le lien du site: http://www.prestashopping.net/category.php?id_category=5

Est-ce normal?

Cordialement.

[beve]

Salut pasko,

Content que ce module te soit utile. Merci pour ce rapport de bug détaillé, grace à toi j'ai pu cibler le problème facliment et le corriger.

Version v1.0 beta 2 en ligne.

Téléchargeable à la même adresse: Croll Custom CSS v1.0beta2.


Précision: Au niveau des variables ce module prend en compte:
. id_product
. id_category
. id_manufacturer
. id_supplier
. id_cms

[pasko]

Salut beve,

Je check de suite! MERCI!
J'écrase le précédent?

[pasko]

Salut pasko,

Content que ce module te soit utile. Merci pour ce rapport de bug détaillé, grace à toi j'ai pu cibler le problème facliment et le corriger.

Version v1.0 beta 2 en ligne.

Téléchargeable à la même adresse: Croll Custom CSS v1.0beta2.


Précision: Au niveau des variables ce module prend en compte:
. id_product
. id_category
. id_manufacturer
. id_supplier
. id_cms

GÉNIAL! jusque la c'est bon! Un GRAND MERCI! (une idée pour insérer du flash pour mes images catégories?)

[beve]

J'ai regardé rapidement, our insérer du flash il te faudra changer le category.tpl, uniquement en CSS ça sera impossible.

Il te faut modifier la partie:

               <!-- Category image -->
               {if $category->id_image}
getCatImageLink($category->link_rewrite, $category->id_image, 'category')}" alt="{$category->name|escape:'htmlall':'UTF-8'}" title="{$category->name|escape:'htmlall':'UTF-8'}" id="categoryImage" />
               {/if}

Tu peux nommer tes fichiers swf "category_NUMERODELACATEGORIE.swf". Par exemple si 3 est le numéro de la catégorie, ton fichier flash se nommera category_3.swf et ainsi de suite pour chaque numéro de catégorie.
On part du principe que les fichiers swf sont dans un répertoire "fichiers_flash" à la racine du site.

D'une manière générale tu devras préciser le chemin vers tes fichiers flash, la longeur (width) et la largeur (height) dans les tags "embed" et "object" du code ci dessous.

Places ce code à la place dans le template (non testé, ça devrait fonctionner, mais c'est surtout pour donner une idée):

{if $category->id}
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="550" height="400" id="categoryImage">



        <embed src="/fichiers_flash/category_{$category->id}.swf" quality="high" bgcolor="#fff" width="550" height="400" name="{$category->name}" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
        </object>
{/if}

[pasko]

Je vais voir cela tranquillement demain.

Encore merci pour ton module que je vais exploiter! :coolsmile:

[kiamaru]

Bonjour beve

ton module peut faire cohabiter 2 templates différents selon les catégories meres?

ex; une meme boutique avec catégories Torchon et Serviette et pour ne pas les melanger
lorsque l'on clique sur torchon on a template a et serviette template b

merci

[beve]

Salut klamaru,

Le module permet d'insérer seulement des fichiers CSS et non pas des templates différents. (Il faudrait peut être que j'en développe un du style un jour où j'aurai le temps)

Mais il est tout à fait capable d'intégrer un css différent suivant la catégorie.

Par exemple si category_id=1 il intère un css (ou plusieurs) et si category_id=2 il en integre d'autres. Voir des CSS communs aux deux.

Bref c'est très configurable mais ne gère pas les templates.

[beve]

Correction d'un petit bug qui rendait CCC incompatible avec PS 1.3.4.
Pour la peine il fonctionne à présent avec PS 1.1 et PS 1.2.5

Disponible ici.

[sampla]

c'est un très bon module utile
mais je n'arrive pas à y mettre le font size

par exemple :
font-size: 10px;
ou
font-size: 20px;

ne change rien du tout

quelqu'un saurais pourquoi ?

[kiamaru]

Bonjour beve

je suis en 1.3.1, lorsque je saisi: category_id=48 dans le champ variable, celuj-ci n'est pas pris en compte.

[Enduro]

Bonjour,

Merci pour ce module, mais il ne fonctionne pas chez moi sauf erreur de config de ma part.
Je travaille en local sur un template perso et presta 1.3.2, je ne sais pas si cela à un rapport.

Point de vue FO, la partie modifiée du css ne s'affiche pas.
J'ai essayé pour tester le module de changer l'image top sur une page produit.

J'ai rentré en BO pour la configuration du css que j'ai appelé top:
Files: product.php
Variables: id_product=1195
Puis valider

(précision, après avoir validé dans le tableau "liste de fichiers CSS" la variable n’apparaît pas j'ai juste la page assignée product.php)

En FO sur la page produit 1195 l'image top ne se charge pas (l'image est bien présente dans mon dossier img)

Sur Firebug j'ai bien les deux css top.css et global.css (css du template)
La ligne de code #top est barrée sur global.css et j'ai bien ma ligne de code #top du css top.css
La photo ne se charge pas non plus dans l'onglet de firebug (bon normal vue quelle ne s'affiche pas sur le site).

Je n'y comprend rien, si quelqu'un à une idée je suis super méga preneur car ce module à l'air vraiment bien, snif.

Merci.

[Enduro]

Je m'auto-réponds.

Il faut mettre l’adresse complète de l'image (avec http): url("http//:www.votresite.com/themes/..... non pas url("../img/image.png") repeat scroll ...

[Enduro]

http avec les deux points avant les deux slash (http://), pas comme je l'ai écrit au dessus.

[scoobi]

Chez moi la variable n'apparaît pas non plus dans le tableau
Que dois-je mettre pour avoir un css différent pour chaque langue ?
Files: category.php
Variables: j'ai essayé de mettre id_lang=1, mais cela ne fontionne pas

Quand je passe la souris sur un drapeau, j'ai id_category=5&id_lang=1
Je ne vois pas comment rentrer cela car il y a plusieurs éléments
Merci

[Enduro]

La variable n'apparait pas dans le tableau après validation. Mais le changement de css est bien effectué.

Après je ne sais pas pourquoi la variable n'apparait pas, c'est quand même embêtant si tu doit modifier cette variable par la suite difficile de se rappeler si tu as plusieurs css...

Je ne croix pas que tu puisse avoir un css différent pour chaque langue.

Je suis étonné qu'il n'y ai pas de retour sur ce module, c'est dommage c'est une très bonne idée ce module...

[scoobi]

Oui je trouve ce module très bien aussi!

[Enduro]

Beve, as tu une idée pourquoi la variable ne s'affiche pas dans le tableau après validation ?

Merci.

[phar]

Bonsoir.

Excellent module !
Mais chez moi non plus la variable ne s'affiche pas dans le tableau après validation. C'est gênant pour la maintenance. Est-il possible de corriger? Je suis en ps 1.3.3.0.

[need4speed]

Sorry for my english in the french forum.

But its a really nice module! I whould wish it whould be possible to assign a more than one ID to the Variable.

E.g. like id_category=52, id_category=46 and so.

[pierre bernard]

Bonsoir.


chez moi aussi la variable ne s’affiche pas dans le tableau après validation. Quelqu'un a t' il trouvé la solution ?

au passage très utile ce module,

[sbnet]

Bonjour à tous,

J'ai trouvé la solution pour le problème d'affichage :
Editer le fichier CCC.php, et dans la fonction parseCssConf, remplacer tous les $conf par $cssConf.

[phar]

Bonsoir,

merci pour la solution au pb d'affichage des variables. Mais quand il y a plusieurs variables, seule la 1ère est prise en compte.

par exemple:
Asigned to page : product-list.php
Variables: id_category=10, id_category=12 (avec ou sans espace entre les variables).

Le css n'est pris en compte que pour les produits de la catégorie 10.
Comment résoudre ce problème?

Il faut que je duplique le css sous différents noms et les assigner à une variable à la fois...

Mais cela augmente le nombre de css et je sais que IE impose une limite...

edit: je suis en PS 1.3.3.0 et le module 1.0 beta4

[AMA1MD]

is ok for prestashop 1.4?

[fulviods]

Bonjour, est il compatible avec prestashop 1.4 ?
Enfin je voudrais que l'utilisateur aie la possibilité de visualiser les produits par style (pour cela j'utilise les fournisseurs en tant que style : rock,western....) et que lorsque le système sort tous les produits liés à ce style cette page là soit personnalisée avec son propre css. Possible?? Mercii

[naranja]

Je reprends la demande précédente : le module est-il compatible avec la version 1.4 ?