Sekcja "produkty powiązane" położenie na stronie

@FxJ sprawa wygląda następująco: w przypadku skórki sklepu z której korzystasz, czyli jeden ze standardowych szablonów, będzie konieczność skorzystania z Edycji zaawansowanej.

Rozwiązanie pierwsze, edycja zaawansowana:

1. Zaloguj się do panelu sklepu i przejdź do sekcji Konfiguracja --> Wygląd --> Aktywny styl graficzny,
2. Po lewej stronie ekranu kliknij Edycja zaawansowana,
3. Na górze ekranu pojawi się komunikat, o konieczności wykonania kopii skórki. Chyba, że zrobiłeś to wcześniej. Aby nie uszkodzić oryginalnego wyglądu, edycja zaawansowana dostępna jest dla kopii skórki. Tworzenie kopii skórki jest też wygodnym rozwiązaniem, do testowania wyglądu sklepu czy przygotowania jego kilku wariantów, np. tematycznych związanych z różnymi promocjami i okazjami. Odszukaj przycisk Utwórz kopię, na górze ekranu,
4.Domyślnie kopia skórki jest nieaktywna, czyli możesz ją edytować bez wpływu na wygląd sklepu. Jeśli wprowadzone zmiany mają być aktywne, skorzystaj z przycisku Ustaw jako aktywną,
5. W edycji zaawansowanej odszukaj plik: product/index.tpl - plik ten odpowiada za cały wygląd strony/karty produktu,
6. Zmodyfikuj wygląd przenosząc lokalizację sekcji strony.

W tym miejscu kończy się nasza pomoc. Nie wspieramy technicznie edycji zaawansowanej i nie ingerujemy w wygląd sklepów. Większość przeglądarek posiada taką opcję jak zbadaj element lub dodatki typu FireBug. Przechodząc na stronę produktu, możesz sprawdzić tymi narzędziami, poszczególne sekcje strony i ich kod źródłówy, a następnie dokonać edycji we właściwym pliku.

Rozwiązaniem drugim, prostszym, jest w sekcji Konfiguracja --> Wygląd --> Galeria stylów, aktywowanie skórki RWD. RWD czyli wygląd responsywny, daje Ci kilka korzyści:
- nie ma potrzeby tworzenia mobilnej wersji strony, RWD dopasowuje się do każdego ekranu, zawsze wyświetlając stronę poprawnie i czytelnie,
- RWD daje nowe możliwości rozbudowy strony WWW.

I w tym przypadku, uruchamiasz skórkę RWD (możesz ją aktywować testowo) i konfigurujesz wygląd:

1. Przejdź do sekcji Konfiguracja --> Wygląd --> Galeria stylów --> ustaw jako aktywny wygląd RWD,
2. Wróć do sekcji Konfiguracja --> Wygląd --> Aktywny styl graficzny,
3. Po lewej stronie ekranu wybierz Szczegóły produktu,
4. Odszukaj opcję: Widok w zakładkach.

Aktywowanie tej opcji, spowoduje, że to co do tej pory wyświetlało się jedno pod drugim: opis, dane techniczne, produkty powiązane, teraz będą wyświetlane w zakładkach. Zobacz czy takie rozwiązanie nie będzie najlepsze. Nie wymaga ono żadnej ingerencji w kod źródłowy strony WWW.