Modifier affichage product-list

[SK3uD]

Bonjour,

edit : je bosse sur un prestashop 1.6.1.19 avec le template Warehouse 3.8.7

je souhaite modifier l'affichage de la liste de produits sur une catégorie précise. 

Pour être plus précis, je souhaite afficher le 5ème élément de la liste de produits sur 2 colonnes et seulement celui-ci. Les autres éléments seront affichés normalement.

J'ai parcouru les templates, les forums etc mais je ne trouve rien de tel et c'est un affichage qui m'est demandé en vue d'une mise en avant de produit. 

Auriez-vous des pistes ?

Je laisse un schéma pour vous donner une idée. Merci d'avance !

Edited May 28, 2019 by SK3uD (see edit history)

[Janett]

Je pense qu'il n'y a rien d'existant de base.

Vous pouvez définir un template spécifique pour une catégorie : https://devdocs.prestashop.com/1.7/themes/reference/templates/templates-layouts/#specific-templates

Avec du CSS ça doit être faisable, la mise en page c'est pas du tout ma spécialité, je fais juste des suggestions 😇

[SK3uD]

Merci. J'ai pas précisé la version de mon prestashop qui est 1.6 (désolé)

En fait, j'ai bien cherché et j'ai regarde du côté des :nth-child pour la partie CSS. Mais là, d'après ma demande, il faudrait changer les classe d'une li (la 5ème) comme ici : 

On cherche la 5ème li

<li class"ajax_block_product col-xs-12 col-ms-4 col-sm-4 col-md-4 col-lg-4">...</li>

et on change les classes en ceci

<li class"ajax_block_product col-xs-12 col-ms-8 col-sm-8 col-md-8 col-lg-8">...</li>

Seulement rien n'a fonctionné pour le moment. J'ai testé du javascript mais en vain. Je sais que c'est là qu'il faut que je creuse.

Pour les images j'ai une astuce pour éviter le resize etc (normalement).

Edited May 28, 2019 by SK3uD (see edit history)