diff --git a/spiral/image/page_spiral/03-02-01-0013.png b/spiral/image/page_spiral/03-02-01-0013.png
new file mode 100644
index 00000000..3301a6be
Binary files /dev/null and b/spiral/image/page_spiral/03-02-01-0013.png differ
diff --git a/spiral/image/page_spiral/03-02-01-0014.png b/spiral/image/page_spiral/03-02-01-0014.png
new file mode 100644
index 00000000..887a7342
Binary files /dev/null and b/spiral/image/page_spiral/03-02-01-0014.png differ
diff --git a/spiral/image/page_spiral/spiral_product_03-02-01-0013.png b/spiral/image/page_spiral/spiral_product_03-02-01-0013.png
new file mode 100644
index 00000000..3fe6e9ea
Binary files /dev/null and b/spiral/image/page_spiral/spiral_product_03-02-01-0013.png differ
diff --git a/spiral/image/page_spiral/spiral_product_03-02-01-0014.png b/spiral/image/page_spiral/spiral_product_03-02-01-0014.png
new file mode 100644
index 00000000..efff0568
Binary files /dev/null and b/spiral/image/page_spiral/spiral_product_03-02-01-0014.png differ
diff --git a/spiral/image/page_spiral_press/03-02-01-0013.png b/spiral/image/page_spiral_press/03-02-01-0013.png
new file mode 100644
index 00000000..458efe2e
Binary files /dev/null and b/spiral/image/page_spiral_press/03-02-01-0013.png differ
diff --git a/spiral/image/page_spiral_press/03-02-01-0014.png b/spiral/image/page_spiral_press/03-02-01-0014.png
new file mode 100644
index 00000000..9a137d63
Binary files /dev/null and b/spiral/image/page_spiral_press/03-02-01-0014.png differ
diff --git a/spiral/product.json b/spiral/product.json
index f667203b..45f171a3 100644
--- a/spiral/product.json
+++ b/spiral/product.json
@@ -228,7 +228,7 @@
             "id": 15,
             "code": "03-02-01-0013",
             "name": "บลูเบอรี่ พายป๊อปคอร์น",
-            "nameE": "Blueberry Pie Popcorn",
+            "nameE": "Blueberry Pie\nPopcorn",
             "desc": "TAO BIN SNACK STATION",
             "descE": "TAO BIN SNACK STATION",
             "image": "03-02-01-0013.png",
@@ -243,8 +243,8 @@
         {
             "id": 16,
             "code": "03-02-01-0014",
-            "name": "สตรอเบอร์รี่ ซันเดย์ป๊อปคอร์น",
-            "nameE": "Strawberry Sundea Popcorn",
+            "name": "สตรอเบอร์รี่ ซันเดย์\nป๊อปคอร์น",
+            "nameE": "Strawberry Sundea\nPopcorn",
             "desc": "TAO BIN SNACK STATION",
             "descE": "TAO BIN SNACK STATION",
             "image": "03-02-01-0014.png",
diff --git a/spiral/xml/page_catalog_vending_machine.xml b/spiral/xml/page_catalog_vending_machine.xml
index a8f4b512..d51d9df7 100644
--- a/spiral/xml/page_catalog_vending_machine.xml
+++ b/spiral/xml/page_catalog_vending_machine.xml
@@ -1859,6 +1859,321 @@
 
 </Block>
 
+
+; button i=1 03-02-01-0013
+<Block>
+	<MarginLeft> 33 </MarginLeft>
+	<MarginTop> 22 </MarginTop>
+	<Width> 225 </Width>
+	<Height> 296 </Height>
+	<State> $03-02-01-0013.Button </State> 
+	<Button>
+	<State>  $03-02-01-0013.Button </State> 
+	<Filename> Var( "ROOT/taobin_project/spiral/image/page_spiral/" + $03-02-01-0013.image ) </Filename>
+	<FilenamePress> Var( "ROOT/taobin_project/spiral/image/page_spiral_press/" + $03-02-01-0013.image ) " </FilenamePress>
+	<FilenameDisable> Var( "ROOT/taobin_project/spiral/image/page_spiral_press/" + $03-02-01-0013.image ) " </FilenameDisable>
+	<Sound> "/mnt/sdcard/coffeevending/wav/click.wav" </Sound>
+	<Volume> SoundVolume </Volume>
+	<EventOnClick> 
+		Var SpiralSelectdetail1 = $03-02-01-0013.detail1
+		Var SpiralSelectheader2 = $03-02-01-0013.header2
+		Var SpiralSelectdetail2 = $03-02-01-0013.detail2	
+
+		Var SpiralSelectdetail1E = $03-02-01-0013.detail1E	
+		Var SpiralSelectheader2E = $03-02-01-0013.header2E	
+		Var SpiralSelectdetail2E = $03-02-01-0013.detail2E	
+
+		Var ServiceCredit = "03-02-01-0013"
+		Var SelectDrink = $03-02-01-0013.Self
+		Var NameDrink = $03-02-01-0013.NameE
+		Var NameDrinkTH = $03-02-01-0013.Name
+		Var DrinkDescriptionTH = $03-02-01-0013.description
+		Var DrinkDescription = $03-02-01-0013.descriptionE
+		Var PriceDrink = $03-02-01-0013.Price
+		Var SpiralProduct = "ROOT/taobin_project/spiral/image/page_spiral/spiral_product_" + $03-02-01-0013.image
+		Var Spiraldetail = "ROOT/taobin_project/spiral/image/page_spiral/spiral_text_detail_" + $03-02-01-0013.image
+	
+		SAVELOG NameDrink
+		Var PriceShowValue = charOfBaht + PriceDrink
+		
+		SPIRAL_VERIFY ServiceCredit SpiralRef
+		Open "ROOT/taobin_project/spiral/xml/page_spiral_check.xml"
+
+	</EventOnClick>
+	</Button>
+
+	<Image>
+ 	<X> 49 </X>
+ 	<Y> 117 </Y>
+ 	<State> 
+ 	 eval( 
+ 	  If $03-02-01-0013.Button = "Disable" Then
+ 	   Var return = "Enable"
+
+ 	  Else
+ 	    Var return = "Invisible"
+ 	  EndIf
+ 	 )
+ 	</State>
+ 	<Filename> "ROOT/taobin_project/image//img_menu_err2.png" </Filename>
+ 	</Image>	
+
+	<Text>
+	<X> 48 </X>
+ 	<Y> 116 </Y>
+ 	<Size> 32 </Size>
+ 	<Width>128</Width>
+ 	<Height>64</Height>
+ 	<Font> MITRegularTTF </Font>
+ 	<Color> 0x5A5A5A </Color>
+ 	<Mode> "disable-show" </Mode>
+ 	<State> $03-02-01-0013.Button </State> 
+ 	<Value> text_unavailable </Value>
+ 	<Align> center-vertical-horizontal </Align>
+ 	</Text>
+
+
+
+	<Image>
+	<X> 10 </X>
+	<Y> 251 </Y>
+	<State> ShowPrice </State>
+	<Width> 67 </Width>
+	<Height> 62 </Height>
+	<Filename> ImageShowPrice </Filename>
+	</Image>
+
+	<Text>
+	<X> 57 </X>
+	<Y> 260 </Y>
+	<State> ShowPrice </State>
+	<Align> "Hurr" </Align>
+	<Width>150</Width>
+	<Size> 17 </Size>
+	<Font> KanitMediumTTF </Font>
+	<Color> ColorBrown2 </Color>
+	<Value> $03-02-01-0013.Price </Value>
+	</Text>
+
+	<Text>
+	<X> 45 </X>
+	<Y> 260 </Y>
+	<State> ShowPrice </State>
+	<Width>20</Width>
+	<Size> 17 </Size>
+	<Font> KanitMediumTTF </Font>
+	<Color> ColorBrown2 </Color>
+	<Value> "฿"" </Value>
+	</Text>
+
+
+
+	<Text>
+	<X>  16   </X>
+	<Y> 180 </Y>
+	<Size> 22 </Size>
+	<Width>220</Width>
+	<Mode> "multi2" </Mode>
+	<Font> KanitMediumTTF </Font>
+	<Color> ColorBlack1 </Color>
+	<State> showthaiText </State>
+	<Value> $03-02-01-0013.Name </Value>
+	</Text>
+
+	<Text>
+	<X> 16 </X>
+	<Y> 240 </Y>
+	<Size> 14 </Size>
+	<Width>220</Width>
+	<Font> KanitMediumTTF </Font>
+	<Color> ColorBrown </Color>
+	<State> showthaiText </State>
+	<Value> $03-02-01-0013.description </Value>
+	</Text>
+	
+	<Text>
+	<X> 16 </X>
+	<Y> 180 </Y>
+	<Size> 22 </Size>
+	<Width>220</Width>
+	<Mode> "multi2" </Mode>
+	<Font> KanitMediumTTF </Font>
+	<Color> ColorBlack1 </Color>
+	<State> showengText </State>
+	<Value> $03-02-01-0013.NameE </Value>
+	</Text>
+
+	<Text>
+	<X> 16 </X>
+	<Y> 240 </Y>
+	<Size> 14 </Size>
+	<Width>220</Width>
+	<Font> KanitMediumTTF </Font>
+	<Color> ColorBrown </Color>
+	<State> showengText </State>
+	<Value> $03-02-01-0013.descriptionE </Value>
+	</Text>
+
+</Block>
+
+
+; button i=1 03-02-01-0014
+<Block>
+	<MarginLeft> 33 </MarginLeft>
+	<MarginTop> 22 </MarginTop>
+	<Width> 225 </Width>
+	<Height> 296 </Height>
+	<State> $03-02-01-0014.Button </State> 
+	<Button>
+	<State>  $03-02-01-0014.Button </State> 
+	<Filename> Var( "ROOT/taobin_project/spiral/image/page_spiral/" + $03-02-01-0014.image ) </Filename>
+	<FilenamePress> Var( "ROOT/taobin_project/spiral/image/page_spiral_press/" + $03-02-01-0014.image ) " </FilenamePress>
+	<FilenameDisable> Var( "ROOT/taobin_project/spiral/image/page_spiral_press/" + $03-02-01-0014.image ) " </FilenameDisable>
+	<Sound> "/mnt/sdcard/coffeevending/wav/click.wav" </Sound>
+	<Volume> SoundVolume </Volume>
+	<EventOnClick> 
+		Var SpiralSelectdetail1 = $03-02-01-0014.detail1
+		Var SpiralSelectheader2 = $03-02-01-0014.header2
+		Var SpiralSelectdetail2 = $03-02-01-0014.detail2	
+
+		Var SpiralSelectdetail1E = $03-02-01-0014.detail1E	
+		Var SpiralSelectheader2E = $03-02-01-0014.header2E	
+		Var SpiralSelectdetail2E = $03-02-01-0014.detail2E	
+
+		Var ServiceCredit = "03-02-01-0014"
+		Var SelectDrink = $03-02-01-0014.Self
+		Var NameDrink = $03-02-01-0014.NameE
+		Var NameDrinkTH = $03-02-01-0014.Name
+		Var DrinkDescriptionTH = $03-02-01-0014.description
+		Var DrinkDescription = $03-02-01-0014.descriptionE
+		Var PriceDrink = $03-02-01-0014.Price
+		Var SpiralProduct = "ROOT/taobin_project/spiral/image/page_spiral/spiral_product_" + $03-02-01-0014.image
+		Var Spiraldetail = "ROOT/taobin_project/spiral/image/page_spiral/spiral_text_detail_" + $03-02-01-0014.image
+	
+		SAVELOG NameDrink
+		Var PriceShowValue = charOfBaht + PriceDrink
+		
+		SPIRAL_VERIFY ServiceCredit SpiralRef
+		Open "ROOT/taobin_project/spiral/xml/page_spiral_check.xml"
+
+	</EventOnClick>
+	</Button>
+
+	
+	<Image>
+ 	<X> 49 </X>
+ 	<Y> 117 </Y>
+ 	<State> 
+ 	 eval( 
+ 	  If $03-02-01-0014.Button = "Disable" Then
+ 	   Var return = "Enable"
+
+ 	  Else
+ 	    Var return = "Invisible"
+ 	  EndIf
+ 	 )
+ 	</State>
+ 	<Filename> "ROOT/taobin_project/image//img_menu_err2.png" </Filename>
+ 	</Image>	
+
+	
+	<Text>
+	<X> 48 </X>
+ 	<Y> 116 </Y>
+ 	<Size> 32 </Size>
+ 	<Width>128</Width>
+ 	<Height>64</Height>
+ 	<Font> MITRegularTTF </Font>
+ 	<Color> 0x5A5A5A </Color>
+ 	<Mode> "disable-show" </Mode>
+ 	<State> $03-02-01-0014.Button </State> 
+ 	<Value> text_unavailable </Value>
+ 	<Align> center-vertical-horizontal </Align>
+ 	</Text>
+
+	<Image>
+	<X> 10 </X>
+	<Y> 251 </Y>
+	<State> ShowPrice </State>
+	<Width> 67 </Width>
+	<Height> 62 </Height>
+	<Filename> ImageShowPrice </Filename>
+	</Image>
+
+	<Text>
+	<X> 57 </X>
+	<Y> 260 </Y>
+	<State> ShowPrice </State>
+	<Align> "Hurr" </Align>
+	<Width>150</Width>
+	<Size> 17 </Size>
+	<Font> KanitMediumTTF </Font>
+	<Color> ColorBrown2 </Color>
+	<Value> $03-02-01-0014.Price </Value>
+	</Text>
+
+	<Text>
+	<X> 45 </X>
+	<Y> 260 </Y>
+	<State> ShowPrice </State>
+	<Width>20</Width>
+	<Size> 17 </Size>
+	<Font> KanitMediumTTF </Font>
+	<Color> ColorBrown2 </Color>
+	<Value> "฿"" </Value>
+	</Text>
+
+
+
+	<Text>
+	<X>  16   </X>
+	<Y> 180 </Y>
+	<Size> 22 </Size>
+	<Width>220</Width>
+	<Mode> "multi2" </Mode>
+	<Font> KanitMediumTTF </Font>
+	<Color> ColorBlack1 </Color>
+	<State> showthaiText </State>
+	<Value> $03-02-01-0014.Name </Value>
+	</Text>
+
+	<Text>
+	<X> 16 </X>
+	<Y> 240 </Y>
+	<Size> 14 </Size>
+	<Width>220</Width>
+	<Font> KanitMediumTTF </Font>
+	<Color> ColorBrown </Color>
+	<State> showthaiText </State>
+	<Value> $03-02-01-0014.description </Value>
+	</Text>
+	
+	<Text>
+	<X> 16 </X>
+	<Y> 180 </Y>
+	<Size> 22 </Size>
+	<Width>220</Width>
+	<Mode> "multi2" </Mode>
+	<Font> KanitMediumTTF </Font>
+	<Color> ColorBlack1 </Color>
+	<State> showengText </State>
+	<Value> $03-02-01-0014.NameE </Value>
+	</Text>
+
+	<Text>
+	<X> 16 </X>
+	<Y> 240 </Y>
+	<Size> 14 </Size>
+	<Width>220</Width>
+	<Font> KanitMediumTTF </Font>
+	<Color> ColorBrown </Color>
+	<State> showengText </State>
+	<Value> $03-02-01-0014.descriptionE </Value>
+	</Text>
+
+</Block>
+
+
 ; button i=1 03-02-01-0010
 <Block>
 	<MarginLeft> 33 </MarginLeft>
@@ -2640,6 +2955,7 @@
 
 </Block>
 
+
 ; button i=1 01-00-00-0015
 <Block>
 	<MarginLeft> 33 </MarginLeft>
@@ -2651,7 +2967,7 @@
 	<State>  $01-00-00-0015.Button </State> 
 	<Filename> Var( "ROOT/taobin_project/spiral/image/page_spiral/" + $01-00-00-0015.image ) </Filename>
 	<FilenamePress> Var( "ROOT/taobin_project/spiral/image/page_spiral_press/" + $01-00-00-0015.image ) " </FilenamePress>
-	;<FilenameDisable> Var( "ROOT/taobin_project/spiral/image/page_spiral_disable/" + $01-00-00-0015.image ) " </FilenameDisable>
+	;<FilenameDisable> Var( "ROOT/taobin_project/spiral/image/page_spiral_press/" + $01-00-00-0015.image ) " </FilenameDisable>
 	<Sound> "/mnt/sdcard/coffeevending/wav/click.wav" </Sound>
 	<Volume> SoundVolume </Volume>
 	<EventOnClick> 
@@ -2765,9 +3081,6 @@
 </Block>
 
 
-
-
-
 </FrameScroll>
 ; Cart
 <Button>
diff --git a/spiral/xml/page_spiral_select.xml b/spiral/xml/page_spiral_select.xml
index dacf39b5..e6853b80 100644
--- a/spiral/xml/page_spiral_select.xml
+++ b/spiral/xml/page_spiral_select.xml
@@ -55,7 +55,7 @@
 		
 		Var SpiralSelectdetail = SpiralSelectdetail1E
 		Var SpiralSelectheader = SpiralSelectheader2E
-		Var SpiralSelectdetail = SpiralSelectdetail2E
+		Var SpiralSelectdetai2 = SpiralSelectdetail2E
 
 		Var DirImage = "ROOT/taobin_project/image/topping_en"
 		Var show_btp = "ROOT/taobin_project/image/bn_thai_lang_press.png"
@@ -71,7 +71,7 @@
 
 		Var SpiralSelectdetail = SpiralSelectdetail1
 		Var SpiralSelectheader = SpiralSelectheader2
-		Var SpiralSelectdetail = SpiralSelectdetail2	
+		Var SpiralSelectdetai2 = SpiralSelectdetail2	
 	
 		Var DirImage = "ROOT/taobin_project/image/topping"
 		Var show_btp = "ROOT/taobin_project/image/bn_eng_lang_press.png"
@@ -476,7 +476,7 @@
 <Size> 27 </Size>
 <Font> KanitTTF </Font>
 <Color> ColorBrown2 </Color>
-<Value> SpiralSelectdetail </Value>
+<Value> SpiralSelectdetai2 </Value>
 </Text>