trustbadge display at random places

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,
Krystian

Hej,

dzi?ki za odpowied? wklei?em kod i wyczy?ci?em cache, ale nie pomog?o.

Wtyczka ma wersje 1.0.6

@pynio

Nie 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.

@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 Success

Hej,

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");
});

• This reply was modified 2 years ago by pynio.
• This reply was modified 2 years ago by pynio.
• This reply was modified 2 years ago by pynio.

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