# Spinner design

Thiết kế vòng quay may mắn sẽ có những element sau:

* 1\. **Background**: Hình nền của vòng quay may mắn
* 2\. **Banner**:  Banner của vòng quay may mắn 
* 3\. **Arrow**: Mũi tên của vòng quay 
* 4\. **Button Spin**: Nút bấm để quay 
* 5\. **Button Left**: Nút bấm bên trái 
* 6\. **Button Right**: Nút bấm bên phải 
* 7\. **Spinner Cover Type**: Cover của vòng quay 

> Bạn có thể up ảnh cover của vòng quay khi chọn Spinner Cover Image hoặc chọn Spinner Cover Custom thì sẽ có 2 trường là Spinner Cover Size và Spinner Cover Color

![](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MMPEmCvSOvIwpusSgPu%2F-MMPFG7BMzjFHV6PjJMb%2FLuckySpin4.png?alt=media\&token=26705d1c-803f-4893-bc60-01fd818ed95c)

> • Spinner Cover Size: Kích cỡ của Cover 
>
> • Spinner Cover Color: Màu của Cover

* 8\. **Spinner Cover**: Hình cover của vòng quay 
* 9\. **Spinner Type**: Phần này bạn có thể chọn Spinner Custom hoặc Spinner Image 
* 10\. **Spinner Image**: Hình ảnh của vòng quay 
* 11\. **Spin Sound**: Âm thanh khi khách hàng quay ( độ dài của file này là 10s)
* 12\. **Show Gift Sound**: Âm thanh chúc mừng khách hàng

![](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MMPEmCvSOvIwpusSgPu%2F-MMPFLHINAp9BKX1XhK1%2FLuckySpin5%2B6.png?alt=media\&token=892568d2-a68a-47c5-ae9c-b8f89a565e4f)

* **Wheel layout number**: Số ô phần quà trong vòng quay

![](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MMPEmCvSOvIwpusSgPu%2F-MMPFO6Ei8-dtUGLgjXY%2FLuckySpin7.png?alt=media\&token=a0c96875-69bc-4496-ade4-e7f4ddcff232)

* Nếu 9. Bạn chọn Spinner Custom thì ở trường **Wheel layout number** sẽ có thêm phần **Wheel layout design**. Bạn có thể chọn màu cho các ô phần quà.

![](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MMPEmCvSOvIwpusSgPu%2F-MMPG1g-L5EjnTQ6T1OG%2FLuckySpin8.png?alt=media\&token=b7f4faaa-24a4-4012-8f70-c69687ef5a2c)

**List Gift** (Số phần quà nhiều nhất, phụ thuộc vào số ô phần quà bạn chọn ở trên)

* Gift name: Tên phần quà 
* Gift image: Ảnh phần quà (phần này sẽ hiển thị khi khách hàng quay trúng phần quà)
* Gift rate: Tỷ lệ quay trúng phần quà 
* Quantity: Số lượng phần quà
* Won: Số người đã quay trúng phần quà 
* Remain: Số phần quà còn lại (Nếu số quà nhỏ hơn bằng 0 thì sẽ không quay được vào phần quà đó nữa)

![](https://523250073-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEaaUrhLPMFKdZZnpZc%2F-MMPEmCvSOvIwpusSgPu%2F-MMPFSEDTJ5cx7cLoWjq%2FLuckySpin9.png?alt=media\&token=ac9f762b-e712-4cff-bedb-a2a5e4db50b9)

**\*Note:** Ở phần này sau mỗi thay đổi plug-in sẽ tự động được update.

##