your home but more more you
Curated collection furniture to make your home truly yours to call home
![](https://cdn.prod.website-files.com/66703dfaf04f00facedd96f0/66716df441f64c42da3b29ca_hero-image.jpg)
Something for Every room
![](https://cdn.prod.website-files.com/66703dfaf04f00facedd96f0/667163abe5d5f91bc557ea29_gallery-bed.webp)
![](https://cdn.prod.website-files.com/66703dfaf04f00facedd96f0/667163aa5f3f63044beb1018_gallery-bath.webp)
visit our gallery
Providing you with the best home furniture options. From clean modern lines, to chic classic styles we have the perfect piece for anyone.
See full gallery![](https://cdn.prod.website-files.com/66703dfaf04f00facedd96f0/667163aae221cb633055b6e6_gallery-kitchen.webp)
![](https://cdn.prod.website-files.com/66703dfaf04f00facedd96f0/667163ab3615631049003ac2_gallery-living.webp)
![](https://cdn.prod.website-files.com/66703dfaf04f00facedd96f0/667163aa2f4f40cc2c15033d_gallery-dining.webp)
how to
Step 1
Add a pop-up opening animation on the buttons or links that you would like to open the pop-up. Or create a trigger class to combined with buttons or links.
like this "pop-up_trigger" class
Step 2
Copy and paste the code into the before </body> tag.
1<script>
2
3$('[data-tab]').on('click', function(evt) {
4 var tabId = $(this).data('tab');
5 $('#tab_' + tabId).triggerHandler('click');
6 evt.preventDefault();
7 });
8
9</script>
Step 3
![](https://cdn.prod.website-files.com/66703dfaf04f00facedd96f0/66752cbc956424fb7f16bdf7_tab-link.jpg)
Add an ID to each Tab Link, but it must start "tab_" + your tab name.
Ex: tab_ all or tab_bedroom
Ex: tab_ all or tab_bedroom
Step 4
![](https://cdn.prod.website-files.com/66703dfaf04f00facedd96f0/66752cbc0c2d0d0c115c36d3_button.jpg)
Then on a button you want to connect to a specific tab, create a custom attribute with the Name "data-tab" and the value corresponding to the specific tab you want that button to link to.
Ex: data-tab = all or data-tab = bedroom
Ex: data-tab = all or data-tab = bedroom
how to
Step 1
เพิ่มแอนิเมชั่นเปิดป๊อปอัปบนปุ่มหรือลิงก์ที่คุณต้องการเปิดป๊อปอัป หรือสร้างคลาสทริกเกอร์เพื่อรวมเข้ากับปุ่มหรือลิงก์
เช่นคลาส "pop-up_trigger" นี้
Step 2
คัดลอกและวางโค้ดลงในแท็ก </body>
1<script>
2
3$('[data-tab]').on('click', function(evt) {
4 var tabId = $(this).data('tab');
5 $('#tab_' + tabId).triggerHandler('click');
6 evt.preventDefault();
7 });
8
9</script>
Step 3
![](https://cdn.prod.website-files.com/66703dfaf04f00facedd96f0/66752cbc956424fb7f16bdf7_tab-link.jpg)
เพิ่ม ID ให้กับ "Tab Link" แต่ละรายการ แต่ต้องขึ้นต้นด้วย "tab_" + ชื่อแท็บของคุณ
Ex: tab_ all หรือ tab_bedroom
Ex: tab_ all หรือ tab_bedroom
Step 4
![](https://cdn.prod.website-files.com/66703dfaf04f00facedd96f0/66752cbc0c2d0d0c115c36d3_button.jpg)
จากนั้นบนปุ่มหรือลิงก์ที่คุณต้องการเชื่อมต่อกับแท็บใดแท็บหนึ่ง ให้สร้างแอตทริบิวต์ด้วยชื่อ "data-tab" และค่าที่สอดคล้องกับแท็บเฉพาะที่คุณต้องการให้ปุ่มนั้นลิงก์ไปหา
Ex: data-tab = all หรือ data-tab = bedroom
Ex: data-tab = all หรือ data-tab = bedroom