Trusted Shop - Position du widget

[OUTPOST]

Bonjour,

 

J'aimerai pouvoir placer le widget sur la gauche ou éventuellement le mettre dans le footer en fixe, une idée ?

 

Merci

Edited September 30, 2015 by OUTPOST (see edit history)

[OUTPOST]

Personne ?

[Rom Soul]

Bonjour,

 

Mieux vaut 1 an plus tard que jamais ?...

S'il s'agit bien du badge généré par le module "Avis clients Trusted Shops", je viens de l'installer et de le positionner en bas à gauche.

 

Pour le placer en bas à gauche plutôt qu'en bas à droite (position par défaut),

J'ai ajouté ça à la fin du fichier  themes/nom-de-mon-theme/css/global.css :

#tsbadge4_db8d3657bdbe440c985ae127463eaad4 { left: 0; right: auto !important; }

 

La partie "db8d3657bd..." est peut-être à remplacer au cas par cas par un identifiant propre à chaque installation ?

A récupérer avec un inspecteur de code ! Chez moi ça correspond à la balise qui englobe tout le badge trusted shops :

<div id="tsbadge4_db8d3657bdbe440c985ae127463eaad4" data-shopname="..." style="...">

Edited October 6, 2016 by Rom Soul (see edit history)

[OUTPOST]

Super Merci pour l'info, il est possible de le laisser en Fixe genre dans le Footer ?

 

Merci

[Rom Soul]

Tu veux que le badge ne suive plus au scroll, et apparaisse seulement tout en bas ?

Ceci devrait faire l'affaire (identifiant peut-être à adapter, comme précédemment) :

 

#tsbadge4_db8d3657bdbe440c985ae127463eaad4 { position: absolute !important; } /* pour contredire la propriété position: fixed; */

html {position: relative;} /* Sinon la position n'est pas prise en compte correctement */

 

 

NB: concernant le positionnement du badge en bas à GAUCHE :

sur ma boutique, à présent que les premiers avis arrivent, le badge a évolué (pour afficher les détails à la demande etc) et ...

ma ligne de code précédente ne suffit plus ! il m'a fallu compléter, j'en suis à ça :

 

/* 2016_10 Ajout Badge Trusted Shop */

/* Badge boutique en bas à gauche */

#tsbadge4_db8d3657bdbe440c985ae127463eaad4 , /* badge version mini */

#tscard4_db8d3657bdbe440c985ae127463eaad4 { /* badge version agrandie */

right: auto !important;

left: 0;

}

/* Infobulle au clic */

#MenuContainerBadge_db8d3657bdbe440c985ae127463eaad4 {

right: -85px !important;

}

[OUTPOST]

Oui je ne veux plus qu'il suive le scroll, Merci je teste.

 

Tu penses qu'il est possible de le placer ou on veut sur la page ne plus l'avoir collé à la barre de scroll, dans le footer par exemple à coté des mentions légales

[Rom Soul]

Il y a une certaine marge de manœuvre pour placer le badge mais :

- dans le code HTML, le badge se trouve en fin FIN de page, donc à moins de tout tripoter en javascript, on peut difficilement placer le badge où on veut dans le flux :  on est condamné à le positionner en "absolute" ou "fixed".

- par ailleurs les effets déroulants du badge sont conçus pour se dérouler vers le haut, autrement dit le badge est conçu pour être "en bas", à moins de tout chambouler...

 

A mon avis : mieux vaut utiliser le badge comme il est sens être utilisé, sauf retouches très minimes !

Pour mettre mieux en avant le statut trusted shops, ce qui peut se faire c'est de créer un bloc de texte qui en parle, et reprenne le logo TS, avec pourquoi pas un lien vers www.trustedshops.fr/la-page-de-ta-boutique

[OUTPOST]

Merci pour ton retour, bonne idée du bloc texte.J'ai vue sur ce site (http://www.campz.fr/) que le badge est fixer dans le footer.

 

a+