Adaptation module ukoo compat sur leotheme tracy

[Prestapascher]

Bonjour à tous et à toutes.

 

Je suis cette fois ci sur un nouveau projet que j'aimerais réalisé par moi même (par plaisir et pour de plus être dépendant).

 

J'ai commencé à adapter le thème Tracy de Leothème.

 

Voici le site: viaturbo.fr

 

J'ai acquis le module de ukoo, ukoo compat qui est génial!

 

En revanche j'aimerais pouvoir modifier l'apparence de ce dernier afin de le mettre en long, les filtres les uns à côtés des autres et le placer au dessus ou au dessous du menu navigation.

 

1er soucis: J'arrive à le placer via leotheme positions controle mais à ce moment là, même si je demande un override afin de faire croire que le module est en home, il s'affiche mais comme si il n'était pas configuré. C'est à dire que je n'ai aucun filtres qui apparaît sur le front alors qu'ils sont toujours présents en BO.

 

2ème soucis; je débute, j'ai déjà modifié des couleurs de fichier css surtout en m'aidant de firebug mais comment modifier la dimension et le format pour en faire une barre?

 

Voici le css du module:

 

/* GLOBAL */

 

form.ukoo_compat_search_bloc{ padding:7px;}

 

#center_column .ukoo_compat_search_bloc p,

 

.ukoo_compat_search_bloc p{ padding-top:5px; margin-top:0;}

 

#ukoo_compat_search_block_side form,

 

#ukoo_compat_search_block_center form{ position:relative;}

 

.ukoo_compat_overlay{ position:absolute; width:100%; height:100%; background: url("/modules/ukoo_compat/img/bg_loader.png") 0 0 repeat; left:0; padding-bottom:0.7em;}

 

.ukoo_compat_overlay img{ left:50%; top:50%; position:absolute; margin:-12px auto auto -12px;}

 

h1#displayCatalog, h1#displayProducts{ height:auto; background:#F1F2F4;}

 

 

 

/* MODULE BLOC SIDE */

 

#ukoo_compat_search_block_side select,

 

#ukoo_compat_search_block_side input{ margin:0.7em 0 0 0;}

 

#ukoo_compat_search_block_side select{ width:100%;}

 

 

 

 

 

/* MODULE BLOC CENTER */

 

#ukoo_compat_search_block_center,

 

#center_column #ukoo_compat_search_block_center{ margin:20px auto; zoom:1;}

 

#ukoo_compat_search_block_center select,

 

#ukoo_compat_search_block_center input{ margin:0.7em 0 0 0;}

 

#ukoo_compat_search_block_center select{ width:100%;}

 

 

 

 

 

/* MODULE BLOC CATALOG MENU */

 

#ukoo_compat_catalog_menu_block ul li ul{ display:none;}

 

#ukoo_compat_catalog_menu_block ul.tree li{ background:none; border:none; margin:0; border-bottom: 1px dotted #eee;}

 

#ukoo_compat_catalog_menu_block ul.tree li.selected{ color:#488C40;}

 

#ukoo_compat_catalog_menu_block ul.tree li a{ text-decoration:none; padding:7px 11px 5px 22px; color:#333; background: url("img/arrow_right_2.png") no-repeat 10px 10px;}

 

#ukoo_compat_catalog_menu_block ul.tree li a:hover{ text-decoration:underline;}

 

#ukoo_compat_catalog_menu_block ul.tree li.selected a{ color:#488C40;}

 

#ukoo_compat_catalog_menu_block ul.tree li span.grower{ float:left; display:block; height:15px; width:9px; padding:0; margin:0 0 0 -12px;background: url("img/more.gif") no-repeat 0 3px;}

 

#ukoo_compat_catalog_menu_block ul.tree li span.open{background-image: url("img/less.gif");}

 

#ukoo_compat_catalog_menu_block ul.tree li span.close{}

 

#ukoo_compat_catalog_menu_block ul.tree li li{ font-size:11px; font-weight:normal;}

 

 

 

/* PAGE CATALOGUE */

 

#ukoo_compat_catalog h3{ background:#F1F2F4; margin:25px 0 10px; padding:5px;}

 

#ukoo_compat_catalog ul ul{ margin-left:15px;}

 

 

 

 

 

Merci à tous par avance.

Edited July 25, 2013 by hitechstore (see edit history)

[Prestapascher]

Bon, je me répond moi même. Nous avons décidé tout compte fait de faire un bloc à gauche c'est plus lisible je trouve comme cela.

 

La home est finie qu'en pensez vous?