[DIVI Theme] + Miniatura produktu w koszyku

  • owadraf

    (@owadraf)


    5 years temu

    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)

    5 years temu

    @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;
}
    Thread Starter owadraf

    (@owadraf)

    5 years temu

    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 5 years temu przez owadraf.
    Thread Starter owadraf

    (@owadraf)

    5 years temu

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

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

    Moderator Paweł Knapek

    (@adpawl)

    5 years temu

    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)
  • Temat ‘[DIVI Theme] + Miniatura produktu w koszyku’ jest zamknięty na nowe odpowiedzi.