{"id":544,"date":"2026-03-10T02:41:28","date_gmt":"2026-03-09T19:41:28","guid":{"rendered":"https:\/\/www.commsci.psu.ac.th\/commcraft\/?page_id=544"},"modified":"2026-03-13T06:36:23","modified_gmt":"2026-03-12T23:36:23","slug":"home","status":"publish","type":"page","link":"https:\/\/www.commsci.psu.ac.th\/commcraft\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div class=\"slider-wrapper relative\" id=\"slider-1206089291\" >\n    <div class=\"slider slider-nav-circle slider-nav-large slider-nav-light slider-style-normal\"\n        data-flickity-options='{\n            \"cellAlign\": \"center\",\n            \"imagesLoaded\": true,\n            \"lazyLoad\": 1,\n            \"freeScroll\": false,\n            \"wrapAround\": true,\n            \"autoPlay\": 4000,\n            \"pauseAutoPlayOnHover\" : true,\n            \"prevNextButtons\": true,\n            \"contain\" : true,\n            \"adaptiveHeight\" : true,\n            \"dragThreshold\" : 10,\n            \"percentPosition\": true,\n            \"pageDots\": true,\n            \"rightToLeft\": false,\n            \"draggable\": true,\n            \"selectedAttraction\": 0.1,\n            \"parallax\" : 0,\n            \"friction\": 0.6        }'\n        >\n        \n\n\n  <div class=\"banner has-hover\" id=\"banner-1565726803\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/03\/banner.jpg\" class=\"bg attachment-original size-original\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"#\"><div class=\"fill banner-link\"><\/div><\/a>            \n\n   <div id=\"text-box-2140664854\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-2140664854 {\n  width: 60%;\n}\n#text-box-2140664854 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-2140664854 {\n    width: 60%;\n  }\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1565726803 {\n  padding-top: 56.25%;\n}\n#banner-1565726803 .overlay {\n  background-color: rgba(0, 0, 0, 0.02);\n}\n#banner-1565726803 .banner-bg img {\n  object-position: 57% 25%;\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover\" id=\"banner-1521536617\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"2048\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/03\/646208242_1440379784413775_4737071764202217508_n.jpg\" class=\"bg attachment-original size-original\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?page_id=364\"><div class=\"fill banner-link\"><\/div><\/a>            \n\n   <div id=\"text-box-500052848\" class=\"text-box banner-layer x50 md-x50 lg-x50 y20 md-y20 lg-y20 res-text\">\n                     <div data-animate=\"flipInY\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\t<div id=\"text-2811389587\" class=\"text\">\n\t\t\n\n<h2 class=\"uppercase alt-font\"><strong><span style=\"font-size: 160%;\" data-line-height=\"xs\">THIS<br \/>BLOOM<br \/>NEW <br \/>COLLECTION<\/span><\/strong><\/h2>\n\t\t\n<style>\n#text-2811389587 {\n  color: #d287b5;\n}\n#text-2811389587 > * {\n  color: #d287b5;\n}\n<\/style>\n\t<\/div>\n\t\n<div class=\"is-divider divider clearfix\" ><\/div>\n\n<a href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?page_id=364\" class=\"button white is-outline\" >\n\t\t<span>Shop Now<\/span>\n\t<\/a>\n\n\n\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-500052848 {\n  width: 100%;\n}\n#text-box-500052848 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-500052848 {\n    width: 70%;\n  }\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1521536617 {\n  padding-top: 56.25%;\n}\n#banner-1521536617 .overlay {\n  background-color: rgba(0, 0, 0, 0.02);\n}\n#banner-1521536617 .banner-bg img {\n  object-position: 57% 25%;\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover\" id=\"banner-634090189\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"2048\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/03\/645018252_1076844158795715_6806618288335603464_n.jpg\" class=\"bg attachment-original size-original\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?page_id=573\"><div class=\"fill banner-link\"><\/div><\/a>            \n\n   <div id=\"text-box-1022303463\" class=\"text-box banner-layer x50 md-x50 lg-x50 y20 md-y20 lg-y20 res-text\">\n                     <div data-animate=\"flipInY\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n<h2 class=\"uppercase alt-font\"><strong><span style=\"font-size: 160%;\" data-line-height=\"xs\">THIS<br \/>Commcraft<br \/>COLLECTION<\/span><\/strong><\/h2>\n<div class=\"is-divider divider clearfix\" ><\/div>\n\n<a href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?page_id=573\" class=\"button white is-outline\" >\n\t\t<span>Shop Now<\/span>\n\t<\/a>\n\n\n\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-1022303463 {\n  width: 100%;\n}\n#text-box-1022303463 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-1022303463 {\n    width: 70%;\n  }\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-634090189 {\n  padding-top: 56.25%;\n}\n#banner-634090189 .overlay {\n  background-color: rgba(0, 0, 0, 0.02);\n}\n#banner-634090189 .banner-bg img {\n  object-position: 56% 29%;\n}\n<\/style>\n  <\/div>\n\n\n\n     <\/div>\n\n     <div class=\"loading-spin dark large centered\"><\/div>\n\n\t<\/div>\n\n\n\t<div id=\"gap-1342466770\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1342466770 {\n  padding-top: 40px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row\"  id=\"row-1499800240\">\n\n\n\t<div id=\"col-858078466\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1591897196\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"996\" height=\"274\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/02\/Asset-4.png\" class=\"attachment-original size-original\" alt=\"\" srcset=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/02\/Asset-4.png 996w, https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/02\/Asset-4-600x165.png 600w, https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/02\/Asset-4-300x83.png 300w, https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/02\/Asset-4-768x211.png 768w\" sizes=\"auto, (max-width: 996px) 100vw, 996px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_1591897196 {\n  width: 28%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t<div id=\"gap-1459260084\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1459260084 {\n  padding-top: 20px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<h2 class=\"alt-font\" style=\"text-align: center;\"><span class=\"fancy-underline\">Where craft meets communication<\/span><\/h2>\n<h4 class=\"thin-font\" style=\"text-align: center;\">\u0e08\u0e38\u0e14\u0e1a\u0e23\u0e23\u0e08\u0e1a\u0e02\u0e2d\u0e07\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14 \u0e01\u0e32\u0e23\u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23 \u0e07\u0e32\u0e19\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c<br \/>COMMCRAFT \u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c \u0e17\u0e35\u0e40\u0e01\u0e34\u0e14\u0e08\u0e32\u0e01\u0e07\u0e32\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e25\u0e30\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22<br \/>\u0e04\u0e13\u0e30\u0e27\u0e34\u0e17\u0e22\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23 \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e07\u0e02\u0e25\u0e32\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e4c \u0e27\u0e34\u0e17\u0e22\u0e32\u0e40\u0e02\u0e15\u0e1b\u0e31\u0e15\u0e15\u0e32\u0e19\u0e35<\/h4>\n\t<div id=\"gap-1882728586\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1882728586 {\n  padding-top: 40px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"container section-title-container\" ><h1 class=\"section-title section-title-center\"><b aria-hidden=\"true\"><\/b><span class=\"section-title-main\" >Collection<\/span><b aria-hidden=\"true\"><\/b><\/h1><\/div>\n\n<div class=\"row\"  id=\"row-833088391\">\n\n\n\t<div id=\"col-1285855414\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n  <div class=\"banner has-hover bg-fade-out bg-grayscale\" id=\"banner-1326380106\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img loading=\"lazy\" decoding=\"async\" width=\"1904\" height=\"835\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/02\/Banner001.jpg\" class=\"bg attachment-original size-original\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?page_id=364\"><div class=\"fill banner-link\"><\/div><\/a>            \n\n   <div id=\"text-box-418704184\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n<h2><span style=\"text-transform: uppercase;\"><b>BLOOM<br \/>COLLECTION<\/b><\/span><\/h2>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-418704184 {\n  width: 60%;\n}\n#text-box-418704184 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1326380106 {\n  padding-top: 56.25%;\n}\n#banner-1326380106 .overlay {\n  background-color: rgba(0,0,0,.5);\n}\n#banner-1326380106 .banner-bg img {\n  object-position: 50% 50%;\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1207436568\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n  <div class=\"banner has-hover bg-fade-out bg-grayscale\" id=\"banner-333063141\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"2048\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/03\/645018252_1076844158795715_6806618288335603464_n.jpg\" class=\"bg attachment-original size-original\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?page_id=573\"><div class=\"fill banner-link\"><\/div><\/a>            \n\n   <div id=\"text-box-834570119\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n<h2><strong><span class=\"uppercase\">COMMCARFT<br \/>COLLECTION<\/span><\/strong><\/h2>\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-834570119 {\n  width: 60%;\n}\n#text-box-834570119 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-333063141 {\n  padding-top: 56.25%;\n}\n#banner-333063141 .overlay {\n  background-color: rgba(0,0,0,.5);\n}\n#banner-333063141 .banner-bg img {\n  object-position: 54% 25%;\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"container section-title-container\" ><h1 class=\"section-title section-title-center\"><b aria-hidden=\"true\"><\/b><span class=\"section-title-main\" >\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48<\/span><b aria-hidden=\"true\"><\/b><\/h1><\/div>\n\n\n  \n    <div class=\"row large-columns-6 medium-columns-3 small-columns-2 row-small slider row-slider slider-nav-reveal\"  data-flickity-options='{&quot;imagesLoaded&quot;: true, &quot;groupCells&quot;: &quot;100%&quot;, &quot;dragThreshold&quot; : 5, &quot;cellAlign&quot;: &quot;left&quot;,&quot;wrapAround&quot;: true,&quot;prevNextButtons&quot;: true,&quot;percentPosition&quot;: true,&quot;pageDots&quot;: false, &quot;rightToLeft&quot;: false, &quot;autoPlay&quot; : 2000}' >\n\n  <div class=\"product-category col\" >\n            <div class=\"col-inner\">\n              <a aria-label=\"Visit product category Book\" href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product_cat=book\">                <div class=\"box box-category has-hover box-push \">\n                <div class=\"box-image\" >\n                  <div class=\"\" >\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/woocommerce-placeholder.webp\" alt=\"Book\" width=\"300\" height=\"300\" \/>                                                      <\/div>\n                <\/div>\n                <div class=\"box-text text-center\" >\n                  <div class=\"box-text-inner\">\n                      <h5 class=\"uppercase header-title\">\n                              Book                      <\/h5>\n                                            <p class=\"is-xsmall uppercase count \">\n\t                      3 \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32                      <\/p>\n                                            \n                  <\/div>\n                <\/div>\n                <\/div>\n            <\/a>            <\/div>\n            <\/div><div class=\"product-category col\" >\n            <div class=\"col-inner\">\n              <a aria-label=\"Visit product category pillow\" href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product_cat=pillow\">                <div class=\"box box-category has-hover box-push \">\n                <div class=\"box-image\" >\n                  <div class=\"\" >\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/woocommerce-placeholder.webp\" alt=\"pillow\" width=\"300\" height=\"300\" \/>                                                      <\/div>\n                <\/div>\n                <div class=\"box-text text-center\" >\n                  <div class=\"box-text-inner\">\n                      <h5 class=\"uppercase header-title\">\n                              pillow                      <\/h5>\n                                            <p class=\"is-xsmall uppercase count \">\n\t                      2 \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32                      <\/p>\n                                            \n                  <\/div>\n                <\/div>\n                <\/div>\n            <\/a>            <\/div>\n            <\/div><div class=\"product-category col\" >\n            <div class=\"col-inner\">\n              <a aria-label=\"Visit product category All\" href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product_cat=all\">                <div class=\"box box-category has-hover box-push \">\n                <div class=\"box-image\" >\n                  <div class=\"\" >\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/03\/Asset-9-300x300.png\" alt=\"All\" width=\"300\" height=\"300\" \/>                                                      <\/div>\n                <\/div>\n                <div class=\"box-text text-center\" >\n                  <div class=\"box-text-inner\">\n                      <h5 class=\"uppercase header-title\">\n                              All                      <\/h5>\n                                            <p class=\"is-xsmall uppercase count \">\n\t                      10 \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32                      <\/p>\n                                            \n                  <\/div>\n                <\/div>\n                <\/div>\n            <\/a>            <\/div>\n            <\/div><div class=\"product-category col\" >\n            <div class=\"col-inner\">\n              <a aria-label=\"Visit product category T-Shirt\" href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product_cat=t-shirt\">                <div class=\"box box-category has-hover box-push \">\n                <div class=\"box-image\" >\n                  <div class=\"\" >\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/03\/Asset-2-1-300x300.png\" alt=\"T-Shirt\" width=\"300\" height=\"300\" \/>                                                      <\/div>\n                <\/div>\n                <div class=\"box-text text-center\" >\n                  <div class=\"box-text-inner\">\n                      <h5 class=\"uppercase header-title\">\n                              T-Shirt                      <\/h5>\n                                            <p class=\"is-xsmall uppercase count \">\n\t                      6 \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32                      <\/p>\n                                            \n                  <\/div>\n                <\/div>\n                <\/div>\n            <\/a>            <\/div>\n            <\/div><div class=\"product-category col\" >\n            <div class=\"col-inner\">\n              <a aria-label=\"Visit product category Cap\" href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product_cat=cap\">                <div class=\"box box-category has-hover box-push \">\n                <div class=\"box-image\" >\n                  <div class=\"\" >\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/03\/Asset-3-1-300x300.png\" alt=\"Cap\" width=\"300\" height=\"300\" \/>                                                      <\/div>\n                <\/div>\n                <div class=\"box-text text-center\" >\n                  <div class=\"box-text-inner\">\n                      <h5 class=\"uppercase header-title\">\n                              Cap                      <\/h5>\n                                            <p class=\"is-xsmall uppercase count \">\n\t                      1 \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32                      <\/p>\n                                            \n                  <\/div>\n                <\/div>\n                <\/div>\n            <\/a>            <\/div>\n            <\/div><div class=\"product-category col\" >\n            <div class=\"col-inner\">\n              <a aria-label=\"Visit product category Bags\" href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product_cat=bags\">                <div class=\"box box-category has-hover box-push \">\n                <div class=\"box-image\" >\n                  <div class=\"\" >\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/03\/Asset-4-1-300x300.png\" alt=\"Bags\" width=\"300\" height=\"300\" \/>                                                      <\/div>\n                <\/div>\n                <div class=\"box-text text-center\" >\n                  <div class=\"box-text-inner\">\n                      <h5 class=\"uppercase header-title\">\n                              Bags                      <\/h5>\n                                            <p class=\"is-xsmall uppercase count \">\n\t                      1 \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32                      <\/p>\n                                            \n                  <\/div>\n                <\/div>\n                <\/div>\n            <\/a>            <\/div>\n            <\/div><div class=\"product-category col\" >\n            <div class=\"col-inner\">\n              <a aria-label=\"Visit product category Sticker\" href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product_cat=sticker\">                <div class=\"box box-category has-hover box-push \">\n                <div class=\"box-image\" >\n                  <div class=\"\" >\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/03\/Asset-1-1-300x300.png\" alt=\"Sticker\" width=\"300\" height=\"300\" \/>                                                      <\/div>\n                <\/div>\n                <div class=\"box-text text-center\" >\n                  <div class=\"box-text-inner\">\n                      <h5 class=\"uppercase header-title\">\n                              Sticker                      <\/h5>\n                                            <p class=\"is-xsmall uppercase count \">\n\t                      1 \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32                      <\/p>\n                                            \n                  <\/div>\n                <\/div>\n                <\/div>\n            <\/a>            <\/div>\n            <\/div><div class=\"product-category col\" >\n            <div class=\"col-inner\">\n              <a aria-label=\"Visit product category Scarf\" href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product_cat=scarf\">                <div class=\"box box-category has-hover box-push \">\n                <div class=\"box-image\" >\n                  <div class=\"\" >\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/03\/Asset-6-300x300.png\" alt=\"Scarf\" width=\"300\" height=\"300\" \/>                                                      <\/div>\n                <\/div>\n                <div class=\"box-text text-center\" >\n                  <div class=\"box-text-inner\">\n                      <h5 class=\"uppercase header-title\">\n                              Scarf                      <\/h5>\n                                            <p class=\"is-xsmall uppercase count \">\n\t                      6 \u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32                      <\/p>\n                                            \n                  <\/div>\n                <\/div>\n                <\/div>\n            <\/a>            <\/div>\n            <\/div><\/div>\n\n<div class=\"container section-title-container\" ><h1 class=\"section-title section-title-center\"><b aria-hidden=\"true\"><\/b><span class=\"section-title-main\" style=\"font-size:undefined%;\">\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/span><b aria-hidden=\"true\"><\/b><\/h1><\/div>\n\n\t\t\t<div id=\"ux-relay-1368015177\" class=\"ux-relay ux-relay--pagination\" data-flatsome-relay=\"{&quot;postType&quot;:&quot;product&quot;,&quot;tag&quot;:&quot;ux_products&quot;,&quot;atts&quot;:{&quot;type&quot;:&quot;row&quot;,&quot;animate&quot;:&quot;fadeInUp&quot;,&quot;relay&quot;:&quot;pagination&quot;,&quot;orderby&quot;:&quot;rand&quot;,&quot;order&quot;:&quot;asc&quot;},&quot;currentPage&quot;:&quot;1&quot;,&quot;totalPages&quot;:3,&quot;totalPosts&quot;:20,&quot;postCount&quot;:8}\">\n\t\t\n  \n    <div class=\"row large-columns-4 medium-columns-3 small-columns-2 row-small\" >\n  \n\t     <div class=\"product-small col has-hover out-of-stock product type-product post-608 status-publish first outofstock product_cat-scarf product_tag-commcraft01 has-post-thumbnail taxable shipping-taxable purchasable product-type-simple\">\n\t<div class=\"col-inner\">\n\t\n<div class=\"badge-container absolute left top z-1\">\n\n<\/div>\n\t<div class=\"product-small box \">\n\t\t<div class=\"box-image\">\n\t\t\t<div class=\"image-fade_in_back\">\n\t\t\t\t<a href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product=%e0%b8%a2%e0%b8%b2%e0%b8%87%e0%b8%99%e0%b8%b2%e0%b8%a0%e0%b8%b4%e0%b8%a3%e0%b8%a1%e0%b8%a2%e0%b9%8c%e0%b8%a3%e0%b8%b2%e0%b8%95%e0%b8%a3%e0%b8%b5-%e0%b8%97%e0%b8%a3%e0%b8%87%e0%b8%aa%e0%b8%b5%e0%b9%88\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/03\/COMMCRAFT-\u0e22\u0e32\u0e07\u0e19\u0e32\u0e20\u0e34\u0e23\u0e21\u0e22\u0e4c\u0e23\u0e32\u0e15\u0e23\u0e35-\u0e17\u0e23\u0e07\u0e2a\u0e35\u0e48\u0e40\u0e2b\u0e25\u0e35\u0e48\u0e22\u0e21\u0e1c\u0e37\u0e19\u0e1c\u0e49\u0e32-04.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\u0e22\u0e32\u0e07\u0e19\u0e32\u0e20\u0e34\u0e23\u0e21\u0e22\u0e4c\u0e23\u0e32\u0e15\u0e23\u0e35 (\u0e17\u0e23\u0e07\u0e2a\u0e35\u0e48\u0e40\u0e2b\u0e25\u0e35\u0e48\u0e22\u0e21\u0e1c\u0e37\u0e19\u0e1c\u0e49\u0e32)\" \/><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/03\/COMMCRAFT-\u0e22\u0e32\u0e07\u0e19\u0e32\u0e20\u0e34\u0e23\u0e21\u0e22\u0e4c\u0e23\u0e32\u0e15\u0e23\u0e35-\u0e17\u0e23\u0e07\u0e2a\u0e35\u0e48\u0e40\u0e2b\u0e25\u0e35\u0e48\u0e22\u0e21\u0e1c\u0e37\u0e19\u0e1c\u0e49\u0e32-03.jpg\" class=\"show-on-hover absolute fill hide-for-small back-image\" alt=\"Alternative view of \u0e22\u0e32\u0e07\u0e19\u0e32\u0e20\u0e34\u0e23\u0e21\u0e22\u0e4c\u0e23\u0e32\u0e15\u0e23\u0e35 (\u0e17\u0e23\u0e07\u0e2a\u0e35\u0e48\u0e40\u0e2b\u0e25\u0e35\u0e48\u0e22\u0e21\u0e1c\u0e37\u0e19\u0e1c\u0e49\u0e32)\" aria-hidden=\"true\" \/>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small top right show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small hide-for-small bottom left show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover\">\n\t\t\t\t<a href=\"#quick-view\" class=\"quick-view\" role=\"button\" data-prod=\"608\" aria-haspopup=\"dialog\" aria-expanded=\"false\" data-flatsome-role-button>Quick View<\/a>\t\t\t<\/div>\n\t\t\t<div class=\"out-of-stock-label\">\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e2b\u0e21\u0e14\u0e41\u0e25\u0e49\u0e27<\/div>\t\t<\/div>\n\n\t\t<div class=\"box-text box-text-products\">\n\t\t\t<div class=\"title-wrapper\">\t\t<p class=\"category uppercase is-smaller no-text-overflow product-cat op-8\">\n\t\t\tScarf\t\t<\/p>\n\t<p class=\"name product-title woocommerce-loop-product__title\"><a href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product=%e0%b8%a2%e0%b8%b2%e0%b8%87%e0%b8%99%e0%b8%b2%e0%b8%a0%e0%b8%b4%e0%b8%a3%e0%b8%a1%e0%b8%a2%e0%b9%8c%e0%b8%a3%e0%b8%b2%e0%b8%95%e0%b8%a3%e0%b8%b5-%e0%b8%97%e0%b8%a3%e0%b8%87%e0%b8%aa%e0%b8%b5%e0%b9%88\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">\u0e22\u0e32\u0e07\u0e19\u0e32\u0e20\u0e34\u0e23\u0e21\u0e22\u0e4c\u0e23\u0e32\u0e15\u0e23\u0e35 (\u0e17\u0e23\u0e07\u0e2a\u0e35\u0e48\u0e40\u0e2b\u0e25\u0e35\u0e48\u0e22\u0e21\u0e1c\u0e37\u0e19\u0e1c\u0e49\u0e32)<\/a><\/p><\/div><div class=\"price-wrapper\">\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi>600.00<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#3647;<\/span><\/bdi><\/span><\/span>\n<\/div>\t\t<\/div>\n\t<\/div>\n\t\t<\/div>\n<\/div><div class=\"product-small col has-hover product type-product post-888 status-publish instock product_cat-book has-post-thumbnail downloadable taxable shipping-taxable purchasable product-type-simple\">\n\t<div class=\"col-inner\">\n\t\n<div class=\"badge-container absolute left top z-1\">\n\n<\/div>\n\t<div class=\"product-small box \">\n\t\t<div class=\"box-image\">\n\t\t\t<div class=\"image-fade_in_back\">\n\t\t\t\t<a href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product=%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%aa%e0%b8%b7%e0%b9%88%e0%b8%ad%e0%b8%82%e0%b9%88%e0%b8%b2%e0%b8%a7%e0%b8%97%e0%b8%b5%e0%b9%88%e0%b9%84%e0%b8%ab%e0%b8%a7%e0%b8%a3%e0%b8%b9%e0%b9%89%e0%b8%95%e0%b9%88\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/05\/Mockup-01-300x300.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\u0e01\u0e32\u0e23\u0e2a\u0e37\u0e48\u0e2d\u0e02\u0e48\u0e32\u0e27\u0e17\u0e35\u0e48\u0e44\u0e2b\u0e27\u0e23\u0e39\u0e49\u0e15\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e02\u0e31\u0e14\u0e41\u0e22\u0e49\u0e07\" srcset=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/05\/Mockup-01-300x300.png 300w, https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/05\/Mockup-01-1024x1024.png 1024w, https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/05\/Mockup-01-150x150.png 150w, https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/05\/Mockup-01-768x768.png 768w, https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/05\/Mockup-01-1536x1536.png 1536w, https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/05\/Mockup-01-600x600.png 600w, https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/05\/Mockup-01-100x100.png 100w, https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/05\/Mockup-01.png 2000w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small top right show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small hide-for-small bottom left show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover\">\n\t\t\t\t<a href=\"#quick-view\" class=\"quick-view\" role=\"button\" data-prod=\"888\" aria-haspopup=\"dialog\" aria-expanded=\"false\" data-flatsome-role-button>Quick View<\/a>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text box-text-products\">\n\t\t\t<div class=\"title-wrapper\">\t\t<p class=\"category uppercase is-smaller no-text-overflow product-cat op-8\">\n\t\t\tBook\t\t<\/p>\n\t<p class=\"name product-title woocommerce-loop-product__title\"><a href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product=%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%aa%e0%b8%b7%e0%b9%88%e0%b8%ad%e0%b8%82%e0%b9%88%e0%b8%b2%e0%b8%a7%e0%b8%97%e0%b8%b5%e0%b9%88%e0%b9%84%e0%b8%ab%e0%b8%a7%e0%b8%a3%e0%b8%b9%e0%b9%89%e0%b8%95%e0%b9%88\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">\u0e01\u0e32\u0e23\u0e2a\u0e37\u0e48\u0e2d\u0e02\u0e48\u0e32\u0e27\u0e17\u0e35\u0e48\u0e44\u0e2b\u0e27\u0e23\u0e39\u0e49\u0e15\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e02\u0e31\u0e14\u0e41\u0e22\u0e49\u0e07<\/a><\/p><\/div><div class=\"price-wrapper\">\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi>0.00<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#3647;<\/span><\/bdi><\/span><\/span>\n<\/div>\t\t<\/div>\n\t<\/div>\n\t\t<\/div>\n<\/div><div class=\"product-small col has-hover product type-product post-582 status-publish last instock product_cat-all product_cat-pillow product_tag-commcraft01 has-post-thumbnail taxable shipping-taxable purchasable product-type-simple\">\n\t<div class=\"col-inner\">\n\t\n<div class=\"badge-container absolute left top z-1\">\n\n<\/div>\n\t<div class=\"product-small box \">\n\t\t<div class=\"box-image\">\n\t\t\t<div class=\"image-fade_in_back\">\n\t\t\t\t<a href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product=birds-of-pattani-bay\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/03\/COMMCRAFT-\u0e2b\u0e21\u0e2d\u0e19\u0e2d\u0e34\u0e07-Birds-of-Pattani-Bay-02.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\u0e2b\u0e21\u0e2d\u0e19\u0e2d\u0e34\u0e07 Birds of Pattani Bay\" \/><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/03\/COMMCRAFT-\u0e2b\u0e21\u0e2d\u0e19\u0e2d\u0e34\u0e07-Birds-of-Pattani-Bay-04.jpg\" class=\"show-on-hover absolute fill hide-for-small back-image\" alt=\"Alternative view of \u0e2b\u0e21\u0e2d\u0e19\u0e2d\u0e34\u0e07 Birds of Pattani Bay\" aria-hidden=\"true\" \/>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small top right show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small hide-for-small bottom left show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover\">\n\t\t\t\t<a href=\"#quick-view\" class=\"quick-view\" role=\"button\" data-prod=\"582\" aria-haspopup=\"dialog\" aria-expanded=\"false\" data-flatsome-role-button>Quick View<\/a>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text box-text-products\">\n\t\t\t<div class=\"title-wrapper\">\t\t<p class=\"category uppercase is-smaller no-text-overflow product-cat op-8\">\n\t\t\tAll\t\t<\/p>\n\t<p class=\"name product-title woocommerce-loop-product__title\"><a href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product=birds-of-pattani-bay\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">\u0e2b\u0e21\u0e2d\u0e19\u0e2d\u0e34\u0e07 Birds of Pattani Bay<\/a><\/p><\/div><div class=\"price-wrapper\">\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi>450.00<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#3647;<\/span><\/bdi><\/span><\/span>\n<\/div>\t\t<\/div>\n\t<\/div>\n\t\t<\/div>\n<\/div><div class=\"product-small col has-hover product type-product post-319 status-publish first instock product_cat-all product_cat-sticker product_tag-bloom has-post-thumbnail taxable shipping-taxable purchasable product-type-variable\">\n\t<div class=\"col-inner\">\n\t\n<div class=\"badge-container absolute left top z-1\">\n\n<\/div>\n\t<div class=\"product-small box \">\n\t\t<div class=\"box-image\">\n\t\t\t<div class=\"image-fade_in_back\">\n\t\t\t\t<a href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product=bs01\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/02\/Post-Sticker-21-01.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Bloom Sheet Sticker\" \/><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/02\/Post-Sticker-21.jpg\" class=\"show-on-hover absolute fill hide-for-small back-image\" alt=\"Alternative view of Bloom Sheet Sticker\" aria-hidden=\"true\" \/>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small top right show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small hide-for-small bottom left show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover\">\n\t\t\t\t<a href=\"#quick-view\" class=\"quick-view\" role=\"button\" data-prod=\"319\" aria-haspopup=\"dialog\" aria-expanded=\"false\" data-flatsome-role-button>Quick View<\/a>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text box-text-products\">\n\t\t\t<div class=\"title-wrapper\">\t\t<p class=\"category uppercase is-smaller no-text-overflow product-cat op-8\">\n\t\t\tAll\t\t<\/p>\n\t<p class=\"name product-title woocommerce-loop-product__title\"><a href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product=bs01\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">Bloom Sheet Sticker<\/a><\/p><\/div><div class=\"price-wrapper\">\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi>69.00<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#3647;<\/span><\/bdi><\/span><\/span>\n<\/div>\t\t<\/div>\n\t<\/div>\n\t\t<\/div>\n<\/div><div class=\"product-small col has-hover product type-product post-160 status-publish instock product_cat-all product_cat-t-shirt product_tag-bloom has-post-thumbnail taxable shipping-taxable purchasable product-type-variable\">\n\t<div class=\"col-inner\">\n\t\n<div class=\"badge-container absolute left top z-1\">\n\n<\/div>\n\t<div class=\"product-small box \">\n\t\t<div class=\"box-image\">\n\t\t\t<div class=\"image-fade_in_back\">\n\t\t\t\t<a href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product=osdft-01\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/02\/Post-Overzide-\u0e2a\u0e35\u0e14\u0e33-\u0e41\u0e1a\u0e1a\u0e2a\u0e01\u0e23\u0e35\u0e19-01-17.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Oversized Short Sleeve Bloom Tee (DFT01)\" \/><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/02\/Post-Oversized-\u0e2a\u0e35\u0e02\u0e32\u0e27-\u0e41\u0e1a\u0e1a\u0e2a\u0e01\u0e23\u0e35\u0e19-01-17.jpg\" class=\"show-on-hover absolute fill hide-for-small back-image\" alt=\"Alternative view of Oversized Short Sleeve Bloom Tee (DFT01)\" aria-hidden=\"true\" \/>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small top right show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small hide-for-small bottom left show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover\">\n\t\t\t\t<a href=\"#quick-view\" class=\"quick-view\" role=\"button\" data-prod=\"160\" aria-haspopup=\"dialog\" aria-expanded=\"false\" data-flatsome-role-button>Quick View<\/a>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text box-text-products\">\n\t\t\t<div class=\"title-wrapper\">\t\t<p class=\"category uppercase is-smaller no-text-overflow product-cat op-8\">\n\t\t\tAll\t\t<\/p>\n\t<p class=\"name product-title woocommerce-loop-product__title\"><a href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product=osdft-01\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">Oversized Short Sleeve Bloom Tee (DFT01)<\/a><\/p><\/div><div class=\"price-wrapper\">\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi>390.00<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#3647;<\/span><\/bdi><\/span><\/span>\n<\/div>\t\t<\/div>\n\t<\/div>\n\t\t<\/div>\n<\/div><div class=\"product-small col has-hover product type-product post-313 status-publish last instock product_cat-all product_cat-bags product_tag-bloom has-post-thumbnail taxable shipping-taxable purchasable product-type-simple\">\n\t<div class=\"col-inner\">\n\t\n<div class=\"badge-container absolute left top z-1\">\n\n<\/div>\n\t<div class=\"product-small box \">\n\t\t<div class=\"box-image\">\n\t\t\t<div class=\"image-fade_in_back\">\n\t\t\t\t<a href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product=bb01\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/02\/Bag-Tarpaulin-14-14.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Tarpaulin Bag \u201cCarry the Future\u201d\" \/><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/02\/Bag-Tarpaulin-13.jpg\" class=\"show-on-hover absolute fill hide-for-small back-image\" alt=\"Alternative view of Tarpaulin Bag \u201cCarry the Future\u201d\" aria-hidden=\"true\" \/>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small top right show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small hide-for-small bottom left show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover\">\n\t\t\t\t<a href=\"#quick-view\" class=\"quick-view\" role=\"button\" data-prod=\"313\" aria-haspopup=\"dialog\" aria-expanded=\"false\" data-flatsome-role-button>Quick View<\/a>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text box-text-products\">\n\t\t\t<div class=\"title-wrapper\">\t\t<p class=\"category uppercase is-smaller no-text-overflow product-cat op-8\">\n\t\t\tAll\t\t<\/p>\n\t<p class=\"name product-title woocommerce-loop-product__title\"><a href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product=bb01\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">Tarpaulin Bag \u201cCarry the Future\u201d<\/a><\/p><\/div><div class=\"price-wrapper\">\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi>650.00<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#3647;<\/span><\/bdi><\/span><\/span>\n<\/div>\t\t<\/div>\n\t<\/div>\n\t\t<\/div>\n<\/div><div class=\"product-small col has-hover out-of-stock product type-product post-590 status-publish first outofstock product_cat-scarf product_tag-commcraft01 has-post-thumbnail taxable shipping-taxable purchasable product-type-simple\">\n\t<div class=\"col-inner\">\n\t\n<div class=\"badge-container absolute left top z-1\">\n\n<\/div>\n\t<div class=\"product-small box \">\n\t\t<div class=\"box-image\">\n\t\t\t<div class=\"image-fade_in_back\">\n\t\t\t\t<a href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product=%e0%b8%8a%e0%b8%b2%e0%b8%a1%e0%b8%88%e0%b8%b1%e0%b8%99%e0%b8%97%e0%b8%a3%e0%b9%8c-cham-chan\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/03\/COMMCRAFT-\u0e0a\u0e32\u0e21\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c-Cham-Chan-02.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\u0e0a\u0e32\u0e21\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c (Cham Chan)\" \/><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/03\/COMMCRAFT-\u0e0a\u0e32\u0e21\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c-Cham-Chan-03.jpg\" class=\"show-on-hover absolute fill hide-for-small back-image\" alt=\"Alternative view of \u0e0a\u0e32\u0e21\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c (Cham Chan)\" aria-hidden=\"true\" \/>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small top right show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small hide-for-small bottom left show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover\">\n\t\t\t\t<a href=\"#quick-view\" class=\"quick-view\" role=\"button\" data-prod=\"590\" aria-haspopup=\"dialog\" aria-expanded=\"false\" data-flatsome-role-button>Quick View<\/a>\t\t\t<\/div>\n\t\t\t<div class=\"out-of-stock-label\">\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e2b\u0e21\u0e14\u0e41\u0e25\u0e49\u0e27<\/div>\t\t<\/div>\n\n\t\t<div class=\"box-text box-text-products\">\n\t\t\t<div class=\"title-wrapper\">\t\t<p class=\"category uppercase is-smaller no-text-overflow product-cat op-8\">\n\t\t\tScarf\t\t<\/p>\n\t<p class=\"name product-title woocommerce-loop-product__title\"><a href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product=%e0%b8%8a%e0%b8%b2%e0%b8%a1%e0%b8%88%e0%b8%b1%e0%b8%99%e0%b8%97%e0%b8%a3%e0%b9%8c-cham-chan\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">\u0e0a\u0e32\u0e21\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c (Cham Chan)<\/a><\/p><\/div><div class=\"price-wrapper\">\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi>550.00<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#3647;<\/span><\/bdi><\/span><\/span>\n<\/div>\t\t<\/div>\n\t<\/div>\n\t\t<\/div>\n<\/div><div class=\"product-small col has-hover product type-product post-265 status-publish instock product_cat-all product_cat-t-shirt product_tag-bloom has-post-thumbnail taxable shipping-taxable purchasable product-type-variable\">\n\t<div class=\"col-inner\">\n\t\n<div class=\"badge-container absolute left top z-1\">\n\n<\/div>\n\t<div class=\"product-small box \">\n\t\t<div class=\"box-image\">\n\t\t\t<div class=\"image-fade_in_back\">\n\t\t\t\t<a href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product=oldft-02\">\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/02\/Post_Oversized-Bloom_Long_Tee_Black_02-24.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Oversized Long Sleeve Bloom Tee (DFT02)\" \/><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/02\/Post-Overzide-\u0e41\u0e02\u0e19\u0e22\u0e32\u0e27-\u0e2a\u0e35\u0e02\u0e32\u0e27-\u0e41\u0e1a\u0e1a\u0e2a\u0e01\u0e23\u0e35\u0e19-02-24-1.jpg\" class=\"show-on-hover absolute fill hide-for-small back-image\" alt=\"Alternative view of Oversized Long Sleeve Bloom Tee (DFT02)\" aria-hidden=\"true\" \/>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small top right show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools is-small hide-for-small bottom left show-on-hover\">\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover\">\n\t\t\t\t<a href=\"#quick-view\" class=\"quick-view\" role=\"button\" data-prod=\"265\" aria-haspopup=\"dialog\" aria-expanded=\"false\" data-flatsome-role-button>Quick View<\/a>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text box-text-products\">\n\t\t\t<div class=\"title-wrapper\">\t\t<p class=\"category uppercase is-smaller no-text-overflow product-cat op-8\">\n\t\t\tAll\t\t<\/p>\n\t<p class=\"name product-title woocommerce-loop-product__title\"><a href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?product=oldft-02\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">Oversized Long Sleeve Bloom Tee (DFT02)<\/a><\/p><\/div><div class=\"price-wrapper\">\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi>390.00<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#3647;<\/span><\/bdi><\/span><\/span>\n<\/div>\t\t<\/div>\n\t<\/div>\n\t\t<\/div>\n<\/div><\/div>\t\t<div class=\"ux-relay__control ux-relay__control--bottom container pb-half text-center\">\n\t\t\t<ul class=\"ux-relay__pagination page-numbers nav-pagination links\"><li><span aria-current=\"page\" class=\"page-number current\">1<\/span><\/li><li><a class=\"page-number\" href=\"#\/page\/2\">2<\/a><\/li><li><a class=\"page-number\" href=\"#\/page\/3\">3<\/a><\/li><li><a aria-label=\"\u0e16\u0e31\u0e14\u0e44\u0e1b\" class=\"next page-number\" href=\"#\/page\/2\"><i class=\"icon-angle-right\" aria-hidden=\"true\"><\/i><\/a><\/li><\/ul>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n\n\t<div id=\"gap-178543335\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-178543335 {\n  padding-top: 40px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t<div id=\"gap-1608498305\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1608498305 {\n  padding-top: 40px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row\"  id=\"row-372788199\">\n\n\n\t<div id=\"col-2140720778\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n  <div class=\"banner has-hover bg-zoom-fade bg-glow\" id=\"banner-1510619010\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/03\/Brand-Identity-COMMCRAFT-07.jpg\" class=\"bg attachment-original size-original\" alt=\"\" \/>                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?page_id=573\"><div class=\"fill banner-link\"><\/div><\/a>            \n\n   <div id=\"text-box-1052871251\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1052871251 {\n  width: 60%;\n}\n#text-box-1052871251 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-1052871251 {\n    width: 60%;\n  }\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1510619010 {\n  padding-top: 56.25%;\n}\n#banner-1510619010 .banner-bg img {\n  object-position: 50% 50%;\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-765068257\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n  <div class=\"banner has-hover bg-zoom-fade\" id=\"banner-965395878\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/03\/Brand-Identity-COMMCRAFT-09.jpg\" class=\"bg attachment-original size-original\" alt=\"\" \/>                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?page_id=364\"><div class=\"fill banner-link\"><\/div><\/a>            \n\n   <div id=\"text-box-531163162\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-531163162 {\n  width: 60%;\n}\n#text-box-531163162 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-531163162 {\n    width: 60%;\n  }\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-965395878 {\n  padding-top: 56.25%;\n}\n#banner-965395878 .banner-bg img {\n  object-position: 50% 50%;\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-639893934\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n  <div class=\"banner has-hover bg-zoom-fade\" id=\"banner-1980751731\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/wp-content\/uploads\/2026\/03\/Brand-Identity-COMMCRAFT-08.jpg\" class=\"bg attachment-original size-original\" alt=\"\" \/>                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <a class=\"fill\" href=\"http:\/\/about-us\"><div class=\"fill banner-link\"><\/div><\/a>            \n\n   <div id=\"text-box-1174645351\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1174645351 {\n  width: 60%;\n}\n#text-box-1174645351 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-1174645351 {\n    width: 60%;\n  }\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1980751731 {\n  padding-top: 56.25%;\n}\n#banner-1980751731 .banner-bg img {\n  object-position: 50% 50%;\n}\n<\/style>\n  <\/div>\n\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"container section-title-container\" ><h1 class=\"section-title section-title-center\"><b aria-hidden=\"true\"><\/b><span class=\"section-title-main\" style=\"font-size:undefined%;\">\u0e02\u0e48\u0e32\u0e27\u0e2a\u0e32\u0e23<\/span><b aria-hidden=\"true\"><\/b><\/h1><\/div>\n\n\n  \n    <div class=\"row large-columns-4 medium-columns-3 small-columns-1 slider row-slider slider-nav-reveal slider-nav-push\"  data-flickity-options='{&quot;imagesLoaded&quot;: true, &quot;groupCells&quot;: &quot;100%&quot;, &quot;dragThreshold&quot; : 5, &quot;cellAlign&quot;: &quot;left&quot;,&quot;wrapAround&quot;: true,&quot;prevNextButtons&quot;: true,&quot;percentPosition&quot;: true,&quot;pageDots&quot;: false, &quot;rightToLeft&quot;: false, &quot;autoPlay&quot; : false}' >\n\n  <div class=\"col post-item\" data-animate=\"fadeInLeft\">\n\t\t\t<div class=\"col-inner\">\n\t\t\t\t<div class=\"box box-text-bottom box-blog-post has-hover\">\n          \t\t\t\t\t<div class=\"box-text text-center\" >\n\t\t\t\t\t<div class=\"box-text-inner blog-post-inner\">\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<h5 class=\"post-title is-large \">\n\t\t\t\t\t\t<a href=\"https:\/\/www.commsci.psu.ac.th\/commcraft\/?p=1\" class=\"plain\">Hello world!<\/a>\n\t\t\t\t\t<\/h5>\n\t\t\t\t\t<div class=\"post-meta is-small op-8\">15\/05\/2025<\/div>\t\t\t\t\t<div class=\"is-divider\"><\/div>\n\t\t\t\t\t\t\t\t\t\t<p class=\"from_the_blog_excerpt \">\n\t\t\t\t\t\tWelcome to Word [...]\t\t\t\t\t<\/p>\n\t\t\t\t\t                                            <p class=\"from_the_blog_comments uppercase is-xsmall\">\n                            1 \u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e40\u0e2b\u0e47\u0e19                        <\/p>\n                    \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":90,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-544","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.commsci.psu.ac.th\/commcraft\/index.php?rest_route=\/wp\/v2\/pages\/544","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.commsci.psu.ac.th\/commcraft\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.commsci.psu.ac.th\/commcraft\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.commsci.psu.ac.th\/commcraft\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.commsci.psu.ac.th\/commcraft\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=544"}],"version-history":[{"count":17,"href":"https:\/\/www.commsci.psu.ac.th\/commcraft\/index.php?rest_route=\/wp\/v2\/pages\/544\/revisions"}],"predecessor-version":[{"id":639,"href":"https:\/\/www.commsci.psu.ac.th\/commcraft\/index.php?rest_route=\/wp\/v2\/pages\/544\/revisions\/639"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.commsci.psu.ac.th\/commcraft\/index.php?rest_route=\/wp\/v2\/media\/90"}],"wp:attachment":[{"href":"https:\/\/www.commsci.psu.ac.th\/commcraft\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}