enola

Bonjour, Tout à déjà été dit mais votre boutique ne fait vraiment pas pro ! Tout ce bleu c'est un peu trop ! Allez courage, parcourez le web pour connaitre les base de css et vous verrez que ca n'est pas bien compliqué.

Bonjour, Le desgin du site laisse à désirer... il y a encore du travail pour redonner un style plus harmonieux à votre boutique. Quelques exemples : l'image de votre fiche produits ne s'intégre pas au cadre (elle est trop petite), le zoom est totalement en décalage, le module reinsurance n'est pas en adéquation avec la couleur du footer, le logo doit être retravaillé pour faire plus "pro", le menu du haut s'affiche sur "2 lignes" en mode responsive < 1199px etc...

Bonjour, Essayer avec les préférences du thèmes, cliquez sur modifier à côté du thème utilisé et dans la partie "Apparence des colonnes" cochez la colonne de gauche sur la ligne "fabricant". Cdlt

Bonjour, Par défaut le carrousel est configuré pour affiché 6 produits. Essayer de modifier le fichier "product.js" qui se trouve dans le dossier js de votre thème. Remplacer : maxSlides: 6, Par : maxSlides : 10, (ou le chiffre correspond à votre nombre d'accessoires) Quand vous dites que vous ne voyez les changements que "sur la partie haute de la fiche produit"... c'est-à-dire? Vous visualisez bien le slider?

Pourtant pour moi ca fonctionne bien sous Prestashop 1.6. Il s'agit bien des images des sous-catégorie et non de l'image de la catégorie?

Dans le back-office "préférences" "thèmes" cliquez sur modifier à côté du thème utilisé. Descendez jusqu'à apparence des colonnes et cocher "colonne de droite" sur la ligne "category" (qui correspond à la page de la liste des produits). Vous pouvez cocher cette colonnes pour toutes les pages ou vous souhaitez qu'elle s'affiche, avec les modules que vous y aurait greffés.

Il faut augmenter la largeur de la colonne du centre, pour la page d'accueil et pour les autres pages, et vous pouvez mettre un "display:none" sur la colonne de droite pour qu'elle soit cachée.

Bonjour, Le lien ne fonctionne pas

Bonjour, Le fichier "product.css" ne se trouve pas dans un module, mais dans le répertoire de votre thème. Bonne journée.

Bonsoir, Dans le fichier "category.tpl" (vers la la ligne 83), remplacer : <img class="replace-2x" src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')|escape:'html':'UTF-8'}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" /> Par <img class="replace-2x" src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'category_default')|escape:'html':'UTF-8'}" alt="" width="{$categorySize.width}" height="{$categorySize.height}" /> Puis, juste en dessous, remplacer : <img class="replace-2x" src="{$img_cat_dir}default-medium_default.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" /> Par : <img class="replace-2x" src="{$img_cat_dir}default-category_default.jpg" alt="" width="{$categorySize.width}" height="{$categorySize.height}" /> Ajuster le css (category.css) ... par exemple : #subcategories ul li { height: auto; width: 16%; } En espérant que ca fonctionne pour vous ..

Bonsoir, Avez vous désactiver la colonne de droite par défaut dans les préférences du thèmes? Votre site est en ligne, pour voir ce bug" ?

Je pourrais... peut-être ... vous apporter des réponses si j'avais accès à votre site. Est-il en ligne?

Placez ce code dans le fichier "product.css" ... .accessories-block .block_content .bx-wrapper{ position: relative; padding: 0; *zoom: 1; margin: 0 !important; } .accessories-block .block_content .bx-wrapper img { max-width: 100%; display: block; } .accessories-block .block_content .bx-wrapper .bx-pager, .accessories-block .block_content .bx-wrapper .bx-controls-auto{ position: absolute; bottom: -30px; width: 100%; } .accessories-block .block_content .bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; display: none; } .accessories-block .block_content .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #666; padding-top: 20px; } .accessories-block .block_content .bx-wrapper .bx-pager .bx-pager-item, .accessories-block .block_content .bx-wrapper .bx-controls-auto .bx-controls-auto-item{ display: inline-block; *zoom: 1; *display: inline; } .accessories-block .block_content .bx-wrapper .bx-pager.bx-default-pager a{ text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; background: #000; outline: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .accessories-block .block_content .bx-wrapper .bx-pager.bx-default-pager a:hover, .accessories-block .block_content .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } .accessories-block .block_content .bx-wrapper .bx-controls-direction a{ margin-top: 38px; height: 20px; width: 20px; line-height: 0; position: absolute; top: 40%; margin-top: -10px; font-size: 0; overflow: hidden; } .accessories-block .block_content .bx-wrapper .bx-controls-direction a:before { padding-left: 2px; color: #c0c0c0; font-family: "FontAwesome"; font-size: 20px; line-height: 22px; } .accessories-block .block_content .bx-wrapper .bx-controls-direction a:hover:before { color: #333333; } .accessories-block .block_content .bx-next { right: 10px; } .accessories-block .block_content .bx-next:before { content: "\f138"; } .accessories-block .block_content .bx-prev { left: 10px; } .accessories-block .block_content .bx-prev:before { content: "\f137"; } .accessories-block .block_content .bx-wrapper .bx-controls-direction a.disabled { display: none; } .accessories-block .block_content .bx-wrapper .bx-controls-auto { text-align: center; } .accessories-block .block_content .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .accessories-block .block_content .bx-wrapper .bx-controls-auto .bx-start:hover, .accessories-block .block_content .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .accessories-block .block_content .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .accessories-block .block_content .bx-wrapper .bx-controls-auto .bx-stop:hover, .accessories-block .block_content .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } .accessories-block .block_content .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .accessories-block .block_content .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } .accessories-block .block_content .bx-wrapper .bx-caption{ position: absolute; bottom: 0; left: 0; background: #666666 \9; background: rgba(80, 80, 80, 0.75); width: 100%; } .accessories-block .block_content .bx-wrapper .bx-caption span { color: white; font-family: Arial, Helvetica, sans-serif; display: block; font-size: .85em; padding: 10px; }

Bonjour, Les produits accessoires sont affichés dans un slider. Le css se trouve dans le module "productscategory" fichier "productscategory.css". Si vous n'avez pas installé ce module, le css ne sera pas appelé. Copiez les propriétés du fichier "productscategory.css" dans "product.css" ce devrait fonctionner.

Bonjour, Je ne vois pas comment "réinitialiser" un fichier modifié, si vous enregistrez les modifs d'un fichier sur votre serveur, la version précédente est écrasée. Il faut remplacer, dans votre répertoire, les fichiers (css,tpl...) que vous souhaitez "réinitialiser" par les fichiers par défaut de Prestashop.