CSS kód pro skrytí youtube ikony na obrázcích produktu ve woocommerce

Úvodní stránka Fórum podpory WordPressu Šablony, CSS (zobrazení webu) CSS kód pro skrytí youtube ikony na obrázcích produktu ve woocommerce

Zvolené téma neobsahuje zatím 1žádnou odpověď. Do diskuze (2 účastníci) se naposledy zapojil uživatel  Vlada a poslední změna je stará 4 roky, 11 měsíců.

Aktuálně je na stránce zobrazeno 11 příspěvků - 1. až 11. (z celkem 11)
  • Autor
    Příspěvky
  • #37280

    Vlada
    Participant

    Dobrý den,
    zakoupil jsem plugin pro zobrazování produktů ve woocommerce (Twist – Product Gallery Slider for Woocommerce). Ze začátku byly problémy se zobrazováním, které byly vyřešeny autorem pluginu. Jeden problém ovšem zůstal a to ten, že u variabilních produktů se nezobrazuje červená youtube ikona u obrázcích produktu. Tento problém jsem se rozhodl odstranit tím, že bych zakázal zobrazení ikony u všech produktů a ikonu bych si vkládal ručně přímo do obrázků. Autor pluginy mi řekl, že mám použít CSS kód pro skrytí ikony, ale nesdělil mi jaký. Nevíte kde najdu takový kód? Googlil jsem, ale nic jsem nenašel.

    Předem děkuji za pomoc.
    Vladimír D.

    #37281

    Vlada
    Participant

    červená youtube ikona u produktu ve woo

    Attachments:
    #37283

    Vlada
    Participant
    #37284

    flashrad
    Participant

    .twist-video-thumb:after {
    display: none;
    }

    #37285

    Vlada
    Participant

    Moc děkuji za poslání funkčního kódu.

    Ještě se zeptám na jednu věc. Jak zakázat zoom u variabilních produktů?

    Zde na tomto produktu po vybrání varianty se na obrázku aktivuje zoom:
    http://drevodilnakulicka.cz/prodej/magneticka-kulickova-draha-2/
    Naopak zde u tohoto variabilního produktu je obrázek vybrané varianty bez zoom (je to způsobeno tím, že není přilinkované video přes twist plugin):
    http://drevodilnakulicka.cz/prodej/magneticka-kulickova-draha-5-rozsirujici-set/

    Lze zakázat zoom plošně css kódem?
    Jde o vlastnost pluginu fancybox a nebo twist?
    Pro názornost přikládám obrázky do přílohy.
    Vláďa D.

    #37288

    Vlada
    Participant

    Moc děkuji za poslání funkčního kódu.

    Ještě se zeptám na jednu věc. Jak zakázat zoom u variabilních produktů?

    Zde na tomto produktu po vybrání varianty se na obrázku aktivuje zoom:
    http://drevodilnakulicka.cz/prodej/magneticka-kulickova-draha-2/

    Naopak zde u tohoto variabilního produktu je obrázek vybrané varianty bez zoom (je to způsobeno tím, že není přilinkované video přes twist plugin):
    http://drevodilnakulicka.cz/prodej/magneticka-kulickova-draha-5-rozsirujici-set/

    Lze zakázat zoom plošně css kódem?
    Jde o vlastnost pluginu fancybox a nebo twist?
    Pro názornost přikládám obrázky do přílohy.
    Vláďa D.

    #37292

    flashrad
    Participant

    pokud to takhle funguje po aktivaci toho druhého pluginu…tak asi bude chyba v něm…to takhle poznat neumím…asi rychlá oprava by byla tomu obrázku vnutit pevnou šířku…ale takhle fakt asi neporadim

    #37295

    Vlada
    Participant

    Napsal jsem autorovi pluginu. Uvidíme jestli pomůže.
    Děkuji vám za ochotu pomoci.
    Vláďa D.

    #37296

    Vlada
    Participant

    A jakým způsobem je možné vnutit všem obrázkům variabilního produktu pevnou šířku?

    #37297

    flashrad
    Participant

    něco jako #fancybox-frame img{width:100%};
    ale bez záruky…nevidim to před sebou

    #37299

    Vlada
    Participant

    Zkusil jsem kód, ale nic se nezměnilo.
    Co byste potřeboval vidět před sebou?

Aktuálně je na stránce zobrazeno 11 příspěvků - 1. až 11. (z celkem 11)

Pokud chcete odpovědět na toto téma, musíte se nejdříve přihlásit.

WordPress – novinky, návody a zajímavosti