31 replies to this topic

[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]

From 1282562774:

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 :)

[prestasimo]

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.prestasho...p?id_category=5

Est-ce normal?

Cordialement.

Attached Files

•  css.jpg   16bytes   1947 downloads

[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

[prestasimo]

Salut beve,

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

[prestasimo]

From 1283086843:

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}

[prestasimo]

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.