Budżet: 6500 UAH Termin: 5 dni
Witam. Zapoznałem się ze zrzutami ekranu aktualnej i pożądanej karty produktu. Zadanie jest jasne: należy całkowicie przerobić mobilną wersję karty, czyniąc ją bardziej przejrzystą, uporządkowaną i nowoczesną, a także upewnić się, że wersja desktopowa wyświetla się poprawnie.
Ponieważ strona działa na połączeniu WordPress + XStore + Elementor, istnieją dwa sposoby realizacji: dostosowanie standardowego szablonu WooCommerce przez motyw potomny (Child Theme) i CSS, lub użycie wbudowanego konstruktora kart w Elementor PRO / XStore Builder (jeśli są aktywowane).
Wprowadzę zmiany zgodnie z Twoim odniesieniem:
Przeniosę blok tytułu produktu, ceny i cech na prawą stronę od zdjęcia (dla desktopu) i tuż pod zdjęciem (dla mobilki). Ułożę schludną siatkę parametrów (kategoria, kolekcja, fason) po lewej stronie i ceny po prawej.
Stylizuję wybór koloru (okrągłe, schludne próbki) i rozmiarów (płytka w jednym rzędzie), a także dodam link do tabeli rozmiarów po prawej stronie wyboru rozmiaru.
Przerobię przyciski dodawania do koszyka i zakupu w jednym kliknięciu. Przyciski będą umieszczone w jednym rzędzie: ciemny, minimalistyczny po lewej i konturowy po prawej. Czcionkę przycisków uczynię bardziej surową i nowoczesną.
Sformatuję opis, cechy i skład w postaci schludnych rozwijanych list (akordeonów) ze strzałkami, aby nie przeciążać strony w pionie.
Ikonę dodawania do ulubionych (serce) umieszczę w widocznym miejscu obok obrazu lub tytułu.
Metoda realizacji będzie zależała od tego, jak obecnie wyświetlana jest karta produktu — standardowym szablonem motywu XStore lub przez Single Product Builder w Elementor. Napiszę style tak, aby nie wpłynęły na inne strony witryny i nie zostały usunięte podczas aktualizacji motywu.