diff --git a/resources/assets/images/placeholder-sambodromo.jpg b/resources/assets/images/placeholder-sambodromo.jpg
new file mode 100644
index 0000000..ec360f4
Binary files /dev/null and b/resources/assets/images/placeholder-sambodromo.jpg differ
diff --git a/resources/assets/js/components/Purchase.vue b/resources/assets/js/components/Purchase.vue
index 9edbc39..745129c 100644
--- a/resources/assets/js/components/Purchase.vue
+++ b/resources/assets/js/components/Purchase.vue
@@ -4,7 +4,7 @@
 
             <div class="purchase__step step-1" v-show="isStep(1)">
                 <div class="purchase__step-label">
-                    <span class="number">1</span> Select the parade type
+                    <span class="number">1</span> {{ this.stepsLabelsArray.parade }}
                 </div>
                 <div class="purchase__items">
                     <label :for="`parade-${index}`" class="purchase__item button" 
@@ -20,7 +20,7 @@
             <transition name="fade">
                 <div class="purchase__step step-2" v-show="isStep(2)">
                     <div class="purchase__step-label">
-                        <span class="number">2</span> Select the date
+                        <span class="number">2</span> {{ this.stepsLabelsArray.date }}
                     </div>
                     <div class="purchase__items">
                         <label :for="`date-${index}`" class="purchase__item button" 
@@ -35,7 +35,7 @@
             <transition name="fade">
                 <div class="purchase__step step-3" v-show="isStep(3)">
                     <div class="purchase__step-label">
-                        <span class="number">3</span> Select the seat type
+                        <span class="number">3</span> {{ this.stepsLabelsArray.seat }}
                     </div>
                     <div class="purchase__items">
                         <label :for="`seat-${index}`" class="purchase__item button" 
@@ -50,7 +50,7 @@
             <transition name="fade">
                 <div class="purchase__step step-4" v-show="isStep(4)">
                     <div class="purchase__step-label">
-                        <span class="number">4</span> Select the sector
+                        <span class="number">4</span> {{ this.stepsLabelsArray.sector }}
                     </div>
                     <div class="purchase__items">
                         <label :for="`sector-${index}`" class="purchase__item button sector" 
@@ -70,7 +70,7 @@
             <transition name="fade">
                 <div class="purchase__step step-5" v-show="isStep(5)">
                     <div class="purchase__step-label">
-                        <span class="number">5</span> Enter the quantity
+                        <span class="number">5</span> {{ this.stepsLabelsArray.quantity }}
                     </div>
                     <div class="purchase__items">
                         <div class="purchase__item-quantity">
@@ -85,15 +85,19 @@
             <transition name="fade">
                 <div class="purchase__step step-6" v-show="isStep(5)">
                     <div class="purchase__step-label">
-                        <span class="number">6</span> Add to cart
+                        <span class="number">6</span> {{ this.stepsLabelsArray.add_to_cart }}
                     </div>
                     <div class="purchase__item-total">
-                        <span>{{ quantity }}x R${{ selected.product.price }}</span>
-
-                        <a class="purchase__add-to-cart-btn button" 
-                            :href="`?add-to-cart=${selected.product.id}&quantity=${ quantity }`">
-                            Add to cart
-                        </a>
+                        <div class="columns">
+                            <div class="column">
+                                <span>{{ quantity }}x R${{ selected.product.price }}</span>
+                            </div>
+                            <div class="column">
+                                <a class="purchase__add-to-cart-btn button" :href="`?add-to-cart=${selected.product.id}&quantity=${ quantity }&attribute_pa_date=${selected.date.name}`">
+                                    {{ this.stepsLabelsArray.add_to_cart }}
+                                </a>
+                            </div>
+                        </div>
                     </div>
                 </div>             
             </transition>
@@ -104,7 +108,7 @@
 
 <script>
     export default {
-        props: ['products'],
+        props: ['products', 'stepsLabels', 'productsAttr'],
         data() {
             return {
                 currentStep: 1,
@@ -117,50 +121,17 @@
                     quantity: Number
                 },
                 productsList: Array,
-                parades: [
-                    {
-                        name: 'Preliminary Parades',
-                        dates: [
-                            { name: 'Friday (March 01)', slug: 'friday-march-01'},
-                            { name: 'Saturday (March 02)', slug: 'saturday-march-02'}
-                        ],
-                        seats: [
-                            { name: 'Grandstand tickets', slug: 'grandstand-tickets' },
-                            { name: 'Open Front Box seats', slug: 'open-front-box-seats' }
-                        ]
-                    },
-                    {
-                        name: 'Main Parades',
-                        dates: [
-                            { name: 'Sunday (March 03)', slug: 'sunday-march-03'},
-                            { name: 'Monday (March 04)', slug: 'monday-march-04'}
-                        ],
-                        seats: [
-                            { name: 'Grandstand tickets', slug: 'grandstand-tickets' },
-                            { name: 'Open Front Box seats', slug: 'open-front-box-seats' },
-                            { name: 'Private Chairs', slug: 'private-chairs' }
-                        ]
-                    },
-                    {
-                        name: 'Champions’ Parade',
-                        dates: [
-                            { name: 'Saturdar (March 09)', slug: 'saturday-march-09'},
-                        ],
-                        seats: [
-                            { name: 'Grandstand tickets', slug: 'grandstand-tickets' },
-                            { name: 'Open Front Box seats', slug: 'open-front-box-seats' },
-                            { name: 'Private Chairs', slug: 'private-chairs' }
-                        ]
-                    }                    
-                ],
+                stepsLabelsArray: Array,
+                parades: Array,
+                
             }
         },
 
         computed: {
             productsFilter() {
                 const filteredProducts = this.productsList.filter(el => {
-                    return el.acf.date.slug == this.selected.date.slug
-                        && el.acf.seat_type.slug == this.selected.seat.slug
+                    return el.acf.date.name == this.selected.date.name
+                        && el.acf.seat_type.name == this.selected.seat.name
                 })
 
                 return filteredProducts
@@ -220,7 +191,11 @@
         },
 
         created() {
+            this.parades = JSON.parse(this.productsAttr)
+            this.stepsLabelsArray = JSON.parse(this.stepsLabels)
             this.productsList = JSON.parse(this.products)
+            console.log(JSON.parse(this.products))
+            console.log(JSON.parse(this.productsAttr))
         },
         
     }
diff --git a/resources/assets/sass/pages/_tickets.sass b/resources/assets/sass/pages/_tickets.sass
index b4d0ac8..c832a19 100644
--- a/resources/assets/sass/pages/_tickets.sass
+++ b/resources/assets/sass/pages/_tickets.sass
@@ -3,10 +3,6 @@
 
     .intro
         
-        &.section
-            padding-top: 100px
-            padding-bottom: 100px
-
         &__title
             font-family: $font-title
             font-size: 28px
@@ -20,10 +16,19 @@
             color: $gray-dark
             letter-spacing: 0.44px
             line-height: 25px     
-            max-width: 348px   
+            max-width: 520px   
+
+            +tablet
+                margin-top: 20px
+
+        &__image
+            max-width: 100%
 
     .purchase
 
+        &.section
+            padding-top: 0
+
         &__step
             margin-bottom: 50px
 
@@ -131,8 +136,9 @@
             @extend .purchase__item.button
             background-color: #2B9AE5
             border-bottom-color: #248BCF
-            max-width: 281px
+            max-width: 370px
 
             &:hover
                 background-color: #2B9AE5
                 border-bottom-color: #248BCF
+                
diff --git a/resources/languages/messages.php b/resources/languages/messages.php
index 3173fdc..ae05db3 100644
--- a/resources/languages/messages.php
+++ b/resources/languages/messages.php
@@ -56,6 +56,7 @@ function get_template_messages()
         'single' => [
             'edit'     => __('Edit', 'base-camp'),
             'comments' => __('Comments', 'base-camp'),
-        ],
+        ],     
+     
     ];
 }
diff --git a/resources/views/template-tickets.twig b/resources/views/template-tickets.twig
index a72951f..d2d869c 100644
--- a/resources/views/template-tickets.twig
+++ b/resources/views/template-tickets.twig
@@ -5,14 +5,25 @@
 
         <div class="intro section">
             <div class="container wrapper">
-                <div class="intro__title">About lorem Ipsum</div>
-                <div class="intro__copy">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</div>
+                <div class="columns">
+                    <div class="column">
+                        <div class="intro__copy">{{ tickets_acf.tickets_intro }}</div>
+                    </div>
+                    <div class="column">
+                        <img src="{{ tickets_acf.sambodromo_image }}" alt="Sectors Image" class="intro__image">
+                    </div>
+                </div>
             </div>
         </div>
 
         {% set current_lang = function('pll_current_language', 'slug') %}
 
-        <purchase products="{{ products|json_encode|e('html_attr') }}" current-lang="{{ current_lang }}"></purchase>
+        <purchase
+            steps-labels="{{ steps_labels|json_encode|e('html_attr') }}"
+            products-attr="{{ products_attr|json_encode|e('html_attr') }}"
+            products="{{ products|json_encode|e('html_attr') }}"
+            current-lang="{{ current_lang }}">
+        </purchase>
 
     </div>
 {% endblock %}
\ No newline at end of file
diff --git a/static/css/admin.12665cfb35146bb69fbc.css b/static/css/admin.df0d80edf16dcb47cd8a.css
similarity index 100%
rename from static/css/admin.12665cfb35146bb69fbc.css
rename to static/css/admin.df0d80edf16dcb47cd8a.css
diff --git a/static/css/app.12665cfb35146bb69fbc.css b/static/css/app.df0d80edf16dcb47cd8a.css
similarity index 99%
rename from static/css/app.12665cfb35146bb69fbc.css
rename to static/css/app.df0d80edf16dcb47cd8a.css
index 33231bd..f6da508 100644
--- a/static/css/app.12665cfb35146bb69fbc.css
+++ b/static/css/app.df0d80edf16dcb47cd8a.css
@@ -8206,10 +8206,6 @@ nav.navbar .navbar-menu {
         padding-left: 0;
         padding-right: 0; } }
 
-.tickets .intro.section {
-  padding-top: 100px;
-  padding-bottom: 100px; }
-
 .tickets .intro__title {
   font-family: "Knewave", cursive;
   font-size: 28px;
@@ -8223,7 +8219,16 @@ nav.navbar .navbar-menu {
   color: #595656;
   letter-spacing: 0.44px;
   line-height: 25px;
-  max-width: 348px; }
+  max-width: 520px; }
+  @media screen and (min-width: 769px), print {
+    .tickets .intro__copy {
+      margin-top: 20px; } }
+
+.tickets .intro__image {
+  max-width: 100%; }
+
+.tickets .purchase.section {
+  padding-top: 0; }
 
 .tickets .purchase__step {
   margin-bottom: 50px; }
@@ -8317,7 +8322,7 @@ nav.navbar .navbar-menu {
 .tickets .purchase__add-to-cart-btn {
   background-color: #2B9AE5;
   border-bottom-color: #248BCF;
-  max-width: 281px; }
+  max-width: 370px; }
   .tickets .purchase__add-to-cart-btn:hover {
     background-color: #2B9AE5;
     border-bottom-color: #248BCF; }
diff --git a/static/css/login.12665cfb35146bb69fbc.css b/static/css/login.df0d80edf16dcb47cd8a.css
similarity index 100%
rename from static/css/login.12665cfb35146bb69fbc.css
rename to static/css/login.df0d80edf16dcb47cd8a.css
diff --git a/static/js/admin.12665cfb35146bb69fbc.js b/static/js/admin.df0d80edf16dcb47cd8a.js
similarity index 100%
rename from static/js/admin.12665cfb35146bb69fbc.js
rename to static/js/admin.df0d80edf16dcb47cd8a.js
diff --git a/static/js/app.12665cfb35146bb69fbc.js b/static/js/app.df0d80edf16dcb47cd8a.js
similarity index 90%
rename from static/js/app.12665cfb35146bb69fbc.js
rename to static/js/app.df0d80edf16dcb47cd8a.js
index 4bfc206..3015020 100644
--- a/static/js/app.12665cfb35146bb69fbc.js
+++ b/static/js/app.df0d80edf16dcb47cd8a.js
@@ -186,7 +186,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexports.default = {\n    props: ['products'],\n    data: function data() {\n        return {\n            currentStep: 1,\n            quantity: 1,\n            selected: {\n                product: Object,\n                parade: String,\n                date: Object,\n                seat: Object,\n                quantity: Number\n            },\n            productsList: Array,\n            parades: [{\n                name: 'Preliminary Parades',\n                dates: [{ name: 'Friday (March 01)', slug: 'friday-march-01' }, { name: 'Saturday (March 02)', slug: 'saturday-march-02' }],\n                seats: [{ name: 'Grandstand tickets', slug: 'grandstand-tickets' }, { name: 'Open Front Box seats', slug: 'open-front-box-seats' }]\n            }, {\n                name: 'Main Parades',\n                dates: [{ name: 'Sunday (March 03)', slug: 'sunday-march-03' }, { name: 'Monday (March 04)', slug: 'monday-march-04' }],\n                seats: [{ name: 'Grandstand tickets', slug: 'grandstand-tickets' }, { name: 'Open Front Box seats', slug: 'open-front-box-seats' }, { name: 'Private Chairs', slug: 'private-chairs' }]\n            }, {\n                name: 'Champions’ Parade',\n                dates: [{ name: 'Saturdar (March 09)', slug: 'saturday-march-09' }],\n                seats: [{ name: 'Grandstand tickets', slug: 'grandstand-tickets' }, { name: 'Open Front Box seats', slug: 'open-front-box-seats' }, { name: 'Private Chairs', slug: 'private-chairs' }]\n            }]\n        };\n    },\n\n\n    computed: {\n        productsFilter: function productsFilter() {\n            var _this = this;\n\n            var filteredProducts = this.productsList.filter(function (el) {\n                return el.acf.date.slug == _this.selected.date.slug && el.acf.seat_type.slug == _this.selected.seat.slug;\n            });\n\n            return filteredProducts;\n        },\n        setQuantity: function setQuantity() {\n            return this.selected.quantity = this.quantity;\n        }\n    },\n\n    methods: {\n        setData: function setData(data) {\n            var _this2 = this;\n\n            var filteredParade = this.parades.filter(function (parade) {\n                return parade.name == _this2.selected.parade;\n            });\n            var filtered = filteredParade.map(function (a) {\n                return a[data];\n            });\n            return filtered[0];\n        },\n        nextStep: function nextStep(step, idx) {\n            this.currentStep = step;\n            var selected = event.target.parentElement;\n            var prevStep = this.currentStep - 1;\n            var divParent = document.querySelector(\".step-\" + prevStep);\n            var purchaseItem = divParent.querySelectorAll(\".purchase__item\");\n\n            purchaseItem.forEach(function (item) {\n                item.classList.remove('selected');\n            });\n\n            selected.classList.add('selected');\n            this.clearNextStep(step);\n        },\n        clearNextStep: function clearNextStep(step) {\n            // clear next step when call the methods\n            var divParentNextStep = document.querySelector(\".step-\" + step);\n            var purchaseItemNextSep = divParentNextStep.querySelectorAll(\".purchase__item\");\n\n            purchaseItemNextSep.forEach(function (item) {\n                item.classList.remove('selected');\n            });\n        },\n        isStep: function isStep(val) {\n            return this.currentStep >= val;\n        },\n        increase: function increase() {\n            return this.quantity += 1;\n        },\n        decrease: function decrease() {\n            if (this.quantity > 1) {\n                return this.quantity -= 1;\n            }\n        }\n    },\n\n    created: function created() {\n        this.productsList = JSON.parse(this.products);\n    }\n};\n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n    value: true\n});\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexports.default = {\n    props: ['products', 'stepsLabels', 'productsAttr'],\n    data: function data() {\n        return {\n            currentStep: 1,\n            quantity: 1,\n            selected: {\n                product: Object,\n                parade: String,\n                date: Object,\n                seat: Object,\n                quantity: Number\n            },\n            productsList: Array,\n            stepsLabelsArray: Array,\n            parades: Array\n\n        };\n    },\n\n\n    computed: {\n        productsFilter: function productsFilter() {\n            var _this = this;\n\n            var filteredProducts = this.productsList.filter(function (el) {\n                return el.acf.date.name == _this.selected.date.name && el.acf.seat_type.name == _this.selected.seat.name;\n            });\n\n            return filteredProducts;\n        },\n        setQuantity: function setQuantity() {\n            return this.selected.quantity = this.quantity;\n        }\n    },\n\n    methods: {\n        setData: function setData(data) {\n            var _this2 = this;\n\n            var filteredParade = this.parades.filter(function (parade) {\n                return parade.name == _this2.selected.parade;\n            });\n            var filtered = filteredParade.map(function (a) {\n                return a[data];\n            });\n            return filtered[0];\n        },\n        nextStep: function nextStep(step, idx) {\n            this.currentStep = step;\n            var selected = event.target.parentElement;\n            var prevStep = this.currentStep - 1;\n            var divParent = document.querySelector(\".step-\" + prevStep);\n            var purchaseItem = divParent.querySelectorAll(\".purchase__item\");\n\n            purchaseItem.forEach(function (item) {\n                item.classList.remove('selected');\n            });\n\n            selected.classList.add('selected');\n            this.clearNextStep(step);\n        },\n        clearNextStep: function clearNextStep(step) {\n            // clear next step when call the methods\n            var divParentNextStep = document.querySelector(\".step-\" + step);\n            var purchaseItemNextSep = divParentNextStep.querySelectorAll(\".purchase__item\");\n\n            purchaseItemNextSep.forEach(function (item) {\n                item.classList.remove('selected');\n            });\n        },\n        isStep: function isStep(val) {\n            return this.currentStep >= val;\n        },\n        increase: function increase() {\n            return this.quantity += 1;\n        },\n        decrease: function decrease() {\n            if (this.quantity > 1) {\n                return this.quantity -= 1;\n            }\n        }\n    },\n\n    created: function created() {\n        this.parades = JSON.parse(this.productsAttr);\n        this.stepsLabelsArray = JSON.parse(this.stepsLabels);\n        this.productsList = JSON.parse(this.products);\n        console.log(JSON.parse(this.products));\n        console.log(JSON.parse(this.productsAttr));\n    }\n};\n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -267,7 +267,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"section\", { staticClass: \"purchase section\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\n          \"div\",\n          {\n            directives: [\n              {\n                name: \"show\",\n                rawName: \"v-show\",\n                value: _vm.isStep(1),\n                expression: \"isStep(1)\"\n              }\n            ],\n            staticClass: \"purchase__step step-1\"\n          },\n          [\n            _vm._m(0),\n            _vm._v(\" \"),\n            _c(\n              \"div\",\n              { staticClass: \"purchase__items\" },\n              _vm._l(_vm.parades, function(parade, index) {\n                return _c(\n                  \"label\",\n                  {\n                    key: index,\n                    staticClass: \"purchase__item button\",\n                    attrs: { for: \"parade-\" + index },\n                    on: {\n                      click: function($event) {\n                        _vm.nextStep(2, index)\n                      }\n                    }\n                  },\n                  [\n                    _c(\"input\", {\n                      directives: [\n                        {\n                          name: \"model\",\n                          rawName: \"v-model\",\n                          value: _vm.selected.parade,\n                          expression: \"selected.parade\"\n                        }\n                      ],\n                      staticClass: \"is-hidden\",\n                      attrs: { id: \"parade-\" + index, type: \"radio\" },\n                      domProps: {\n                        value: parade.name,\n                        checked: _vm._q(_vm.selected.parade, parade.name)\n                      },\n                      on: {\n                        change: function($event) {\n                          _vm.$set(_vm.selected, \"parade\", parade.name)\n                        }\n                      }\n                    }),\n                    _vm._v(\n                      \"\\n                    \" +\n                        _vm._s(parade.name) +\n                        \"\\n                \"\n                    )\n                  ]\n                )\n              })\n            ),\n            _vm._v(\" \"),\n            _vm._l(_vm.products, function(product, index) {\n              return _c(\"div\", { key: index }, [\n                _vm._v(_vm._s(product.categories))\n              ])\n            })\n          ],\n          2\n        ),\n        _vm._v(\" \"),\n        _c(\"transition\", { attrs: { name: \"fade\" } }, [\n          _c(\n            \"div\",\n            {\n              directives: [\n                {\n                  name: \"show\",\n                  rawName: \"v-show\",\n                  value: _vm.isStep(2),\n                  expression: \"isStep(2)\"\n                }\n              ],\n              staticClass: \"purchase__step step-2\"\n            },\n            [\n              _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n                _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"2\")]),\n                _vm._v(\" Select the date\\n                \")\n              ]),\n              _vm._v(\" \"),\n              _c(\n                \"div\",\n                { staticClass: \"purchase__items\" },\n                _vm._l(_vm.setData(\"dates\"), function(date, index) {\n                  return _c(\n                    \"label\",\n                    {\n                      key: index,\n                      staticClass: \"purchase__item button\",\n                      attrs: { for: \"date-\" + index },\n                      on: {\n                        click: function($event) {\n                          _vm.nextStep(3, index)\n                        }\n                      }\n                    },\n                    [\n                      _c(\"input\", {\n                        directives: [\n                          {\n                            name: \"model\",\n                            rawName: \"v-model\",\n                            value: _vm.selected.date,\n                            expression: \"selected.date\"\n                          }\n                        ],\n                        staticClass: \"is-hidden\",\n                        attrs: { id: \"date-\" + index, type: \"radio\" },\n                        domProps: {\n                          value: date,\n                          checked: _vm._q(_vm.selected.date, date)\n                        },\n                        on: {\n                          change: function($event) {\n                            _vm.$set(_vm.selected, \"date\", date)\n                          }\n                        }\n                      }),\n                      _vm._v(\n                        \"\\n                        \" +\n                          _vm._s(date.name) +\n                          \"\\n                    \"\n                      )\n                    ]\n                  )\n                })\n              )\n            ]\n          )\n        ]),\n        _vm._v(\" \"),\n        _c(\"transition\", { attrs: { name: \"fade\" } }, [\n          _c(\n            \"div\",\n            {\n              directives: [\n                {\n                  name: \"show\",\n                  rawName: \"v-show\",\n                  value: _vm.isStep(3),\n                  expression: \"isStep(3)\"\n                }\n              ],\n              staticClass: \"purchase__step step-3\"\n            },\n            [\n              _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n                _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"3\")]),\n                _vm._v(\" Select the seat type\\n                \")\n              ]),\n              _vm._v(\" \"),\n              _c(\n                \"div\",\n                { staticClass: \"purchase__items\" },\n                _vm._l(_vm.setData(\"seats\"), function(seat, index) {\n                  return _c(\n                    \"label\",\n                    {\n                      key: index,\n                      staticClass: \"purchase__item button\",\n                      attrs: { for: \"seat-\" + index },\n                      on: {\n                        click: function($event) {\n                          _vm.nextStep(4, index)\n                        }\n                      }\n                    },\n                    [\n                      _c(\"input\", {\n                        directives: [\n                          {\n                            name: \"model\",\n                            rawName: \"v-model\",\n                            value: _vm.selected.seat,\n                            expression: \"selected.seat\"\n                          }\n                        ],\n                        staticClass: \"is-hidden\",\n                        attrs: { id: \"seat-\" + index, type: \"radio\" },\n                        domProps: {\n                          value: seat,\n                          checked: _vm._q(_vm.selected.seat, seat)\n                        },\n                        on: {\n                          change: function($event) {\n                            _vm.$set(_vm.selected, \"seat\", seat)\n                          }\n                        }\n                      }),\n                      _vm._v(\n                        \"\\n                        \" +\n                          _vm._s(seat.name) +\n                          \"\\n                    \"\n                      )\n                    ]\n                  )\n                })\n              )\n            ]\n          )\n        ]),\n        _vm._v(\" \"),\n        _c(\"transition\", { attrs: { name: \"fade\" } }, [\n          _c(\n            \"div\",\n            {\n              directives: [\n                {\n                  name: \"show\",\n                  rawName: \"v-show\",\n                  value: _vm.isStep(4),\n                  expression: \"isStep(4)\"\n                }\n              ],\n              staticClass: \"purchase__step step-4\"\n            },\n            [\n              _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n                _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"4\")]),\n                _vm._v(\" Select the sector\\n                \")\n              ]),\n              _vm._v(\" \"),\n              _c(\n                \"div\",\n                { staticClass: \"purchase__items\" },\n                _vm._l(_vm.productsFilter, function(ticket, index) {\n                  return _c(\n                    \"label\",\n                    {\n                      key: index,\n                      staticClass: \"purchase__item button sector\",\n                      attrs: { for: \"sector-\" + index },\n                      on: {\n                        click: function($event) {\n                          _vm.nextStep(5, index)\n                        }\n                      }\n                    },\n                    [\n                      _c(\"input\", {\n                        directives: [\n                          {\n                            name: \"model\",\n                            rawName: \"v-model\",\n                            value: _vm.selected.product,\n                            expression: \"selected.product\"\n                          }\n                        ],\n                        staticClass: \"is-hidden\",\n                        attrs: { id: \"sector-\" + index, type: \"radio\" },\n                        domProps: {\n                          value: ticket,\n                          checked: _vm._q(_vm.selected.product, ticket)\n                        },\n                        on: {\n                          change: function($event) {\n                            _vm.$set(_vm.selected, \"product\", ticket)\n                          }\n                        }\n                      }),\n                      _vm._v(\n                        \"\\n                        \" + _vm._s(ticket.name) + \" \"\n                      ),\n                      _c(\"br\"),\n                      _vm._v(\" \"),\n                      _c(\"span\", { staticClass: \"purchase__item-price\" }, [\n                        _vm._v(\"R$ \" + _vm._s(ticket.price))\n                      ])\n                    ]\n                  )\n                })\n              )\n            ]\n          )\n        ]),\n        _vm._v(\" \"),\n        _c(\"transition\", { attrs: { name: \"fade\" } }, [\n          _c(\n            \"div\",\n            {\n              directives: [\n                {\n                  name: \"show\",\n                  rawName: \"v-show\",\n                  value: _vm.isStep(5),\n                  expression: \"isStep(5)\"\n                }\n              ],\n              staticClass: \"purchase__step step-5\"\n            },\n            [\n              _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n                _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"5\")]),\n                _vm._v(\" Enter the quantity\\n                \")\n              ]),\n              _vm._v(\" \"),\n              _c(\"div\", { staticClass: \"purchase__items\" }, [\n                _c(\"div\", { staticClass: \"purchase__item-quantity\" }, [\n                  _c(\n                    \"button\",\n                    {\n                      staticClass: \"button\",\n                      on: {\n                        click: function($event) {\n                          _vm.decrease()\n                        }\n                      }\n                    },\n                    [_vm._v(\"-\")]\n                  ),\n                  _vm._v(\" \"),\n                  _c(\"span\", [_vm._v(_vm._s(_vm.quantity))]),\n                  _vm._v(\" \"),\n                  _c(\n                    \"button\",\n                    {\n                      staticClass: \"button\",\n                      on: {\n                        click: function($event) {\n                          _vm.increase()\n                        }\n                      }\n                    },\n                    [_vm._v(\"+\")]\n                  )\n                ])\n              ])\n            ]\n          )\n        ]),\n        _vm._v(\" \"),\n        _c(\"transition\", { attrs: { name: \"fade\" } }, [\n          _c(\n            \"div\",\n            {\n              directives: [\n                {\n                  name: \"show\",\n                  rawName: \"v-show\",\n                  value: _vm.isStep(5),\n                  expression: \"isStep(5)\"\n                }\n              ],\n              staticClass: \"purchase__step step-6\"\n            },\n            [\n              _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n                _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"6\")]),\n                _vm._v(\" Add to cart\\n                \")\n              ]),\n              _vm._v(\" \"),\n              _c(\"div\", { staticClass: \"purchase__item-total\" }, [\n                _c(\"span\", [\n                  _vm._v(\n                    _vm._s(_vm.quantity) +\n                      \"x R$\" +\n                      _vm._s(_vm.selected.product.price)\n                  )\n                ]),\n                _vm._v(\" \"),\n                _c(\n                  \"a\",\n                  {\n                    staticClass: \"purchase__add-to-cart-btn button\",\n                    attrs: {\n                      href:\n                        \"?add-to-cart=\" +\n                        _vm.selected.product.id +\n                        \"&quantity=\" +\n                        _vm.quantity\n                    }\n                  },\n                  [\n                    _vm._v(\n                      \"\\n                        Add to cart\\n                    \"\n                    )\n                  ]\n                )\n              ])\n            ]\n          )\n        ])\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n      _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"1\")]),\n      _vm._v(\" Select the parade type\\n            \")\n    ])\n  }\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"section\", { staticClass: \"purchase section\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\n          \"div\",\n          {\n            directives: [\n              {\n                name: \"show\",\n                rawName: \"v-show\",\n                value: _vm.isStep(1),\n                expression: \"isStep(1)\"\n              }\n            ],\n            staticClass: \"purchase__step step-1\"\n          },\n          [\n            _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n              _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"1\")]),\n              _vm._v(\n                \" \" + _vm._s(this.stepsLabelsArray.parade) + \"\\n            \"\n              )\n            ]),\n            _vm._v(\" \"),\n            _c(\n              \"div\",\n              { staticClass: \"purchase__items\" },\n              _vm._l(_vm.parades, function(parade, index) {\n                return _c(\n                  \"label\",\n                  {\n                    key: index,\n                    staticClass: \"purchase__item button\",\n                    attrs: { for: \"parade-\" + index },\n                    on: {\n                      click: function($event) {\n                        _vm.nextStep(2, index)\n                      }\n                    }\n                  },\n                  [\n                    _c(\"input\", {\n                      directives: [\n                        {\n                          name: \"model\",\n                          rawName: \"v-model\",\n                          value: _vm.selected.parade,\n                          expression: \"selected.parade\"\n                        }\n                      ],\n                      staticClass: \"is-hidden\",\n                      attrs: { id: \"parade-\" + index, type: \"radio\" },\n                      domProps: {\n                        value: parade.name,\n                        checked: _vm._q(_vm.selected.parade, parade.name)\n                      },\n                      on: {\n                        change: function($event) {\n                          _vm.$set(_vm.selected, \"parade\", parade.name)\n                        }\n                      }\n                    }),\n                    _vm._v(\n                      \"\\n                    \" +\n                        _vm._s(parade.name) +\n                        \"\\n                \"\n                    )\n                  ]\n                )\n              })\n            ),\n            _vm._v(\" \"),\n            _vm._l(_vm.products, function(product, index) {\n              return _c(\"div\", { key: index }, [\n                _vm._v(_vm._s(product.categories))\n              ])\n            })\n          ],\n          2\n        ),\n        _vm._v(\" \"),\n        _c(\"transition\", { attrs: { name: \"fade\" } }, [\n          _c(\n            \"div\",\n            {\n              directives: [\n                {\n                  name: \"show\",\n                  rawName: \"v-show\",\n                  value: _vm.isStep(2),\n                  expression: \"isStep(2)\"\n                }\n              ],\n              staticClass: \"purchase__step step-2\"\n            },\n            [\n              _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n                _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"2\")]),\n                _vm._v(\n                  \" \" +\n                    _vm._s(this.stepsLabelsArray.date) +\n                    \"\\n                \"\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\n                \"div\",\n                { staticClass: \"purchase__items\" },\n                _vm._l(_vm.setData(\"dates\"), function(date, index) {\n                  return _c(\n                    \"label\",\n                    {\n                      key: index,\n                      staticClass: \"purchase__item button\",\n                      attrs: { for: \"date-\" + index },\n                      on: {\n                        click: function($event) {\n                          _vm.nextStep(3, index)\n                        }\n                      }\n                    },\n                    [\n                      _c(\"input\", {\n                        directives: [\n                          {\n                            name: \"model\",\n                            rawName: \"v-model\",\n                            value: _vm.selected.date,\n                            expression: \"selected.date\"\n                          }\n                        ],\n                        staticClass: \"is-hidden\",\n                        attrs: { id: \"date-\" + index, type: \"radio\" },\n                        domProps: {\n                          value: date,\n                          checked: _vm._q(_vm.selected.date, date)\n                        },\n                        on: {\n                          change: function($event) {\n                            _vm.$set(_vm.selected, \"date\", date)\n                          }\n                        }\n                      }),\n                      _vm._v(\n                        \"\\n                        \" +\n                          _vm._s(date.name) +\n                          \"\\n                    \"\n                      )\n                    ]\n                  )\n                })\n              )\n            ]\n          )\n        ]),\n        _vm._v(\" \"),\n        _c(\"transition\", { attrs: { name: \"fade\" } }, [\n          _c(\n            \"div\",\n            {\n              directives: [\n                {\n                  name: \"show\",\n                  rawName: \"v-show\",\n                  value: _vm.isStep(3),\n                  expression: \"isStep(3)\"\n                }\n              ],\n              staticClass: \"purchase__step step-3\"\n            },\n            [\n              _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n                _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"3\")]),\n                _vm._v(\n                  \" \" +\n                    _vm._s(this.stepsLabelsArray.seat) +\n                    \"\\n                \"\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\n                \"div\",\n                { staticClass: \"purchase__items\" },\n                _vm._l(_vm.setData(\"seats\"), function(seat, index) {\n                  return _c(\n                    \"label\",\n                    {\n                      key: index,\n                      staticClass: \"purchase__item button\",\n                      attrs: { for: \"seat-\" + index },\n                      on: {\n                        click: function($event) {\n                          _vm.nextStep(4, index)\n                        }\n                      }\n                    },\n                    [\n                      _c(\"input\", {\n                        directives: [\n                          {\n                            name: \"model\",\n                            rawName: \"v-model\",\n                            value: _vm.selected.seat,\n                            expression: \"selected.seat\"\n                          }\n                        ],\n                        staticClass: \"is-hidden\",\n                        attrs: { id: \"seat-\" + index, type: \"radio\" },\n                        domProps: {\n                          value: seat,\n                          checked: _vm._q(_vm.selected.seat, seat)\n                        },\n                        on: {\n                          change: function($event) {\n                            _vm.$set(_vm.selected, \"seat\", seat)\n                          }\n                        }\n                      }),\n                      _vm._v(\n                        \"\\n                        \" +\n                          _vm._s(seat.name) +\n                          \"\\n                    \"\n                      )\n                    ]\n                  )\n                })\n              )\n            ]\n          )\n        ]),\n        _vm._v(\" \"),\n        _c(\"transition\", { attrs: { name: \"fade\" } }, [\n          _c(\n            \"div\",\n            {\n              directives: [\n                {\n                  name: \"show\",\n                  rawName: \"v-show\",\n                  value: _vm.isStep(4),\n                  expression: \"isStep(4)\"\n                }\n              ],\n              staticClass: \"purchase__step step-4\"\n            },\n            [\n              _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n                _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"4\")]),\n                _vm._v(\n                  \" \" +\n                    _vm._s(this.stepsLabelsArray.sector) +\n                    \"\\n                \"\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\n                \"div\",\n                { staticClass: \"purchase__items\" },\n                _vm._l(_vm.productsFilter, function(ticket, index) {\n                  return _c(\n                    \"label\",\n                    {\n                      key: index,\n                      staticClass: \"purchase__item button sector\",\n                      attrs: { for: \"sector-\" + index },\n                      on: {\n                        click: function($event) {\n                          _vm.nextStep(5, index)\n                        }\n                      }\n                    },\n                    [\n                      _c(\"input\", {\n                        directives: [\n                          {\n                            name: \"model\",\n                            rawName: \"v-model\",\n                            value: _vm.selected.product,\n                            expression: \"selected.product\"\n                          }\n                        ],\n                        staticClass: \"is-hidden\",\n                        attrs: { id: \"sector-\" + index, type: \"radio\" },\n                        domProps: {\n                          value: ticket,\n                          checked: _vm._q(_vm.selected.product, ticket)\n                        },\n                        on: {\n                          change: function($event) {\n                            _vm.$set(_vm.selected, \"product\", ticket)\n                          }\n                        }\n                      }),\n                      _vm._v(\n                        \"\\n                        \" + _vm._s(ticket.name) + \" \"\n                      ),\n                      _c(\"br\"),\n                      _vm._v(\" \"),\n                      _c(\"span\", { staticClass: \"purchase__item-price\" }, [\n                        _vm._v(\"R$ \" + _vm._s(ticket.price))\n                      ])\n                    ]\n                  )\n                })\n              )\n            ]\n          )\n        ]),\n        _vm._v(\" \"),\n        _c(\"transition\", { attrs: { name: \"fade\" } }, [\n          _c(\n            \"div\",\n            {\n              directives: [\n                {\n                  name: \"show\",\n                  rawName: \"v-show\",\n                  value: _vm.isStep(5),\n                  expression: \"isStep(5)\"\n                }\n              ],\n              staticClass: \"purchase__step step-5\"\n            },\n            [\n              _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n                _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"5\")]),\n                _vm._v(\n                  \" \" +\n                    _vm._s(this.stepsLabelsArray.quantity) +\n                    \"\\n                \"\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\"div\", { staticClass: \"purchase__items\" }, [\n                _c(\"div\", { staticClass: \"purchase__item-quantity\" }, [\n                  _c(\n                    \"button\",\n                    {\n                      staticClass: \"button\",\n                      on: {\n                        click: function($event) {\n                          _vm.decrease()\n                        }\n                      }\n                    },\n                    [_vm._v(\"-\")]\n                  ),\n                  _vm._v(\" \"),\n                  _c(\"span\", [_vm._v(_vm._s(_vm.quantity))]),\n                  _vm._v(\" \"),\n                  _c(\n                    \"button\",\n                    {\n                      staticClass: \"button\",\n                      on: {\n                        click: function($event) {\n                          _vm.increase()\n                        }\n                      }\n                    },\n                    [_vm._v(\"+\")]\n                  )\n                ])\n              ])\n            ]\n          )\n        ]),\n        _vm._v(\" \"),\n        _c(\"transition\", { attrs: { name: \"fade\" } }, [\n          _c(\n            \"div\",\n            {\n              directives: [\n                {\n                  name: \"show\",\n                  rawName: \"v-show\",\n                  value: _vm.isStep(5),\n                  expression: \"isStep(5)\"\n                }\n              ],\n              staticClass: \"purchase__step step-6\"\n            },\n            [\n              _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n                _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"6\")]),\n                _vm._v(\n                  \" \" +\n                    _vm._s(this.stepsLabelsArray.add_to_cart) +\n                    \"\\n                \"\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\"div\", { staticClass: \"purchase__item-total\" }, [\n                _c(\"div\", { staticClass: \"columns\" }, [\n                  _c(\"div\", { staticClass: \"column\" }, [\n                    _c(\"span\", [\n                      _vm._v(\n                        _vm._s(_vm.quantity) +\n                          \"x R$\" +\n                          _vm._s(_vm.selected.product.price)\n                      )\n                    ])\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"div\", { staticClass: \"column\" }, [\n                    _c(\n                      \"a\",\n                      {\n                        staticClass: \"purchase__add-to-cart-btn button\",\n                        attrs: {\n                          href:\n                            \"?add-to-cart=\" +\n                            _vm.selected.product.id +\n                            \"&quantity=\" +\n                            _vm.quantity +\n                            \"&attribute_pa_date=\" +\n                            _vm.selected.date.name\n                        }\n                      },\n                      [\n                        _vm._v(\n                          \"\\n                                \" +\n                            _vm._s(this.stepsLabelsArray.add_to_cart) +\n                            \"\\n                            \"\n                        )\n                      ]\n                    )\n                  ])\n                ])\n              ])\n            ]\n          )\n        ])\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
diff --git a/static/js/login.12665cfb35146bb69fbc.js b/static/js/login.df0d80edf16dcb47cd8a.js
similarity index 100%
rename from static/js/login.12665cfb35146bb69fbc.js
rename to static/js/login.df0d80edf16dcb47cd8a.js
diff --git a/static/js/vendor.12665cfb35146bb69fbc.js b/static/js/vendor.df0d80edf16dcb47cd8a.js
similarity index 100%
rename from static/js/vendor.12665cfb35146bb69fbc.js
rename to static/js/vendor.df0d80edf16dcb47cd8a.js
diff --git a/static/manifest.json b/static/manifest.json
index 959d4d2..76a94cc 100644
--- a/static/manifest.json
+++ b/static/manifest.json
@@ -1,14 +1,10 @@
 {
-  "admin.css": "css/admin.12665cfb35146bb69fbc.css",
-  "admin.js": "js/admin.12665cfb35146bb69fbc.js",
-  "app.css": "css/app.12665cfb35146bb69fbc.css",
-  "app.js": "js/app.12665cfb35146bb69fbc.js",
-  "login.css": "css/login.12665cfb35146bb69fbc.css",
-  "login.js": "js/login.12665cfb35146bb69fbc.js",
-  "vendor.js": "js/vendor.12665cfb35146bb69fbc.js",
-  "images/arrow-next-white.png": "images/arrow-next-white.png",
-  "images/icon-cart-white.png": "images/icon-cart-white.png",
-  "images/texture-blue-carnival.jpg": "images/texture-blue-carnival.jpg",
-  "images/base-camp-logo.png": "images/base-camp-logo.png",
-  "images/arrow-prev-white.png": "images/arrow-prev-white.png"
+  "admin.css": "css/admin.df0d80edf16dcb47cd8a.css",
+  "admin.js": "js/admin.df0d80edf16dcb47cd8a.js",
+  "app.css": "css/app.df0d80edf16dcb47cd8a.css",
+  "app.js": "js/app.df0d80edf16dcb47cd8a.js",
+  "login.css": "css/login.df0d80edf16dcb47cd8a.css",
+  "login.js": "js/login.df0d80edf16dcb47cd8a.js",
+  "vendor.js": "js/vendor.df0d80edf16dcb47cd8a.js",
+  "images/base-camp-logo.png": "images/base-camp-logo.png"
 }
\ No newline at end of file
diff --git a/template-tickets.php b/template-tickets.php
index bd2fe82..75a3cd6 100644
--- a/template-tickets.php
+++ b/template-tickets.php
@@ -32,9 +32,63 @@
 
 $context['products'] = $products;
 
+$steps_labels = [
+    'parade' => __('Select the parade type', 'base-camp'),
+    'date' => __('Select the date', 'base-camp'),
+    'seat' => __('Select the seat type', 'base-camp'),
+    'sector' => __('Select the sector', 'base-camp'),
+    'quantity' => __('Enter the quantity', 'base-camp'),
+    'add_to_cart' => __('Add to cart', 'base-camp'),
+];
+
+$context['steps_labels'] = $steps_labels;
+
+$productsAttr = array(
+    [
+        'name' => __('Preliminary Parades', 'base-camp'),
+        'dates' => [
+            ['name' => __('Friday (March 01)', 'base-camp'), 'slug' => 'friday-march-01'],
+            ['name' => __('Saturday (March 02)', 'base-camp'), 'slug' => 'saturday-march-02']
+        ],
+        'seats' => [
+            ['name' => __('Grandstand tickets', 'base-camp'), 'slug' => 'grandstand-tickets'],
+            ['name' => __('Open Front Box seats', 'base-camp'), 'slug' => 'open-front-box-seats']
+        ]
+    ],
+    [
+        'name' => __('Main Parades', 'base-camp'),
+        'dates' => [
+            ['name' => __('Sunday (March 03)', 'base-camp'), 'slug' => 'sunday-march-03'],
+            ['name' => __('Monday (March 04)', 'base-camp'), 'slug' => 'monday-march-04']
+        ],
+        'seats' => [
+            ['name' => __('Grandstand tickets', 'base-camp'), 'slug' => 'grandstand-tickets' ],
+            ['name' => __('Open Front Box seats', 'base-camp'), 'slug' => 'open-front-box-seats' ],
+            ['name' => __('Private Chairs', 'base-camp'), 'slug' => 'private-chairs' ]
+        ]
+    ],
+    [
+        'name' => __('Champions’ Parade', 'base-camp'),
+        'dates' => [
+            ['name' => __('Saturday (March 09)', 'base-camp'), 'slug' => 'saturday-march-09'],
+        ],
+        'seats' => [
+            ['name' => __('Grandstand tickets', 'base-camp'), 'slug' => 'grandstand-tickets'],
+            ['name' => __('Open Front Box seats', 'base-camp'), 'slug' => 'open-front-box-seats'],
+            ['name' => __('Private Chairs', 'base-camp'), 'slug' => 'private-chairs']
+        ]
+    ]                   
+);
+
+$context['products_attr'] = $productsAttr;
+
+$context['tickets_acf'] = get_fields();
+
 // Adding ACF to each product
 foreach ($products as $key => $product) {
     $context['products'][$key]->acf = get_fields($product->id);
 }
 
+var_dump($context['products']);
+
 Timber::render('template-tickets.twig', $context);
\ No newline at end of file
diff --git a/woocommerce/cart/cart.php b/woocommerce/cart/cart.php
index 1d5cb22..d9e548a 100644
--- a/woocommerce/cart/cart.php
+++ b/woocommerce/cart/cart.php
@@ -28,7 +28,7 @@
 		<thead>
 			<tr>
 				<th class="product-remove">&nbsp;</th>
-				<th class="product-thumbnail">&nbsp;</th>
+				<!-- <th class="product-thumbnail">&nbsp;</th> -->
 				<th class="product-name"><?php esc_html_e( 'Product', 'woocommerce' ); ?></th>
 				<th class="product-price"><?php esc_html_e( 'Price', 'woocommerce' ); ?></th>
 				<th class="product-quantity"><?php esc_html_e( 'Quantity', 'woocommerce' ); ?></th>
@@ -61,27 +61,42 @@
 							?>
 						</td>
 
+
+						<!-- COMMENTING TO HIDE PRODUCT THUMBNAIL
+
 						<td class="product-thumbnail">
-						<?php
+						<?php /*
 						$thumbnail = apply_filters( 'woocommerce_cart_item_thumbnail', $_product->get_image(), $cart_item, $cart_item_key );
 
 						if ( ! $product_permalink ) {
 							echo wp_kses_post( $thumbnail );
 						} else {
 							printf( '<a href="%s">%s</a>', esc_url( $product_permalink ), wp_kses_post( $thumbnail ) );
-						}
+						} */
 						?>
 						</td>
+						-->
 
 						<td class="product-name" data-title="<?php esc_attr_e( 'Product', 'woocommerce' ); ?>">
-						<?php
-						if ( ! $product_permalink ) {
-							echo wp_kses_post( apply_filters( 'woocommerce_cart_item_name', $_product->get_name(), $cart_item, $cart_item_key ) . '&nbsp;' );
-						} else {
-							echo wp_kses_post( apply_filters( 'woocommerce_cart_item_name', sprintf( '<a href="%s">%s</a>', esc_url( $product_permalink ), $_product->get_name() ), $cart_item, $cart_item_key ) );
-						}
 
-						do_action( 'woocommerce_after_cart_item_name', $cart_item, $cart_item_key );
+						<?php // REMOVING THE PRODUCT PERMALINK
+
+						// if ( ! $product_permalink ) {
+						// 	echo wp_kses_post( apply_filters( 'woocommerce_cart_item_name', $_product->get_name(), $cart_item, $cart_item_key ) . '&nbsp;' );
+						// } else {
+						// 	echo wp_kses_post( apply_filters( 'woocommerce_cart_item_name', sprintf( '<a href="%s">%s</a>', esc_url( $product_permalink ), $_product->get_name() ), $cart_item, $cart_item_key ) );
+						// }
+
+						echo wp_kses_post( apply_filters( 'woocommerce_cart_item_name', $_product->get_name(), $cart_item, $cart_item_key ) . '&nbsp;' );
+
+						do_action( 'woocommerce_after_cart_item_name', $cart_item, $cart_item_key );		
+
+						$prod_acf = get_fields($product_id);
+						?>
+						<div><small><?php echo $prod_acf['seat_type']->name; ?></small></div>
+						<div><small><?php echo $prod_acf['parade']->name; ?></small></div>
+						<div><small><?php echo $prod_acf['date']->name; ?></small></div>
+						<?php
 
 						// Meta data.
 						echo wc_get_formatted_cart_item_data( $cart_item ); // PHPCS: XSS ok.
@@ -91,6 +106,8 @@
 							echo wp_kses_post( apply_filters( 'woocommerce_cart_item_backorder_notification', '<p class="backorder_notification">' . esc_html__( 'Available on backorder', 'woocommerce' ) . '</p>' ) );
 						}
 						?>
+
+						
 						</td>
 
 						<td class="product-price" data-title="<?php esc_attr_e( 'Price', 'woocommerce' ); ?>">