DC Opencart Products to jeden z naszych najpopularniejszych modułów. Moduł instalowany jest praktycznie w każdym sklepie internetowym opartym na systemie Opencart w wersji 3.x.
Zadaniem modułu jest prezentacja produktów wybranych określoną metodą. Dzięki niemu możemy na naszym sklepie wyświetlić produkty najnowsze, najczęściej kupowane, wybrane przez nas oraz te objęte promocją. Moduł DC Opencart Products, kryje w sobie więc cztery moduły zainstalowane domyślnie na każdym sklepie internetowym z Opencart.
Wszechstronność możliwości wyświetlania produktów to nie jedyna zaleta tego modułu. Najważniejszą funkcjonalnością modułu to możliwość prezentacji produktów na sklepie internetowym w dwóch trybach. Tryb karuzeli, wyświetla produkty w jednej linii z możliwością przewijania, tryb siatki wyświetla produkty w formie bloków złożonych z wierszy oraz kolumn. Jakie opcje znajdziemy w module DC Opencart Products?
Możliwość ustawienia tytułu modułu z pełnym formatowaniem tekstu
Możliwość dodania opisu modułu
Możliwość ustawienia tła dla modułu, łącznie z tłem obrazkowym z funkcją parallax
Dwa tryby wyświetlania: siatka i karuzela
Możliwość określenia źródła dla produktów: najnowsze, bestsellery, promocje, wybrane przez administratora sklepu internetowego
Pełne formatowanie nazwy produktu, opisu, cen oraz przycisków
Mnogość funkcji pozwala dostosowanie modułu do każdego designu sklepu internetowego.
Instalacja na sklepie internetowym
Instalacja modułu jest banalnie prosta i nie nadpisuje plików systemowych. W celu zainstalowania modułu zaloguj się do panelu administracyjnego swojego sklepu internetowego. Następnie rozwiń zakładkę „Rozszerzenia” i wybierz „Instalator”.
Gdy system przekieruje Cię do formularza przesyłania rozszerzeń. Kliknij przycisk „Prześlij” i wybierz plik zip o nazwie dc_products.ocmod.zip.
Pasek postępu zmieni kolor na zielony i pojawi się wiadomość systemowa success, przejdź do wykazu modyfikacji w Rozszerzenia→Modyfikacje
Następni kliknij przycisk „Odśwież” w prawym górnym rogu.
Konfiguracja modułu poprzez panel administracyjny sklepu internetowego
Moduł posiada 4 zakładki konfiguracyjne, które pozwolą nam dopasować wyświetlanie produktów do naszych potrzeb oraz wpasować sam moduł w wygląd naszego sklepu internetowego.
Zakładka „General settings”
To główne ustawienia, które będą sterować działaniem modułu na sklepie internetowym.
Header title
Style
Mod description
Module background color
Use background color
Background image
Background parallax
Theme
Quantity of products to be loaded
Type products
Enable
Poniżej znajdziesz tabelkę z wyjaśnienie poszczególnych elementów interfejsu.
Header title | W tym miejscu możesz ustawić tytuł modułu, który będzie wyświetlany nad prezentacją produktów. Moduł pozwala wprowadzić osobny tytuł dla każdej wersji językowej sklepu internetowego. |
Style | W tym miejscu możesz dla nagłówka ustawić kolor czcionki, rozmiar, jej grubość oraz czy tytuł ma być pisany dużymi literami. |
Mod description | W tym polu możesz dodać krótki opis, który znajdzie się pod nagłówkiem modułu, a przed prezentowanymi produktami. |
Module background color | Ta opcja pozwala na określenie tła modułu. Dzięki temu moduł za pomocą dostępnego interfejsu możesz dopasować do szaty graficznej swojego sklepu internetowego. |
Use background color | Ta opcja włącza używanie wcześniej zdefiniowanego koloru tła. |
Background image | Dzięki tej opcji możesz sprawić że Twój sklep internetowy stanie się jeszcze bardziej wyjątkowy. Opcja pozwala na ustawienie tła obrazkowego dla modułu z produktami. Bardzo częsty zabieg stosowany w naszych realizacjach. |
Background parallax | Ta opcja wprawi tło obrazkowe w ruch, będzie reagowało na przewijanie się strony. |
Theme | Moduł DC Products pozwala na wyświetlanie produktów na sklepie internetowym, w dwóch trybach. Tryb „carousel” przewija produkty w jednej linii, animacyjnie, reagując na kliknięcia użytkownika, w interfejs służący do ich przewijania. „Grid” |
Quantity of products to be loaded | W tym miejscu określamy ile produktów moduł ma pobrać z bazy danych by wyświetlić je na sklepie internetowym. |
Type products | Opcja pozwala określić czy pobierane produkty z bazy danych mają być produktami najnowszymi („latest”), promocyjnymi („special”), najlepiej sprzedającymi się („bestseller”), czy może wybranymi przez nas („featured”). Wybranie opcji featured sprawi że wyświetli nam się dodatkowe lista „products”, w której będziemy mogli wybrać konkretne produkty. |
Enable | Włącznik, wyłącznik modułu |
Zakładka „Product setting”
W tej grupie ustawień możemy dokładnie określić jak ma wyglądać prezentacja pojedynczego produktu na sklepie internetowym. Na tej karcie znajdziemy 10 odseparowanych grup z ustawieniami dotyczącymi poszczególnych elementów produktu.
Product name | Pierwsza grupa pomoże nam zdefiniować czy nazwa produktu ma być wyświetlana, a jeżeli tak jak ma wyglądać. Moduł dostarcza nam interfejs umożliwiający zmianę koloru czcionki, rozmiar, grubość oraz umożliwia automatyczne stosowanie dużych liter. |
Product description | W tej grupie możemy ustalić zasady wyświetlania opisu produktu. Dodatkowo pole „Number of characters in the description”, umożliwia ustalenie ile pierwszych znaków z produktowego opisu ma być wyświetlana. Grupa ta posiada również opcje umożliwiające formatowanie wyglądu opisu, podobnie jak nazwa produktu. |
Product price | W tej grupie definiujemy wgląd głównej ceny produktu |
Product old price | Grupa interfejsu pozwala na formatowanie wyglądu starej ceny, w przypadku produktów promocyjnych. |
Product new price | Ta grupa pozwala na formatowanie nowej promocyjnej ceny produktu. |
Button Add to cart | Zestaw pól i opcji pozwala na zdefiniowanie wyglądu przycisku „Dodaj do koszyka” |
Button Wishlist | Zestaw pól i opcji pozwala na zdefiniowanie wyglądu przycisku „Dodaj do listy życzeń” |
Show button Compare | Zestaw pól i opcji pozwala na zdefiniowanie wyglądu przycisku „Dodaj do porównania” |
Product image | Pozwala na określenie rozmiaru obrazów |
Product rating | Umożliwia zadecydowanie czy przy wyświetlanych produktach na sklepie internetowym ma być wyświetlana ocena produktu. |
Zakładka „Carousel setting”
Trzecia zakładka dotyczy ustawień działania karuzeli, przewijającej produkty. Znajdziemy tu cztery możliwości ustawień.
Carousel view items | Liczba widocznych produktów w linii |
Pagination | Czy mają być wyświetlane przyciski paginacji |
Navigation | Czy ma być wyświetlana nawigacja w postaci strzałek, przewijających karuzele wstecz lub do przodu |
Autoplay | Ustawienie pozwalające określić czy karuzela ma wystartować z przewijaniem od razu po załadowaniu się sklepu internetowego, czy dopiero po kliknięciu użytkownika w jakiś element nawigacyjny. |
Zakładka „Grid setting”
Ostatnia zakładka ustawień pozwalająca skonfigurować moduł z włączonym trybem wyświetlania siatki. Tutaj mamy jedno ustawienie pozwalające na określenie liczby kolumn.
Moduł DC Products jest jednym z najbardziej rozbudowanych modułów pozwalających na wyświetlanie produktów w sklepach internetowych opartych na Opencart. Dzięki mnogiej liczbie ustawień każdy użytkownik bez znajomości języków programowania może dopasować wygląd modułu do aktualnie używanej szaty graficznej.