Dodanie guzika: dodaj produkt do koszyka

[Artur PL]

Witajcie,

Mam problem. Nie mogę znaleźć odpowiedniego wzorca na link, który mógłbym dodać do buttona na dole strony opisu produktu. Miałby za zadanie dodanie produktu do koszyka.

Chodzi o to, że opisy produktowe w moim sklepie są bardzo długie, i po całej lekturze, na samym końcu, chciałbym dodać guzik: dodaj do koszyka (bez konieczności wspinania się na sam szczyt strony produktowej) i żeby automatycznie dany produkt, z danej strony, w ilości jednej sztuki, wskoczył.

Nie wiem, jak to jest rozwiązane w kodzie strony, ale gdy chce skopiować link bezpośredni, który oryginalnie jest przypisany do górnego (głównego) guzika dodaj do koszyka, jest tylko linkiem strony. W efekcie jego zastosowania - zwyczajnie odświeża się strona... wprawdzie pojawiam się na górze, ale nie o to chodzi. W koszyku jest nadal pusto.

Czy ktoś miałby wzór takiego linka? 

Presta 1.7.7.0

 

[Daresh]

Presta 1.7  ma darmowy moduł do generowania linków dodających produkty od razu do koszyka, może na podstawie takiego linku uda się opracować uniwersalne rozwiązanie.

[endriu107]

Dokładnie modułem buybuttonlite da się ponieważ link jest oparty na ID produktu a do tego jest dostęp, chociaż najlepiej to po prostu w szablonie poniżej opisu zaincludować standardowy przycisk dodawania produktu.

[Artur PL]

endriu107 - a no właśnie jak dodać ten przycisk? Szczególnie, że mamy kupiony template.

Dziękuję za  Buy button lite (u mnie przetłumaczone w modułach  Kup teraz lite ) . Jedyne co, to brakuje trzeciej opcji do generowania linku - dodaj produkt ale bez przechodzenia ani do koszyka, ani do podsumowania. Po prostu dodanie do koszyka ale pozostanie na stronie (coś jak odświeżenie strony - przenosi na górę, ale wrzuca produkt też do koszyka)

[endriu107]

Wstaw ten kod w dowolne miejsce:

<form action="{$urls.pages.cart}" method="post" class="add-to-cart-or-refresh">
  <input type="hidden" name="token" value="{$static_token}">
  <input type="hidden" name="id_product" value="{$product.id}" class="product_page_product_id">
  <input type="hidden" name="qty" value="1">
  <button class="btn btn-primary add-to-cart" data-button-action="add-to-cart" type="submit" {if $product.quantity < 1 }disabled{/if}>
  <i class="material-icons shopping-cart"></i>
  {l s='Add to cart' d='Shop.Theme.Actions'}
  </button>
</form>

 

[Artur PL]

Po wpisaniu kodu w opisie produktu, na stronie sklepu pojawiło się takie okno

ale po najechaniu, wyświetla się przekreślony zakaz ruchu (guzik nie jest klikalny)

[endriu107]

To jest kod do wstawienia w pliku tpl szablonu, tak żeby pojawił się w każdym produkcie.

[Artur PL]

do konkretnego pliku tpl?

To zamieni klawisz dodaj do koszyka na automatyczne dodanie do koszyka bez wskazania ilości?

Tyle, że ja taki button na końcu opisu produktu potrzebuję...

[endriu107]

To zależy jaki masz szablon może to być np. plik product.tpl odszukaj miejsce gdzie jest kod odpowiedzialny za opis produktu i poniżej wstaw ten kod.

[Artur PL]

OK udało mi się - perfecto!

Mam tylko jeszcze pytanie - jak można zastąpić ten standardowy guzik (grafika) np wgraną do zdjęć grafiką jpg (klikalną)?

[endriu107]

Wystarczy ustawić grafikę jako background przycisku.

[Artur PL]

To jeszcze gdybyś był tak uprzejmy i powiedział jak...

 

[endriu107]

To jest pytanie odnośnie podstaw css, niekoniecznie pytanie nadające się na forum presty

http://letmegooglethat.com/?q=wstawienie+zdjęcia+jako+tło+przycisku+w+css

[endriu107]

Ten element z kodu który podałem odpowiada za klasę:

class="btn btn-primary add-to-cart"

możesz go zmienić nadając mu inną klasę chociaż sugeruje jak już dodać nową typu fancybutton czyli wyglądało by to tak:  class="btn btn-primary add-to-cart fancybutton"

później w pliku css dodajesz:

.fancybutton {
background-image: url("link-to-fancyimage.jpg");
}

 

[endriu107]

Wideo poradnik jak dodać manualnie przycisk dodaj do koszyka

https://www.youtube.com/watch?v=LnP9ZKJ0Ltc&feature=youtu.be