trustbadge display at random places
-
Hello,
I configured TrustBadge at dashboard to display 10 px from left side (,,po lewej” at polish lang.) margin.But mostly it shows at right side (archives, product), and it makes ,,noice” at page.
At some pages (like cart) Badge going to left, that I want and it is very clear and nice:
-
Cze?? @pynio
Z której wersji wtyczki korzystasz? Zmiana ustawienia na “z lewej” powinno by? brane pod uwag? we wszystkich podstronach. Sprawdzi?em i rzeczywi?cie nie jest poprawnie wy?wietlany.
Spróbuj zaktualizowa? wtyczk? do najnowszej wersji (jak aktualizacja jest dost?pna).
W momencie, jakby to nie zadzia?a?o podrzucam ci jeszcze “CSS hack” na zmuszenie Trustbadge do wy?wietlania z lewej strony.
#minimized-trustbadge-98e3dadd90eb493088abdc5597a70810 { left: 20px!important; right: unset!important; } #minimized-trustbadge-98e3dadd90eb493088abdc5597a70810:hover { left: 19px!important; right: unset!important; } #minimized-trustbadge-98e3dadd90eb493088abdc5597a70810 .outsideAlerter-98e3dadd90eb493088abdc5597a70810 > div:first-child { left: 0!important; right: auto!important; } #maximized-trustbadge-98e3dadd90eb493088abdc5597a70810 { left: 20px!important; right: unset!important; } #trustcard-98e3dadd90eb493088abdc5597a70810 { left: 20px!important; right: unset!important; } ._1gwv20v div:first-child { right: unset!important; } ._xo5f1 ._csg9f9 { left: 0px !important; right: auto !important; } ._t53mel ._fwiprs { left: 0px !important; right: auto !important; }
Wystarczy, ?e umie?cisz go w Wygl?d → Dostosuj → Dodatkowy CSS.
Jak masz jakiekolwiek pytania — zapraszam do kontaktu w tym po?cie albo bezpo?rednio do nas, na adres mailowy productintegraiton[ma?pka]trustedshops.com.
Pozdrawiam,
KrystianHej,
dzi?ki za odpowied? wklei?em kod i wyczy?ci?em cache, ale nie pomog?o.
Wtyczka ma wersje 1.0.6Nie jestem w stanie zlokalizowa? na twojej stronie kodu CSS, który Ci dostarczy?em.
Jeste? pewny, ?e wszystko si? poprawnie zapisa?o?
Krystian
hej,
kod usun??em, z miejsca w którym wskaza?e?. Jednak tym razem wrzuci?em go do w?asnego kodu CSS dla motywu Woodmart (s? tutaj wi?c 2 miejsca gdzie mo?na go doda?). Dodanie go z pozycji Woodmart, a wi?c panelu niejako wtyczki (chocia? to motyw) zmieni? od razu widoczno?? odznaki. Temat zamykam jako rozwi?zany.
Dzi?kuje bardzo.-
This reply was modified 2 years, 1 month ago by
pynio.
Ciesz? si?, ?e uda?o si? rozwi?za? problem.
W razie jakichkolwiek pytań — zapraszam do kontaktu!Pozdrawiam,
Krystian Slowik
2nd Level Technical Support
Technical SuccessHej,
a jak zrobi?, ?eby na tej stronie: https://przyjacielkobiet.pl/zamowienie/
by? po prawej stronie dla widoku ,,komputerowego” akurat? (mobilny jest ok, ma funkcj? zanikania, wi?c tam nie trzeba przenosi? odznaki).
To wa?ne, by przenie?? j? tylko dla tej podstrony, poniewa? klienci maj? problem z uzupe?nieniem pól tekstowych, a po prawej stronie akurat jest du?o miejsca. W innych cz??ciach strony niech b?dzie tak jak jest, czyli po lewej.
My?l?, ?e naj?atwiej b?dzie przekszta?ci? ten kod JS, który napisa? mi chatGPT. Ja nie znam wystarczaj?co JS dla woocommerce, by wiedzie? jak zmodyfikowa? i gdzie zamie?ci?.
document.addEventListener("DOMContentLoaded", function() { const trustBadge = document.querySelector('.minimized-trustbadge-98e3dadd90eb493088abdc5597a70810'); trustBadge.setAttribute("id", "my-trust-badge"); });
Cze?? @pynio,
przygotowa?em dla Ciebie zmodyfikowan? wersj? kodu, Trustbadge powinien wy?wietla? si? teraz po prawej stronie tylko dla podstrony https://przyjacielkobiet.pl/zamowienie/.
Zamień, prosz?, kod, który masz obecnie, na ten poni?ej i od?wie? pami?? podr?czn?. Przetestowa?em kod u siebie i powinien dzia?a? z tym adresem, który poda?e?, ale w razie czego mo?esz sprawdzi? go najpierw w ?rodowisku testowym (wtedy URL b?dzie oczywi?cie inny). Nie zapomnij zapisa? starego kodu, gdyby? potrzebowa? do niego wróci?.
Zwró? uwag? na trzeci? linijk? od do?u. W miejscu [TUTAJ WPISZ SWOJE TSID], wpisz swoje TSID (bez kwadratowych nawiasów).
<script type="text/javascript" id="ts-easy-integration-trustbadge-main-js" group="1" async="" charset="UTF-8"> var TBscript = document.createElement("script") let dataDestopPosition = window.location.href === 'https://przyjacielkobiet.pl/zamowienie/' ? 'right' : 'left' TBscript.setAttribute('data-desktop-y-offset', '10') TBscript.setAttribute('data-mobile-y-offset', '10') TBscript.setAttribute('data-desktop-disable-reviews', 'false') TBscript.setAttribute('data-desktop-enable-custom', 'false') TBscript.setAttribute('data-desktop-position', dataDestopPosition) TBscript.setAttribute('data-desktop-custom-width', '156') TBscript.setAttribute('data-desktop-enable-fadeout', 'false') TBscript.setAttribute('data-disable-mobile', 'false') TBscript.setAttribute('data-disable-trustbadge', 'false') TBscript.setAttribute('data-mobile-custom-width', '156') TBscript.setAttribute('data-mobile-disable-reviews', 'false') TBscript.setAttribute('data-mobile-enable-custom', 'false') TBscript.setAttribute('data-mobile-position', 'left') TBscript.src = '//widgets.trustedshops.com/js/[TUTAJ WPISZ SWOJE TSID].js?ver=1.0.6' document.head.appendChild(TBscript) </script>
W razie jakichkolwiek pytań nie wahaj si? napisa? tutaj, lub bezpo?rednio na productintegration[ma?pka]trustedshops.com.
Pozdrawiam
Kacper Ku?
1st Level Technical Support
Technical Success -
This reply was modified 2 years, 1 month ago by
- The topic ‘trustbadge display at random places’ is closed to new replies.