Widżet jest zbyt wąski lub ma dużą przerwę

Jeśli widżet jest zbyt wąski, ma dużą przerwę lub nachodzi na pobliską treść, zacznij od wbudowanych ustawień szerokości i odstępów. Jeśli to nie rozwiąże problemu, może być konieczne sprawdzenie kontenera, w którym motyw umieścił widżet.

Ustaw szerokość

1. Otwórz rabat w Bundlex i przejdź do karty Styl.
2. Rozwiń sekcję Styl widżetu, a następnie Kontener.
3. Ustaw Maksymalną szerokość na Pełna szerokość (100%) lub wybierz Niestandardowa i wprowadź szerokość.
4. Zapisz zmiany i sprawdź stronę produktu na komputerze oraz urządzeniu mobilnym.

Domyślna szerokość to Domyślna Shopify (44rem). Pełna szerokość wypełnia kontener nadrzędny widżetu, więc nie poszerzy wąskiej kolumny motywu.

Dostosuj odstęp nad widżetem lub pod nim

W tej samej sekcji Kontener użyj ustawień Margines górny i Margines dolny, aby dostosować odstęp. Te ustawienia dotyczą tego rabatu i są łatwiejsze w utrzymaniu niż reguła CSS obejmująca cały sklep.

Jeśli zmiana marginesów nie wpływa na odstęp, może on należeć do innego bloku lub sekcji motywu. Udostępnij pomocy technicznej adres URL produktu, abyśmy mogli ustalić, który element odpowiada za ten odstęp.

Widżet nachodzi na opinie, odznaki lub inne bloki

Widżet umieszczony w kontenerze zaprojektowanym dla krótkiego przycisku zakupu może wyrosnąć poza jego stałą wysokość. Wtedy zasłania tekst dotyczący dostawy, opinie lub inną treść znajdującą się poniżej. Zwiększenie szerokości widżetu lub dodanie marginesów może nie rozwiązać problemu z jego umiejscowieniem.

Skontaktuj się z pomocą techniczną i prześlij adres URL produktu oraz zrzut ekranu pokazujący nachodzenie elementów. Możemy sprawdzić możliwość umieszczenia widżetu poza ograniczonym kontenerem. Nie usuwaj innej aplikacji tylko dlatego, że jej treść znajduje się pod widżetem.

Zanim przełączysz się na blok aplikacji

Jeśli wybierzesz ręczne umieszczenie bloku, najpierw sprawdź, czy blok znajduje się w sekcji renderowanej na właściwej stronie produktu. Po wyłączeniu osadzenia natychmiast odśwież tę stronę. Jeśli widżet zniknie, ponownie włącz osadzenie i skontaktuj się z pomocą techniczną.

W przypadku rabatów z prezentami pozostawienie osadzenia włączonego zachowuje również czyszczenie prezentów na stronie koszyka. Zobacz wybór między osadzeniem a blokiem aplikacji.

Kiedy potrzebny jest niestandardowy CSS

Używaj niestandardowego CSS tylko wtedy, gdy wbudowane ustawienia nie pozwalają uzyskać potrzebnej zmiany. Prześlij pomocy technicznej adres URL produktu i opis oczekiwanego układu, w tym informację, czy powinien różnić się na urządzeniach mobilnych. Dzięki temu możemy wskazać właściwy kontener zamiast stosować szeroką regułę do każdego rabatu.