SwP #5: Dodajemy koszyk

Po tak d艂ugiej przerwie zajmiemy si臋 czym艣 prostszym – dodamy koszyk. A raczej stron臋/widok koszyka 馃槈

 

Nasz koszyk na chwil臋 obecn膮 wygl膮da tak:

 

Zaczniemy od dodania nag艂贸wka – zamiast napisu Koszyk聽wstawiamy:

 

Za baz臋 pos艂u偶y nam tablica z kilkoma pozycjami – jest to kopia tablicy ze strony g艂贸wnej tylko, 偶e z trzema pozycjami a zamiast opisu ma ilo艣膰 sztuk w koszyku (to tylko tymczasowe rozwi膮zanie).

 

Teraz musimy to wy艣wietli膰. Tutaj te偶 pos艂u偶ymy si臋 kodem ze strony g艂贸wnej (i te偶 nieco zmienionym).

Usun臋li艣my tutaj „nag艂贸wek” w kt贸rym znajdowa艂 si臋 tytu艂 i cena ksi膮偶ki – tytu艂 pojawi艂 si臋 obok autora, kt贸ry zosta艂 umieszczony obok zdj臋cia (zamiast nad) a cena zosta艂a przeniesiona na prawo – pomno偶ona przez ilo艣膰 sztuk danej pozycji. Dodatkowo zosta艂o zmniejszone zdj臋cie do 50px – nie potrzebujemy tutaj takich du偶ych.

A to wspomniane zmiany w css:

 

Na koniec pozosta艂o tylko wy艣wietli膰 warto艣膰 ca艂ego koszyka. Do tego potrzebujemy (na ten moment) doda膰 sobie zmienn膮 $sum, kt贸r膮 b臋dziemy zmienia膰 w p臋tli koszyka.

Dodajemy w g艂贸wnej cz臋艣ci kodu php:

a w koszyku fragment:

zmieniamy na:

 

Operacj臋 mno偶enia ilo艣ci sztuk przez cen臋 przenie艣li艣my do zmiennej $price聽i to t膮 zmienn膮 wy艣wietlamy w funkcji number_format. Nast臋pnie dodajemy聽$price do zmiennej聽$sum. Dzia艂anie operacji jest skr贸tem:

 

Teraz tylko wystarczy za p臋tl膮 doda膰:

Nie ma tutaj nic innego jak wy艣wietlenie zmiennej聽$sum.

 

Ca艂o艣膰 wygl膮da tak:

 

 

Git

Repozytorium:聽https://github.com/morawcik/sklep

Lista zmian:聽https://github.com/morawcik/sklep/commit/f38be0ee6490e03868575cf92e87db47d4c51b86


Post 5 z 5 z serii Sklep w PHP