THELIA Forum

Welcome to the THELIA support and discusssion forum

Announcement

Rejoignez la communauté sur le Discord Thelia : https://discord.gg/YgwpYEE3y3

Offline


Bonjour,

Je cherche à modifier l'apparence du template front-office.

En parcourant la doc, j'ai pu voir que je ne devais pas modifier directement le css mais que je devais modifier le fichier .less pour le compiler afin qu'il génère un fichier .css.
j'ai vu aussi que je devais dans le back-office de Thelia mettre la variable process_assets à 1 et ensuite accéder à monsite via l'adresse http://.../index_dev.php mais je n'ai pas compris pourquoi ^^

Alors dans layout.tpl je vois une référence au css comme suit
    {stylesheets file='assets/dist/css/thelia.min.css'}
        <link rel="stylesheet" href="{$asset_url}">
    {/stylesheets}

Cela veut donc dire que je dois modifier un fichier .less qui va générer thelia.min.css ?
Comment je sais quel fichier less je dois modifier ?

Suis-je sur la bonne voie ?

Merci.

Offline


et ensuite accéder à monsite via l'adresse http://.../index_dev.php mais je n'ai pas compris pourquoi ^^

Parce qu'en production, les assets ne sont pas régénérés, par souci de performance.

La documentation sur la génération automatique des assets est là : http://doc.thelia.net/en/documentation/ … generation


OpenStudio Toulouse

Offline


Merci.

Bon d'habitude je me débrouille en anglais mais là j'ai un peu de mal pardon ^^

si j'ai bien compris je dois :
- mettre la variable process_assets à 1
- modifier layout.tpl en remplaçant le bout de code correspondant par :

{stylesheets file='assets/src/less/thelia.less' filters='less'}
        <link rel="stylesheet" href="{$asset_url}">
    {/stylesheets}

- modifier les fichiers less dans assets/src/less pour modifier le style de mon site
- accéder au site en mode développement via l'adresse http://.../index_dev.php ce qui aura pour effet de générer les assets, c'est à dire le css du site

j'y suis ou j'ai encore rien compris ?

toutes mes excuses.

Last edited by bromy (15-03-2016 15:06:39)

Offline

Offline


Merci beaucoup.

j'ai encore une petite question : y'at-il de la doc explicative sur les ressources less ? à savoir quel fichier dois-je modifier pour modifier le style de tel élément dans ma page ?
les fichiers less sont répartis dans trois répertoires : thelia theme et vendors, à quoi correspondent ces répertoires ?

Offline


vendors = framework : les ressources externes (bootstrap, etc.)
theme = visuels : spécialisation des styles bootstrap, et définitions des styles spécifiques Thelia - tu ne devrais intervenir ici pour modifier les couleurs.
thelia = structures : positionnements et dimensionnements


OpenStudio Toulouse

Offline


merci.

du coup t'es d'accord que si je modifie la variable @brand-primary dans theme\variables.less et que j'accède au site via index_dev.php, l'apparence du site devait tenir compte de la nouvelle couleur affectée à @brand-primary ?

j'ai bien mis la variable process_assets à 1 dans le bo et j'ai vidé mon cache mais ça ne change pas l'apparence.

Offline


Désactive xdebug dans ta configuration PHP, ou alors ajoute le paramètre de configuration xdebug.max_nesting_level=500 dans ton php.ini


OpenStudio Toulouse

Offline


halala comment faire pour désactiver xdebug ?

je modifie php.ini ?

à la vue de celui-ci on dirait qu'il est déjà désactivé :

; XDEBUG Extension

zend_extension = "c:/wamp/bin/php/php5.5.12/zend_ext/php_xdebug-2.2.5-5.5-vc11-x86_64.dll"
;
[xdebug]
xdebug.remote_enable = off
xdebug.profiler_enable = off
xdebug.profiler_enable_trigger = off
xdebug.profiler_output_name = cachegrind.out.%t.%p
xdebug.profiler_output_dir = "c:/wamp/tmp"
xdebug.show_local_vars=0

Merci.

Offline


Au vu de ce php.ini (assure-toi que tu regardes le bon...) xdebug est actif.

La littérature sur le sujet est abondante, tu devrais trouver facilement en cherchant sur le net (par exemple "desactiver xdebug")


OpenStudio Toulouse

Offline


Merci.
J'ai carrément supprimé la section dans php.ini et ça marche.

Le souci maintenant est l'affichage des icônes qui ne fonctionne pas et est remplacé par le symbole du caractère manquant (rectangle vide). J'ai vu sur le forum que qqn avait déjà eu le problème mais ne trouve pas d'explication.

Une idée ?

Encore merci :-)

Offline


Oui.

Comme tu prends maintenant tes assets dans le dossier src au lieu de dist, il te faut modifier la déclaration des assets dans layout.tpl :

{declare_assets directory='assets/dist'}

C'est expliqué ici : http://doc.thelia.net/en/documentation/ … -templates


OpenStudio Toulouse

Offline


Merci beaucoup !

Offline


Bonjour,

si je comprends bien je peux personnaliser mon design en mode index_dev.php puis rétablir la config par défaut et mon design restera appliqué ?

Merci

Offline


Tout à fait. Il ne faut pas oublier de vider le cache de prod.


OpenStudio Toulouse

Offline


Merci beaucoup,

l'aide en Anglais n'est pas des plus claire. Mais ça va je m'en sors pas trop mal smile

ça pourrait fait l'objet d'un petit tuto spécial noobs.

Offline


ça pourrait fait l'objet d'un petit tuto spécial noobs.

Si tu te sens le courage de le faire, tu auras beaucoup d'amis smile


OpenStudio Toulouse

Offline


Je suis dessus ^^