DC Circle - Darmowy szablon dla Woocommerce

DC Circle - Darmowy szablon dla Woocommerce

DC Circle to darmowy motyw stworzony przez zespół Design Cart, który od lat projektuje sklepy internetowe na WordPressie i WooCommerce.

Szablon powstał z myślą o właścicielach sklepów, którzy chcą połączyć nowoczesny wygląd, szybkość działania i prostą konfigurację – bez potrzeby znajomości kodu.
Jako twórcy wielu wdrożeń WooCommerce dla firm z Polski i Europy, wiemy, czego potrzebuje sprzedawca online. Dlatego DC Circle jest w pełni zgodny z najnowszą wersją WordPressa i WooCommerce 8.x, lekki dla przeglądarek i przygotowany pod SEO.

Pobierz z Design CartPobierz z Github

Design Cart zapewnia darmowy support dla swoich szablonów ☺️

Jeśli interesuje Cię indywidualna oferta zerknij na Tworzenie sklepów internetowych Woocommerce

Natomiast w przypadku bardziej złożnych projektów lub innych technologii, pełna oferta Tworzenia sklepów internetowych dostępna jest na stronie głównej Design Cart.

 

 

 

Dlaczego warto wybrać szablon DC Circle?

DC Circle powstał jako efekt doświadczeń zespołu Design Cart przy tworzeniu setek sklepów WooCommerce dla klientów z różnych branż. Każda funkcja została zaprojektowana tak, by ułatwić codzienną pracę właścicieli sklepów i poprawić konwersję.

 

🔹 Nowoczesne karuzele produktów

Motyw oferuje dynamiczne karuzele produktów – najnowszych, promocyjnych, bestsellerów oraz wyróżnionych. Dzięki temu możesz w atrakcyjny sposób zaprezentować ofertę bez potrzeby instalowania dodatkowych wtyczek.

 

🔹 Slide Cart (koszyk wysuwany)

Zintegrowany slide cart pozwala klientom szybko podejrzeć zawartość koszyka bez opuszczania aktualnej strony. To funkcja, którą zwykle spotyka się w płatnych motywach premium – tutaj dostępna za darmo.

 

🔹 Pełna personalizacja kolorów

DC Circle umożliwia pełną kustomizację kolorystyki – od przycisków po tła i linki. Możesz dopasować wygląd sklepu do identyfikacji swojej marki bez znajomości CSS.

 

🔹 Zoptymalizowany pod szybkość i SEO

Motyw jest lekki, kompatybilny z cache i w pełni responsywny. Strony ładują się błyskawicznie, a kod HTML i struktura nagłówków są przygotowane zgodnie z wytycznymi Google Core Web Vitals.

 

Pełna kustomizacja wyglądu sklepu

DC Circle pozwala w pełni dopasować wygląd sklepu do Twojej marki – bez znajomości kodu i w całkowicie polskim panelu ustawień. Wszystkie opcje są dostępne w wygodnym kreatorze motywu WordPress, dzięki czemu zmiany widzisz na żywo.

🎨 Ustawienia baneru

Zbuduj własny baner główny dopasowany do różnych urządzeń:

  • Baner desktop i mobile – osobne grafiki dla komputerów i telefonów.

  • Własny nagłówek H1 – umieść chwytliwy tytuł w centrum baneru.

  • Podtytuł pod H1 – dodaj krótkie hasło lub opis oferty.

  • Przyciski z własnym tytułem i linkiem – kieruj klientów dokładnie tam, gdzie chcesz.

🌈 Ustawienia kolorystyki

DC Circle oferuje cztery niezależne style przycisków, które możesz kolorystycznie dostosować do identyfikacji swojej marki. Każdy styl posiada oddzielne ustawienia dla tła i tekstu w trybie normalnym i po najechaniu:

  • Przycisk Styl 1–4: tło, tekst, tło (hover), tekst (hover).

  • Główny kolor czcionki – definiuje wygląd tekstu w całym sklepie.

  • Tło i kolor czcionki w stopce – pozwalają stworzyć spójny dolny panel strony.

  • Kolor linków i efekt po najechaniu – zwiększają czytelność i UX sklepu.

🛍️ Ustawienia sliderów i modułów produktów

Z poziomu panelu motywu włączysz lub wyłączysz cztery sekcje produktów:

  • Nowości – prezentuj najnowsze produkty w sklepie.

  • Promocje – wyeksponuj aktualne oferty specjalne.

  • Bestsellery – pokaż, co najchętniej kupują Twoi klienci.

  • Wyróżnione – podkreśl wybrane produkty premium.

Każdy slider posiada własne ustawienia tytułu i kategorii, dzięki czemu możesz zbudować stronę główną dokładnie tak, jak chcesz — bez instalowania dodatkowych wtyczek.

 

🔧 Miejsca na własne widgety

DC Circle daje pełną kontrolę nad układem strony głównej.
Pomiędzy poszczególnymi sekcjami — banerem, nowościami, promocjami, bestsellerami i produktami wyróżnionymi — znajdują się dedykowane obszary na własne widgety. Możesz w nich umieścić dowolną treść: banery reklamowe, informacje o dostawie, sekcje z opiniami klientów lub wpisy z bloga.

Dodatkowo, w stopce dostępne są trzy niezależne strefy widgetów:

  • Lewa strona – idealna np. na logo i krótki opis firmy.

  • Środek – np. dla menu lub odnośników do kategorii.

  • Prawa strona – na dane kontaktowe, social media lub newsletter.

Takie podejście pozwala dowolnie komponować strukturę strony, tworząc układ dopasowany do stylu Twojej marki i potrzeb użytkowników.

 

Jak prezentuje się szablon?

Szablon DC Circle został zaprojektowany z myślą o nowoczesnych sklepach internetowych — lekkich, czytelnych i przyjaznych użytkownikowi. Domyślny układ jest przejrzysty i elegancki, a wszystkie elementy rozmieszczono tak, by produkty zawsze znajdowały się w centrum uwagi.

Dzięki możliwości pełnej zmiany kolorystyki, DC Circle doskonale dopasuje się do każdej branży — od delikatnych, pastelowych tonów w sklepie z kosmetykami, po stonowane i profesjonalne barwy idealne dla produktów medycznych czy farmaceutycznych.

Poniżej znajdziesz rzuty ekranu prezentujące wygląd motywu – stronę główną, sekcje produktowe, wysuwany koszyk i stopkę. Wszystko, co zobaczysz, możesz dowolnie zmodyfikować w panelu personalizacji.

Strona główna sklepu z DC Circle
Strona główna sklepu z DC Circle

 

Strona kategori z produktami
Strona kategori z produktami

 

Strona koszyka produktowego
Strona koszyka produktowego

 

Strona kategorii bloga
Strona kategorii bloga

 

🧭 Instrukcja instalacji szablonu DC Circle

Krok 1. Pobierz szablon

Kliknij przycisk Pobierz DC Circle . Plik zostanie zapisany w formacie ZIP, gotowym do instalacji w WordPressie.

 

Krok 2. Zaloguj się do panelu WordPress

Wejdź na adres:

twojadomena.pl/wp-admin

i zaloguj się jako administrator.

 

Krok 3. Przejdź do sekcji „Wygląd → Motywy”

W menu po lewej stronie kliknij Wygląd → Motywy, a następnie przycisk Dodaj nowy u góry ekranu.

 

Krok 4. Wybierz plik ZIP i zainstaluj

Kliknij Wyślij motyw na serwer, wskaż pobrany plik dc-circle.zip i wybierz Zainstaluj teraz.

Wyslij motyw na serwer
Po zakończeniu instalacji kliknij Włącz.

Włącz szablon DC Circle

 

Krok 5. Zainstaluj WooCommerce (jeśli jeszcze nie masz)

Jeśli w Twoim WordPressie nie ma jeszcze wtyczki WooCommerce, system poprosi o jej instalację.
Kliknij Zainstaluj WooCommerce i poczekaj, aż konfigurator zakończy działanie.

 

Krok 6. (Opcjonalnie) Zainstaluj zalecane wtyczki

DC Circle działa samodzielnie, ale może proponować instalację dodatkowych wtyczek, np. do formularzy lub tłumaczeń. Warto zainstalować je, jeśli chcesz w pełni wykorzystać funkcje szablonu.

 

Krok 7. Sprawdź stronę główną

Po włączeniu motywu przejdź na stronę główną swojego sklepu.
Zobaczysz domyślny układ z banerem, sekcjami produktów i miejscami na własne widgety.


💡 Wskazówka: jeśli chcesz przywrócić wygląd strony domyślny po testach, możesz ponownie wgrać motyw z oryginalnego pliku ZIP — Twoje produkty i ustawienia WooCommerce pozostaną bez zmian.

 

⚙️ Pełna konfiguracja i personalizacja wyglądu DC Circle

Po zainstalowaniu i aktywowaniu motywu przejdź do panelu:
Wygląd → Motywy → Dostosuj

Dostosuj motyw
Tutaj możesz skonfigurować każdy element strony – od baneru i kolorów po slidery produktów i widżety w stopce.

 

🧩 Tożsamość witryny

Tożsamość witryny

W tej sekcji ustawisz podstawowe elementy Twojego sklepu:

  • Nazwa witryny – nazwa, która pojawi się w nagłówku i pasku przeglądarki.

  • Slogan – krótki opis lub hasło reklamowe.

  • Logo – wgraj własne logo w formacie PNG, JPG lub SVG.

  • Ikona witryny (favicon) – mała grafika widoczna na karcie przeglądarki i w aplikacjach mobilnych.

💡 Zalecany rozmiar ikony to 512×512 pikseli.

 

🖼️ Baner główny

Baner główny

Baner to pierwszy element widoczny na stronie głównej. Możesz ustawić:

  • Obraz baneru dla wersji desktopowej

  • Obraz baneru dla wersji mobilnej

Warto przygotować dwa dopasowane grafiki, aby motyw prezentował się idealnie na każdym urządzeniu.

Na naszym blogu znajdziesz przydatne artykuły dotyczące obróbki obrazów:

 

✍️ Tekst i przyciski na banerze

Treści na banerze

Baner może zawierać dowolne treści:

  • Nagłówek H1 – główny tytuł, widoczny na środku baneru.

  • Podtytuł – krótki opis lub zachęta do działania.

  • Przycisk 1 i 2 – z własnym tekstem i linkiem (np. „Pobierz szablon”, „Przejdź do demo”).

💡 Teksty możesz zmieniać w dowolnym momencie — zmiany są widoczne na żywo w podglądzie.

 

🎨 Ustawienia kolorystyki

Ustawienie kolorów na całej stronie i sklepie

DC Circle daje pełną kontrolę nad kolorami wszystkich elementów:

  • Przyciski Styl 1–4: każdy z osobnym kolorem tła i tekstu (oraz stanem hover).

  • Kolor głównej czcionki – wpływa na nagłówki i treść strony.

  • Tło i kolor czcionki w stopce.

  • Kolory linków i efekt po najechaniu.

💡 Dzięki temu możesz stworzyć zarówno pastelowy sklep kosmetyczny, jak i nowoczesny sklep z branży medycznej.

 

🛒 Slidery produktów

Slidery produktowe

W tej sekcji włączysz lub wyłączysz poszczególne karuzele produktów:

  • Nowości

  • Promocje

  • Bestsellery

  • Wyróżnione

Każdy slider posiada własne ustawienia:

  • Tytuł sekcji – wyświetlany nad karuzelą.

  • Kategorie produktów – możesz wskazać, które kategorie mają się w danym sliderze pojawiać.

💡 Jeśli nie chcesz, by dana sekcja była widoczna, wystarczy odznaczyć opcję „Włącz slider”.

 

🧱 Widżety i stopka

Widżety i stopka

Motyw DC Circle umożliwia dodawanie własnych sekcji między elementami strony:

  • Widget pod banerem

  • Widget pod nowościami

  • Widget pod promocjami

  • Widget pod bestsellerami

  • Widget pod wyróżnionymi

oraz trzy niezależne obszary w stopce:

  • Lewa strona – np. logo i opis firmy.

  • Środek – menu lub szybkie linki.

  • Prawa strona – dane kontaktowe, newsletter lub media społecznościowe.

💡 Dzięki tym miejscom możesz tworzyć indywidualny układ strony głównej bez użycia kodu.

 

🏠 Ustawienia strony głównej

Ustawienia strony głównej

Na koniec zdecyduj, co ma być wyświetlane na stronie głównej:

  • Twoje najnowsze wpisy (tryb blogowy)
    lub

  • Strona statyczna – np. Twoja główna strona sklepu.

Zalecamy wybór strony statycznej, aby w pełni wykorzystać strukturę motywu DC Circle.

 

🎉 Twoja strona jest gotowa!

Gratulacje — Twój sklep internetowy działa w oparciu o motyw DC Circle!
Masz już w pełni responsywny, lekki i nowoczesny szablon WooCommerce, który możesz dowolnie personalizować — od kolorów i baneru po slidery produktów i układ stopki.

Dzięki intuicyjnemu panelowi w języku polskim wszystkie zmiany wykonasz w kilka minut, bez edycji kodu.
To idealne rozwiązanie zarówno dla początkujących sprzedawców, jak i dla firm, które chcą mieć profesjonalny wygląd sklepu bez inwestycji w drogie motywy premium.

👉 Pobierz DC Circle za darmo i przekonaj się, jak łatwo można stworzyć estetyczny, szybki i w pełni funkcjonalny sklep internetowy na WooCommerce.