woocommerce_products_carousel-main-picture

Wtyczka umożliwia wstawienie karuzeli produktów (najnowsze, polecane, najczęściej kupowane, w wyprzedaży i znacznie więcej) ze sklepu opartego o WooCommerce. Wtyczka oferuje jeszcze bogatsze parametry do wyświetlania karuzeli i informacji o produktach oraz przede wszystkim oferuje lepsze wsparcie dla urządzeń mobilnych. Wtyczka wyposażona jest również w generator kodu (umożliwiający wstawienie karuzeli w treść wpisu) oraz w dedykowany widget. Ten produkt jest następcą dodatku „WooCommerce Products FlexSlider all in one”.

Prezentacja produktu

  • dodatek wykorzystuje OWL Carousel 2, WooCommerce, FontAwesome
  • obsługa generatora kodów umożliwiającego wstawienie karuzeli produktów bezpośrednio w treść wpisu
  • obsługa funkcjonalności poprzez dedykowany widget
  • wsparcie responsywności oraz urządzeń mobilnych
  • 4 domyślne szablony i możliwość tworzenia własnych
  • dostępne tłumaczenia:
    Polski (pl_PL) – Marcin Gierada (100%),
    Angielski (en_EN) – Marcin Gierada (100%),
    Francuski (fr_FR) – tunteam (51%),
    Szwedzki (sv_SE) – Imran Khalid (50%),
    Duński (da_DK) – Daniel Christiansen (66%),
    Portugalski, Brazylijski (pt_BR) – Cleber Paiva de Souza (100%)

Dedykowany generator kodu

woocommerce-products-carousel-all-in-one_screenshot-2_1.2.7_pl

Dzięki obsłudze dedykowanego generatora, możemy umieścić nową karuzelę w dowolnym miejscu każdego wpisu.
Intuicyjny formularz obejmuje zarówno parametry samej karuzeli, jak również atrybuty produktów do wyświetlenia.

Przykładowy kod wygenerowany przez wtyczkę:
woocommerce_products_carousel_all_in_one all_items=”10″ show_only=”id” out_of_stock=”false” products=”” categories=”” relation=”and” tags=”” ordering=”asc” template=”compact.css” show_title=”true” show_description=”false” allow_shortcodes=”false” show_price=”true” show_category=”true” show_tags=”false” show_add_to_cart_button=”true” show_more_button=”true” show_more_items_button=”true” show_featured_image=”true” image_source=”thumbnail” image_height=”100″ image_width=”100″ items_to_show_mobiles=”1″ items_to_show_tablets=”2″ items_to_show=”4″ slide_by=”1″ stage_padding=”0″ margin=”5″ loop=”true” stop_on_hover=”true” auto_play=”true” auto_play_timeout=”1200″ auto_play_speed=”800″ nav=”true” nav_speed=”800″ dots=”true” dots_speed=”800″ lazy_load=”false” mouse_drag=”true” mouse_wheel=”true” touch_drag=”true” easing=”linear” auto_width=”false” auto_height=”true” custom_breakpoints=””
Powyższy kod należy umieścić pomiędzy nawiasami kwadratowymi [].

Widget

Wtyczka oferuje również widget, dzięki któremu można szybko tworzyć nowe karuzele produktów i umieszczać je w określonych miejscach.

woocommerce-products-carousel-all-in-one_screenshot-1_1.2.7_pl

Dostępne szablony

Default
woocommerce_products_carousel-theme-default

Compact
woocommerce_products_carousel-theme-compact

Light

woocommerce_products_carousel-theme-light

Simple

woocommerce_products_carousel-theme-simple

Strona ustawień

Na stronie ustawień możesz dokonać ważnych modyfikacji mających wpływ na wyświetlanie Twoich karuzel:

  • zmiany sposobu dołączania plików wtyczki do kodu swojej strony
  • dodanie biblioteki FontAwesome, jeśli jeszcze z niej nie korzystasz
  • zdefiniowanie własnych punktów przerwań pasujących do Twojej responsywnej strony

woocommerce-products-carousel-all-in-one_screenshot-4_1.2.7_pl

Chcesz przetestować?

Możesz już teraz przetestować działanie tego produktu. Wystarczy, że klikniesz w poniższy odnośnik

Demo
Używasz "WooCommerce Products Carousel all in one" na swojej stronie?
Pomóż go ulepszyć i podziel się ze mną swoją opinią lub uwagami.
Będę wdzięczny za Twoją informację.
  • Maciej Tomaszewski

    Cześć, wykorzystuję wasz plugin do jednej ze swoich stron. Chciałbym dodać do niego filtr, tak aby po kliknięciu np w soki pokazywały się tylko produkty z kategorii soki. Stworzyłem już wszystko, jednak po schowaniu np soków zostają wody. Przejeżdżają do końca i pozostawiają wolne miejsce, tak że w sliderze nie widać żadnego produktu. Jak wykryć że po schowaniu produkty soki zakończyły „podróż” i nakazać im wrócić się. W tym momencie slider zacznie działanie od nowa aż WSZYSTKIE produkty przejadą na koniec i dopiero wtedy się wróci. Z góry dziękuję za pomoc.