Wsparcie » Motywy » [DIVI Theme] + Miniatura produktu w koszyku

  • owadraf

    (@owadraf)


    Cześć,

    To już moja ostatnia prośba do was w dniu dzisiejszym.

    Proszę o pomoc co muszę zrobić, aby w koszyku dla wersji mobile widoczna była miniatura produktu/ów w nim się znajdującego/ych?

    Dodam, że przy rozdzielczościach mobile i tablet wszystko jest ok, miniatury są widoczne.

    Z góry dziękuję za pomoc.

    Strona przy której potrzebuję pomocy: [zaloguj się aby zobaczyć ten link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Paweł Knapek

    (@adpawl)

    @media only screen and (max-width: 768px) {
     .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
        display: block;
     }
    }

    albo

    .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
        display: block!important;
    }

    Dziękuję (@adpawl) za pomoc,

    Skorzystałem z tego rozwiązania:

    @media only screen and (max-width: 768px) {
    .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    background-color: white !important;
    }
    }

    pojawiły się dwa problemy:

    1. przed każdym obrazem pojawia się dwukropek „:” dziwna sytuacja, jak ją wyeliminować?

    2. w przypadku jeżeli dodam aby miniatura produktu miała np:

    widt: 70%

    to border nad nią również się skaluje i nie zamyka pola tabeli.

    Wprowadzone zmiany są do zobaczenia na stronie klatki.org

    • Ta odpowiedź została zmodyfikowana 2 months, 4 weeks temu przez owadraf.

    Mała poprawa chodzi o stronę akwaria.org
    a dokładnie widać to tutaj:

    https://akwaria.org/produkt/ozdoba-do-akwarium-lokomotywa-parowoz/

    Na dwukropek tak

    @media only screen and (max-width: 768px) {
     .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
     display: block;
     margin-left: auto !important;
     margin-right: auto !important;
     background-color: white !important;
     }
     .woocommerce table.cart .product-thumbnail::before { content:unset; }
    }

    A co do 70%, to jak dajesz je dajmy na: .woocommerce table.cart .product-thumbnail to będą dziwności …bo to komórka tabeli, a nie obrazek.
    Obrazek masz głębiej: .woocommerce table.cart .product-thumbnail img
    Albo pod klasą: .woocommerce table.cart .product-thumbnail .attachment-woocommerce_thumbnail

Viewing 4 replies - 1 through 4 (of 4 total)