Wsparcie » Motywy » [DIVI Theme] + Shortcodes

  • Rozwiązany owadraf

    (@owadraf)


    Cześć,

    Proszę o waszą pomoc, tak jak w tytule używam motywu DIVI i wyświetlam w sklepie produkty przy użyciu Shortcodes.

    W sekcji „Najczęściej kupowane klatki dla Królika” podanej strony:

    Dla wersji na PC używam takiego kodu:

    [products limit=”4″ columns=”2″ category=”klatki-dla-krolikow” best_selling=”true”]

    Dla wersji na Mobile używam takiego kodu:

    [products limit=”4″ columns=”2″ category=”klatki-dla-krolikow” best_selling=”true”]

    Moje pytanie: chodzi o parametr „columns” o ile w wersji na PC działa to tak jak należy, jaką wartość nie podam tyle jest tworzonych kolumn, zaś na wersji Mobile ten parametr jest pomijany i produkty zawsze wyświetlają się w dwuch kolumnach, niezależnie od wartości parametru „columns”. Jak to poprawić dla wersji Mobile?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • owadraf

    (@owadraf)

    Przepraszam, miało być:

    Dla wersji na Mobile używam takiego kodu:

    [products limit=”4″ columns=”1″ category=”klatki-dla-krolikow” best_selling=”true”]

    Moderator Paweł Knapek

    (@adpawl)

    Dla rozdziałki do 768px wszystkie kolumny są równane i dzielone na 2.
    Jak na „mobilce” chcesz podział wg. ustawień kolumn, to musisz sobie nadpisać własnymi stylami np.:

    @media only screen and (max-width: 768px){
     .woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product {
        width: 22%; clear:none;
     }
     .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
        width: 33%; clear:none;
     }
    }
    owadraf

    (@owadraf)

    Bardzo dziękuje za pomoc, działa właśnie tak jak chciałem.

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