your home but more more you
Curated collection furniture to make your home truly yours to call home
Something for Every room
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
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
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
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
เพิ่ม ID ให้กับ "Tab Link" แต่ละรายการ แต่ต้องขึ้นต้นด้วย "tab_" + ชื่อแท็บของคุณ
Ex: tab_ all หรือ tab_bedroom
Ex: tab_ all หรือ tab_bedroom
Step 4
จากนั้นบนปุ่มหรือลิงก์ที่คุณต้องการเชื่อมต่อกับแท็บใดแท็บหนึ่ง ให้สร้างแอตทริบิวต์ด้วยชื่อ "data-tab" และค่าที่สอดคล้องกับแท็บเฉพาะที่คุณต้องการให้ปุ่มนั้นลิงก์ไปหา
Ex: data-tab = all หรือ data-tab = bedroom
Ex: data-tab = all หรือ data-tab = bedroom