Afficher les accessoires sous forme de liste et non en slider ?

[Nathalie77]

Bonjour,

 

Tout est dans le titre, j'aimerais un affichage des accessoires sous forme de liste genre image/titre/prix/ajouter au panier avec 1 ligne par produit et les uns sous les autres.

Mais je n'arrive pas à me sortir du slider.

J'ai voulu m'inspirer de l'affichage du catalogue en ligne mais je n'arrive pas à le transposer.

 

Quelqu'un pourrait me dire ce que je dois changer dans le product.tpl ?

 

 

Version 1.6.1.5
 

Edited January 8, 2017 by Nathalie77 (see edit history)

[Daralala]

Bonjour,

 

pas de solution de mon côté, mais je cherche également à afficher les produits de cette façon. Dès que j'ai une piste je reviens ver toi.

 

Daralala

[Nathalie77]

ahhh quelle plaisir de lire quelqu'un :-)

Je continue aussi à chercher et si je trouve une piste je posterai aussi.

[PixGeek]

As tu essayé de modifier le style, dans le css?

[Daralala]

Bonjour,

 

Moi j'ai essayé, le résultat n'est pas fameux, je pensais que cela se trouvait dans le product.tpl, j'essaye vainement de transposer le product-list à celui-ci, mais sans succès, si quelqu'un a une piste, ça m'intéresse vivement.

 

J'ai écumé le forum, même les modules de prestashop, et aucun ne propose ce type d'affichage...

 

Merci à ceux qui pourront intervenir sur ce fil.

 

Daralala

[PixGeek]

Url de vos sites, cela aiderai

[Daralala]

Bonjour !

 

Ah ça c'est sympa de te jeter un oeil !! Merci à toi..

 

j'ai un thème installé, mais même le développeur, me dit de coder moi-même les accessoires pour en arriver à une liste... Donc ça me parait périlleux et surtout assez long, j'ai l'impression d'un "pas grand chose" pour transposer la forme product-list aux accessoires.

 

Tu peux voir ici http://dara-s.fr/ mon site (c'est un duplicata du vrai sur lequel je dois bosser)

 

Merci à toi One_Man

[PixGeek]

j'aurais éventuellement une solution mais, a voir si cela fonctionne.

 

transpose tout le code des accessoires juste après la tab "fiche technique "

[Nathalie77]

As tu essayé de modifier le style, dans le css?

 

En fait j'arrive à faire ce que je veux dans la présentation même du bloc accessoires sauf que je ne comprends pas cette ligne :

<ul id="bxslider" class="bxslider clearfix">

quoique je mette, même seulement <ul> le bloc s'affiche puis disparait.

[Nathalie77]

:D J'ai réussi à faire sauter le slider et que mon affichage reste en récupérant le div et ul de blockviewed.tpl

Après le reste c'est que de la présentation en ligne à faire dans le {foreach...

 

En gros j'ai remplacé :

<div class="block_content">
<ul id="bxslider" class="product_list grid row">						

par :

<div class="block_content">
<ul class="products clearfix">

Et ça marche.

[Daralala]

Bonsoir Nathalie,

 

As tu une url que je puisse admirer le résultat?

 

Bonne soirée

[Daralala]

Bonjour,

 

bon, j'ai réussi à récuperer le template qui m'intéressait, mais j'ai un conflit avec le bouton d'achat et de quantité, je mets le lien de la page concernée ici:

 

http://dara-s.fr/t-shirts/1-t-shirt-delave-manches-courtes.html

 

En effet, si j'ai réussi à déplacer les boutons, maintenant c'est sur le produit principal que celui-ci a disparu. Et la sélection de quantité ne se fait pas non plus.

 

Si quelqu'un pouvait jeter un oeil et m'aiguiller sur le pourquoi du comment, j'en serai très très reconnaissante... Merci d'avance à ceux qui donneront de leur temps.

 

 

dara.

[Mackens]

Bonjour, je cherche a modifier le css (taille des titres et longueurs des titres produits) du bloc accessoires. pourriez vous me dire ou il se trouve ?

[Nathalie77]

D'après ce que je vois, ça vient principalement de global.css

[Mackens]

hello

Dans le global css du theme je ne vois que cela relatif a "accessories"

 

.accessories-block .btn.button {

  margin: 0;

  padding: 7px 10px;

  font-size: 12px; }

 

Je ne connais pas grand chose mais cela semble lié à un bouton et pas au bloc lui meme ?

Changer la font size ne change rien dans ma page produit et et il n'y a aucun truncate possible

 

qu'en dites vous ?

[Mackens]

dans le css du module "crosseling" il y a

 

#crossselling_list .product-name {

  margin-bottom: 5px; }

  #crossselling_list .product-name a {

    font-size: 15px;

    line-height: 18px;

    color: #3a3939; }

    #crossselling_list .product-name a:hover {

      color: #515151; }

#crossselling_list .exclusive span {

  font-size: 8px;

  line-height: 13px;

  padding: 2px 8px 3px;

  text-decoration: none; }

  #crossselling_list .exclusive span:focus, #crossselling_list .exclusive span:active {

    text-decoration: none; }

 

/*# sourceMappingURL=crossselling.css.map */

 

 

et cela correspond exactement à ce qui s'affiche en front office. Mais lorsque je modifie ce fichier dans les dossiers du theme rien ne change...

Une idée ? Il y a un ficher similaire ailleurs ?

[Mackens]

J'ai trouvé ou modifier la taille du texte :

 

.../tvotreTheme/css/product.css

 

ici :

 

  #crossselling_list .product_name a {

    font-size: 15px;

 

Mais je ne sais pas comment rallonger le titre du produit qui est coupé. Voir image.

[Mackens]

j'ai réussi a modifier la taille du texte dans le css du theme products.css

Mais je n'arrive pas à ralonger le texte du titre dans ce bloc. Cela doit etre dans un .tpl mais je ne sais pas lequel
Quelqu'un pourrait il m'aider ?