• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 09.12.19, 12:39
  • Opened by: Chitan Boss
  • Closed by: Fred
  • Closed on: 03.01.20, 15:27
  • Reason: Closed
  • Comment: Glad to help!

Ticket #16404 - Problem with object structure at mobile (AMP)

Panowie,

Ostatni problem. Walczę od jakiegoś czasu i nie chce mi zejść niżej guzik “add to cart” i serce (favorites) do nowych wierszy. Na zrzucie pokazano jak to wygląda. Chciałbym to umieścić w nowych wierszach. Walczę z CSS, ale któraś klasa to przestawia. Możecie coś podpowiedzieć? Będę zobowiązany.
Druga sprawa, chciałbym aby atrybuty rozmiarów były “przyciskami” a nie radio. Chciałbym aby zmieniał się stan tego po najechaniu. Na drugim zrzucie zaznaczyłem jak chciałbym ułożyć te elementy koszyka i zaznaczyłem te radio od atrybutów. Ukrycie samego radio nie było problemem, ale teraz stan hover albo focus albo active.
W innym szablonie (Transformer) kitajcom udało się to zrobić, ale coś nie umiem tego powielić.

Attachments:

add-to-cart.png (8.5 KiB)
add-to-cart-new-version.jpg (29.2 KiB)

Comments

Fred 10 Dec 2019, 11:56

Hi, Chitan Boss.
Może mi Pan podać link do tej strony gdzie jest problem z Add to cart, bo ja to widzę tak https://take.ms/ZntH2

Co do atrybutów, może Pan to zmienić tu https://take.ms/1Ueia

Chitan Boss 10 Dec 2019, 15:24

Dobra, jeszcze raz:

Link do strony: https://butik-valentina.pl/mobile/product/6-bluza-ze-wstazka Patrzę na telefonie albo na symulacji z Firefoxa. Guzik jest ściśnięty z dodawaniem i odejmowaniem sztuk i serduszkiem. Nie zmieniałem nic przy tym w CSS.
Co do Atrybutów to nie chodzi mi o zmianę typu atrybutu a jego wygląd. Proszę zobaczyć załącznik - strona konkurencyjnej firmy, zrobiona na Prestashop i szablon Transformer:
https://varlesca.pl/pl/bluzki/10940-19748-bluzka-beige-flowers-button-white.html#/1-rozmiar-s/54-kolor-bialy lub tutaj, ale to jest chyba wordpress:
https://andzela.com/bluzki/8671-koszula-palermo-white.html Mają rozmiarówkę jako kwadraty bez radio (a właściwie radio jest ukryte poprzez opacity: 0). Jak to ogarnąć w tpl i/lub w css żeby były przyciski wyboru rozmiarówki?
Damy radę?

Fred 10 Dec 2019, 18:00

1. Zrobiono
2. Ale proszę najpierw spróbować zmienić typ artykułu, js myślę że jest to właśnie to co Pan potrzebuję

Chitan Boss 11 Dec 2019, 12:16

Panie “Fred” :D

1. Nie do końca rozumiem, co Pan zrobił, czy przypadkiem Panu czegoś nie nadpisałem? Bo ja dalej widzę jak na zrzucie valentina-mobile-2.jpg albo niech Pan spojrzy na linka:
https://butik-valentina.pl/mobile/product/6-bluza-ze-wstazka Jeżeli coś nadpisałem, to przepraszam, bo wczoraj mi głowę truli, że coś tam mam zmieniać.
2. Co do Atrybutów - faktycznie, miał Pan rację - jakoś nie skojarzyłem. Dziękuję. Z CSS już ogarnę ;)
3. Mam jeszcze jeden, w sumie głupi problem, bo widzi to tylko część ludzi (nawet jak się wykasuje histerię przeglądarki). Na zrzucie valentina-mobile.jpg jest pokazany, jakby elementy klikalne miały outline w poprzednim kolorze, wybranym wcześniej w panelu. Jakby to zapamiętał telefon czy coś. Ja jak czyszczę cache w przeglądarce na telefonie i symulacji mobilki na Firefox to tego nie widzę, ale u klientów ciągle jest. Co jeszcze może powodować to podświetlenie, outline, border czy coś? Wszystko już wywaliłem w custom.css (albo się mylę).

Attachments:

valentina-mobile-2.jpg (51.4 KiB)
valentina-mobile.jpg (33.5 KiB)
Fred 12 Dec 2019, 11:52

1. Widzę to tak https://take.ms/soD3t zrobiłem zmiany w pliku /themes/valentina/templates/mobile/catalog/product.tpl
3. Może Pan spróbować następny CSS 

*:focus{outline: none}
Chitan Boss 12 Dec 2019, 21:43

1. Ok, lekko zmodyfikowałem i jest prawie idealnie :) Tylko niech to nieszczęsne serce z ulubionych spadnie do nowego wiersza pod blokiem (FORM) z koszyka, bo jest obok i dziwnie wygląda? Nie umiem tego wymusić. Jest jakaś dokumentacja do CSS dla AMP (w sensie Frameworka jak bootstrap?)
2. Sprawdzę czy działa, powinno być OK.

Fred 14 Dec 2019, 19:16

1. Proszę sprawdzić ten screen https://take.ms/7AftDB