{"id":2034,"date":"2024-03-01T03:54:50","date_gmt":"2024-03-01T03:54:50","guid":{"rendered":"https:\/\/khogiaodienmau.net\/muathemewp\/huong-dan-su-dung-flatsome-nang-cao-chi-tiet-2023\/"},"modified":"2024-03-01T03:55:05","modified_gmt":"2024-03-01T03:55:05","slug":"huong-dan-su-dung-flatsome-nang-cao-chi-tiet-2023","status":"publish","type":"post","link":"https:\/\/khogiaodienmau.net\/muathemewp\/huong-dan-su-dung-flatsome-nang-cao-chi-tiet-2023\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023"},"content":{"rendered":"<\/p>\n<div class=\"entry-content single-page\">\n<div id=\"ftwp-postcontent\">\n<p><strong>Flatsome l\u00e0 m\u1ed9t Theme \u0111a \u0111\u1ee5ng v\u00e0 n\u1ed5i ti\u1ebfng trong WordPress, n\u00f3 th\u01b0\u1eddng \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 thi\u1ebft k\u1ebf website b\u00e1n h\u00e0ng v\u00e0 th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. M\u1ed7i khi nh\u1eafc \u0111\u1ebfn vi\u1ec7c l\u00e0m m\u1ed9t trang web \u0111\u1ec3 b\u00e1n h\u00e0ng th\u00ec ng\u01b0\u1eddi ta s\u1ebd nh\u1eafc \u0111\u1ebfn Woocommerce, m\u1ed7i khi nh\u1eafc \u0111\u1ebfn Woocommerce th\u00ec kh\u00f4ng ai l\u00e0 kh\u00f4ng bi\u1ebft \u0111\u1ebfn Flatsome. Ra \u0111\u1eddi \u0111\u01b0\u1ee3c m\u1ea5y n\u0103m r\u1ed3i nh\u01b0ng \u0111\u1ebfn nay theme n\u00e0y v\u1eabn r\u1ea5t hot. Trong b\u00e0i vi\u1ebft n\u00e0y m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn c\u00e1c b\u1ea1n s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft t\u1eeb a \u0111\u1ebfn z nh\u00e9.<\/strong><\/p>\n<h2 id=\"ftoc-heading-1\" class=\"ftwp-heading\"><span id=\"Huong_dan_Thiet_ke_Responsive_voi_UX_Builder\"><strong>H\u01b0\u1edbng d\u1eabn Thi\u1ebft k\u1ebf Responsive v\u1edbi UX Builder<\/strong><\/span><\/h2>\n<p>Responsive l\u00e0 thi\u1ebft k\u1ebf \u0111\u00e1p \u1ee9ng cho m\u1ecdi lo\u1ea1i thi\u1ebft b\u1ecb, \u0111\u1ec3 website hi\u1ec3n th\u1ecb t\u1ed1t tr\u00ean c\u1ea3 \u0111i\u1ec7n tho\u1ea1i, m\u00e1y t\u00ednh b\u1ea3ng, v\u00e0 pc. Th\u00f4ng th\u01b0\u1eddng ch\u00fang ta s\u1eed d\u1ee5ng code \u0111\u1ec3 l\u00e0m \u0111i\u1ec1u n\u00e0y, s\u1eed d\u1ee5ng @media screen thi\u1ebft l\u1eadp t\u1eebng \u0111\u1ed9 r\u1ed9ng m\u00e0n h\u00ecnh t\u01b0\u01a1ng \u1ee9ng s\u1ebd c\u00f3 nh\u1eefng class c\u00f3 thu\u1ed9c t\u00ednh th\u1ec3 hi\u1ec7n ra kh\u00e1c nhau. N\u1ebfu nh\u01b0 b\u1ea1n kh\u00f4ng gi\u1ecfi code th\u00ec s\u1ebd kh\u00e1 l\u00e0 th\u1ea5y r\u1ed1i r\u1eafm, tuy nhi\u00ean n\u00f3 s\u1ebd nh\u1eb9 nh\u00e0ng h\u01a1n n\u1ebfu b\u1ea1n \u0111ang s\u1eed d\u1ee5ng m\u1ed9t theme hi\u1ec7n \u0111\u1ea1i. C\u00e1c theme hi\u1ec7n \u0111\u1ea1i ng\u00e0y nay \u0111\u1ec1u \u0111\u01b0\u1ee3c t\u00edch h\u1ee3p c\u00e1c ch\u1ee9c n\u0103ng gi\u1ea3i quy\u1ebft Responsive m\u1ed9t c\u00e1ch \u0111\u01a1n gi\u1ea3n v\u00e0 d\u1ec5 d\u00e0ng.\u00a0<strong>Flatsome<\/strong>\u00a0c\u0169ng n\u1eb1m trong s\u1ed1 \u0111\u00f3.<\/p>\n<p>\u0110\u1ea7u ti\u00ean c\u00e1c b\u1ea1n t\u1ea1o m\u1ed9t trang m\u1edbi \u0111\u1ec3 b\u1eaft \u0111\u1ea7u th\u1ef1c h\u00e0nh, c\u00e1ch n\u00e0y s\u1ebd gi\u00fap b\u1ea1n hi\u1ec3u r\u00f5 v\u1ec1 Responsite nhanh ch\u00f3ng tr\u00ean Flatsome. \u1ede giao di\u1ec7n Admin, b\u1ea5m v\u00e0o n\u00fat \u201c<strong>Th\u00eam trang m\u1edbi\u201d<\/strong>\u00a0n\u1eb1m \u1edf ph\u1ea7n trang, sau \u0111\u00f3 b\u1ea5m n\u00fat \u201cTh\u00eam trang m\u1edbi\u201d, c\u1eeda s\u1ed1 k\u1ebf ti\u1ebfp hi\u1ec7n ra, c\u00e1c b\u1ea1n \u0111i\u1ec1n t\u00ean trang v\u00e0o \u00f4 text box b\u00ean d\u01b0\u1edbi:<\/p>\n<figure id=\"attachment_209\" aria-describedby=\"caption-attachment-209\" style=\"width: 1020px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-209\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/capture-1024x181-2.webp\" alt=\"Th\u00eam trang m\u1edbi\" width=\"1020\" height=\"180\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 23\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/capture-1024x181-2-300x53.webp 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/capture-1024x181-2-768x136.webp 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/capture-1024x181-2-600x106.webp 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/capture-1024x181-2.webp 1024w\"><figcaption id=\"caption-attachment-209\" class=\"wp-caption-text\">Th\u00eam trang m\u1edbi<\/figcaption><\/figure>\n<p>Sau khi nh\u1eadp xong th\u00ec b\u1ea5m n\u00fat \u201c<strong>\u0110\u0103ng<\/strong>\u201d m\u00e0u xanh \u1edf g\u00f3c tr\u00ean c\u00f9ng b\u00ean ph\u1ea3i. \u0110\u1ee3i n\u00f3 load xong b\u1ea5m ti\u1ebfp \u201c<strong>Edit with UX Builder<\/strong>\u201c:<\/p>\n<figure id=\"attachment_210\" aria-describedby=\"caption-attachment-210\" style=\"width: 1020px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-210\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/sua-voi-ux-builder-1024x58-2.webp\" alt=\"Edit v\u1edbi Ux Builder\" width=\"1020\" height=\"58\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 24\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/sua-voi-ux-builder-1024x58-2-300x17.webp 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/sua-voi-ux-builder-1024x58-2-768x44.webp 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/sua-voi-ux-builder-1024x58-2-600x34.webp 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/sua-voi-ux-builder-1024x58-2.webp 1024w\"><figcaption id=\"caption-attachment-210\" class=\"wp-caption-text\">Edit v\u1edbi Ux Builder<\/figcaption><\/figure>\n<p>\u0110\u00e2y ch\u00ednh l\u00e0 giao di\u1ec7n c\u1ee7a Ux Builder khi b\u1ea1n v\u1eeba t\u1ea1o trang:<\/p>\n<figure id=\"attachment_211\" aria-describedby=\"caption-attachment-211\" style=\"width: 1020px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-211\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/giai-dien-ux-builder-1024x135-2.webp\" alt=\"Giao di\u1ec7n Ux Builder\" width=\"1020\" height=\"134\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 25\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/giai-dien-ux-builder-1024x135-2-300x40.webp 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/giai-dien-ux-builder-1024x135-2-768x101.webp 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/giai-dien-ux-builder-1024x135-2-600x79.webp 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/giai-dien-ux-builder-1024x135-2.webp 1024w\"><figcaption id=\"caption-attachment-211\" class=\"wp-caption-text\">Giao di\u1ec7n Ux Builder<\/figcaption><\/figure>\n<p>Ti\u1ebfp theo, b\u1ea5m n\u00fat \u201c<strong>Add elements<\/strong>\u201d g\u00f3c b\u00ean tr\u00e1i, m\u1ed9t c\u1eeda s\u1ed5 m\u1edbi hi\u1ec7n ra t\u1ea1i \u0111\u00f3, c\u00e1c b\u1ea1n ch\u1ecdn v\u00e0o \u00f4 \u201c<strong>Row\u201d,<\/strong>\u00a0sau \u0111\u00f3 ch\u1ecdn \u00f4 \u201c<strong>3 Columns<\/strong>\u201c, k\u00e9o chu\u1ed9t xu\u1ed1ng d\u01b0\u1edbi c\u00f3 n\u00fat \u201c<strong>Apply<\/strong>\u201d m\u00e0u xanh, b\u1ea5m ch\u1ecdn n\u00fat n\u00e0y.<\/p>\n<figure id=\"attachment_212\" aria-describedby=\"caption-attachment-212\" style=\"width: 1020px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-212\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/chon-row-1024x394-2.webp\" alt=\"Ch\u1ecdn \u00f4 Row\" width=\"1020\" height=\"392\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 26\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/chon-row-1024x394-2-300x115.webp 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/chon-row-1024x394-2-768x296.webp 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/chon-row-1024x394-2-600x231.webp 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/chon-row-1024x394-2.webp 1024w\"><figcaption id=\"caption-attachment-212\" class=\"wp-caption-text\">Ch\u1ecdn \u00f4 Row<\/figcaption><\/figure>\n<p>\u1ea4n ti\u1ebfp v\u00e0o n\u00fat m\u0169i t\u00ean \u201c<strong>&lt;<\/strong>\u201d \u1edf b\u00ean tr\u00e1i \u0111\u1ec3 tr\u1edf ra, b\u1ea1n s\u1ebd th\u1ea5y to\u00e0n b\u1ed9 nh\u1eefng ph\u1ea7n t\u1eed m\u00ecnh m\u1edbi th\u00eam v\u00e0o ban \u0111\u1ea7u, bao g\u1ed3m m\u1ed9t \u201c<strong>Row<\/strong>\u201d v\u00e0 ba c\u00e1i \u201c<strong>Columns<\/strong>\u201d \u2013 4\/12 c\u00f3 ngh\u0129a l\u00e0 \u201cRow\u201d l\u00e0 m\u1ed9t d\u00f2ng (12 ph\u1ea7n) \u0111\u01b0\u1ee3c chia l\u00e0m 3 ph\u1ea7n (12 chia 3 b\u1eb1ng 4) ta s\u1ebd \u0111\u01b0\u1ee3c 3 c\u1ed9t (3 Columns).<\/p>\n<figure id=\"attachment_213\" aria-describedby=\"caption-attachment-213\" style=\"width: 1020px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-213\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/row-trong-flatsome-1024x160-2.webp\" alt=\"Row trong Flatsome\" width=\"1020\" height=\"159\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 27\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/row-trong-flatsome-1024x160-2-300x47.webp 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/row-trong-flatsome-1024x160-2-768x120.webp 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/row-trong-flatsome-1024x160-2-600x94.webp 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/row-trong-flatsome-1024x160-2.webp 1024w\"><figcaption id=\"caption-attachment-213\" class=\"wp-caption-text\">Row trong Flatsome<\/figcaption><\/figure>\n<p>B\u1ea1n c\u00f3 th\u1ec3\u00a0<strong>k\u00e9o th\u1ea3<\/strong>\u00a0c\u00e1c ph\u1ea7n t\u1eed n\u00e0y\u00a0<strong>d\u00e3n ra hay co l\u1ea1i<\/strong>\u00a0t\u00f9y \u00fd, c\u00f3 th\u1ec3 th\u00eam m\u1ed9t ph\u1ea7n t\u1eed kh\u00e1c b\u1eb1ng c\u00e1ch click v\u00e0o m\u1ed9t trong 3 \u00f4 \u1edf b\u00ean ph\u1ea3i (m\u00e0u xanh). v\u00e0 b\u1ea1n ch\u1ec9 c\u1ea7n \u0111i\u1ec1u ch\u1ec9nh chu\u1ed9t k\u00e9o th\u1ea3 \u0111\u1ec3 cho ch\u00fang\u00a0<strong>t\u1ef1 Responsite<\/strong>\u00a0theo \u00fd c\u1ee7a m\u00ecnh. Ngo\u00e0i ra b\u1ea1n c\u0169ng c\u00f3 th\u1ec3\u00a0<strong>ch\u1ec9nh c\u00e1c ch\u1ec9 s\u1ed1<\/strong>\u00a0c\u1ee7a c\u1ed9t, d\u00f2ng, ph\u1ea7n t\u1eed b\u1ea1n mu\u1ed1n, ch\u00fang \u0111\u1ec1u n\u1eb1m \u1edf \u00f4 b\u00ean tay tr\u00e1i c\u1ee7a b\u1ea1n, kh\u00f4ng c\u1ea7n bi\u1ebft code c\u0169ng l\u00e0m \u0111\u01b0\u1ee3c nh\u00e9, v\u1ec1 b\u1ea3n ch\u1ea5t ch\u1ec9 l\u00e0 \u0111i\u1ec1n v\u00e0o ch\u1ed7 tr\u1ed1ng cho s\u1eb5n m\u00e0 th\u00f4i.<\/p>\n<p>\u0110\u00e2y m\u1edbi l\u00e0 ph\u1ea7n hay nh\u1ea5t v\u00e0 h\u1eefu \u00edch nh\u1ea5t, b\u1ea1n quan s\u00e1t \u1edf g\u00f3c b\u00ean ph\u00eda tay tr\u00e1i ngo\u00e0i c\u00f9ng, c\u00f3 3 bi\u1ec3u t\u01b0\u1ee3ng icon h\u00ecnh \u0111i\u1ec7n tho\u1ea1i, m\u00e1y t\u00ednh b\u1ea3ng, PC, t\u01b0\u01a1ng \u1ee9ng v\u1edbi c\u00e1c thi\u1ebft b\u1ecb kh\u00e1c nhau b\u1ea1n c\u00f3 th\u1ec3 Responsive ch\u00fang t\u1ea1i \u0111\u00e2y.<\/p>\n<figure id=\"attachment_214\" aria-describedby=\"caption-attachment-214\" style=\"width: 1006px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-214\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/responsive-flatsome-1.webp\" alt=\"Responsive theo m\u00e0n h\u00ecnh\" width=\"1006\" height=\"674\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 28\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/responsive-flatsome-1-300x201.webp 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/responsive-flatsome-1.webp 561w\"><figcaption id=\"caption-attachment-214\" class=\"wp-caption-text\">Responsive theo m\u00e0n h\u00ecnh<\/figcaption><\/figure>\n<p>B\u1ea5m v\u00e0o m\u1ed9t ph\u1ea7n t\u1eed b\u1ea5t k\u1ef3 \u1edf b\u00ean tr\u00e1i, s\u1ebd c\u00f3 m\u1ed9t c\u1eeda s\u1ed5 m\u1edbi hi\u1ec7n ra, sau \u0111\u1ea5y b\u1ea5m v\u00e0o n\u00fat h\u00ecnh \u0111i\u1ec7n tho\u1ea1i \u1edf b\u00ean ph\u1ea3i, l\u00fac n\u00e0y, b\u1ea1n \u0111ang ch\u1ec9nh s\u1eeda trang web v\u1edbi ki\u1ec3u hi\u1ec3n th\u1ecb tr\u00ean \u0111i\u1ec7n tho\u1ea1i r\u1ed3i, kh\u00f4ng c\u1ea7n bi\u1ebft code hay ki\u1ebfn th\u1ee9c \u0111\u1ed9 ph\u00e2n gi\u1ea3i m\u00e0n h\u00ecnh bao nhi\u00eau pixel, qu\u00e1 ti\u1ec7n ph\u1ea3i kh\u00f4ng n\u00e0o.<\/p>\n<figure id=\"attachment_215\" aria-describedby=\"caption-attachment-215\" style=\"width: 1020px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-215\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/responsive-1-flatsome-1024x484-2.webp\" alt=\"Responsive v\u1edbi nhi\u1ec1u thi\u1ebft b\u1ecb\" width=\"1020\" height=\"482\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 29\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/responsive-1-flatsome-1024x484-2-300x142.webp 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/responsive-1-flatsome-1024x484-2-768x363.webp 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/responsive-1-flatsome-1024x484-2-600x284.webp 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/responsive-1-flatsome-1024x484-2.webp 1024w\"><figcaption id=\"caption-attachment-215\" class=\"wp-caption-text\">Responsive v\u1edbi nhi\u1ec1u thi\u1ebft b\u1ecb<\/figcaption><\/figure>\n<p>B\u1ea1n \u0111\u1ec3 \u00fd nh\u1eefng thu\u1ed9c t\u00ednh \u1edf trong h\u00ecnh nh\u01b0:\u00a0<strong>Width, Padding, Margin,<\/strong>\u00a0hay bi\u1ec3u t\u01b0\u1ee3ng \u0111i\u1ec7n tho\u1ea1i b\u00ean ph\u1ea3i c\u00f3 ch\u1ea5m nh\u1ecf kh\u00f4ng. \u0110i\u1ec1u n\u00e0y c\u00f3 \u00fd ngh\u0129a g\u00ec. R\u1ea5t \u0111\u01a1n gi\u1ea3n, ch\u00fang c\u00f3 ngh\u0129a l\u00e0 b\u1ea1n c\u00f3 th\u1ec3\u00a0<strong>Responsive<\/strong>\u00a0v\u1edbi ch\u00fang, \u0111i\u1ec1u ch\u1ec9nh th\u00f4ng s\u1ed1 n\u00e0y theo t\u1eebng lo\u1ea1i m\u00e0n h\u00ecnh: Mobile, Tablet, PC.<\/p>\n<p>B\u1ea1n ch\u1ec9 c\u1ea7n b\u1ea5m ch\u1ecdn t\u1eebng lo\u1ea1i thi\u1ebft b\u1ecb m\u1ed9t \u0111\u1ec3 s\u1eeda c\u00e1ch ch\u00fang hi\u1ec3n th\u1ecb nh\u01b0 th\u1ebf n\u00e0o. N\u1ebfu \u0111\u1ec3 \u00fd k\u1ef9 b\u1ea1n s\u1ebd th\u1ea5y c\u00e1c ch\u1ea5m n\u00e0y l\u00fac c\u00f3 m\u00e0u xanh l\u00fac th\u00ec kh\u00f4ng c\u00f3 m\u00e0u g\u00ec, t\u1ea1i sao l\u1ea1i nh\u01b0 v\u1eady. C\u0169ng d\u1ec5 hi\u1ec3u th\u00f4i, m\u00e0u xanh c\u00f3 ngh\u0129a l\u00e0 ch\u00fang \u0111ang \u0111\u01b0\u1ee3c \u0111i\u1ec1u ch\u1ec9nh kh\u00e1c bi\u1ec7t \u1edf m\u1ed9t thi\u1ebft b\u1ecb so v\u1edbi c\u00e1c thi\u1ebft b\u1ecb kh\u00e1c. V\u00ed d\u1ee5, \u1edf PC b\u1ea1n kh\u00f4ng ch\u1ec9nh s\u1eeda g\u00ec cho m\u1ed9t b\u1ee9c \u1ea3nh, nh\u01b0ng qua \u0111i\u1ec7n tho\u1ea1i th\u1ea5y n\u00f3 l\u1edbn qu\u00e1 b\u1ea1n mu\u1ed1n thu nh\u1ecf n\u00f3 l\u1ea1i. B\u1ea1n ch\u1ec9 c\u1ea7n b\u1ea5m n\u00fat \u0111i\u1ec7n tho\u1ea1i \u1edf b\u00ean ph\u1ea3i sau \u0111\u00f3 v\u00e0o ch\u1ec9nh s\u1eeda th\u00f4ng s\u1ed1 \u201cheight\u201d cho n\u00f3 l\u00e0 \u0111\u01b0\u1ee3c, l\u00fac n\u00e0y, ch\u1ea5m tr\u00f2n ban \u0111\u1ea7u \u1edf thu\u1ed9c t\u00ednh \u201cheight\u201d kh\u00f4ng c\u00f3 m\u00e0u g\u00ec b\u1ed7ng d\u01b0ng s\u00e1ng l\u00ean m\u00e0u xanh. Kh\u00e1 l\u00e0 d\u1ec5 hi\u1ec3u \u0111\u00fang kh\u00f4ng n\u00e0o.<\/p>\n<h2 id=\"ftoc-heading-2\" class=\"ftwp-heading\"><span id=\"Tao_mot_Footer_dep_mat_chuyen_nghiep_su_dung_UX_Builder\"><strong>T\u1ea1o m\u1ed9t Footer \u0111\u1eb9p m\u1eaft chuy\u00ean nghi\u1ec7p s\u1eed d\u1ee5ng UX Builder<\/strong><\/span><\/h2>\n<p>Flatsome lu\u00f4n c\u00f3 m\u1ed9t kh\u1ea3 n\u0103ng t\u00f9y bi\u1ebfn m\u1ea1nh m\u1ebd v\u00f4 c\u00f9ng, n\u00f3 l\u00e0 m\u1ed9t lo\u1ea1i \u201cPage Builder\u201d kh\u00e1 l\u00e0 m\u1ea1nh m\u1ebd \u0111\u01b0\u1ee3c t\u00edch h\u1ee3p s\u1eb5n v\u00e0o Theme. Ch\u00fang ta c\u00f3 th\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c nhi\u1ec1u th\u1ee9 v\u1edbi t\u00ednh n\u0103ng x\u1ecbn x\u00f2 kh\u00f4ng k\u00e9m g\u00ec v\u1edbi c\u00e1c plugin hay tr\u00ecnh k\u00e9o th\u1ea3 chuy\u00ean nghi\u1ec7p kh\u00e1c. Sau \u0111\u00e2y m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn c\u00e1c b\u1ea1n s\u1eed d\u1ee5ng UX Builder trong Flatsome \u0111\u1ec3 t\u1ea1o m\u1ed9t Footer \u0111\u1eb9p m\u1eaft.<\/p>\n<p>Theo m\u1eb7c \u0111\u1ecbnh khi ch\u00fang ta s\u1eed d\u1ee5ng ch\u1ee9c n\u0103ng Import d\u1eef li\u1ec7u demo Flasome l\u00fac ban \u0111\u1ea7u, s\u1ebd t\u1ed3n t\u1ea1i Footer m\u1eabu c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng \u0111\u01b0\u1ee3c, tuy nhi\u00ean n\u00f3 kh\u00f4ng \u0111\u01b0\u1ee3c \u0111\u1eb9p m\u1eaft cho l\u1eafm, ch\u00ed \u00edt v\u1edbi ng\u01b0\u1eddi vi\u1ec7t nam nh\u00ecn v\u00e0o lo\u1ea1i Footer n\u00e0y kh\u00f4ng c\u00f3 m\u1ea5y thi\u1ec7n c\u1ea3m g\u00ec. Ch\u00ed c\u00f3 v\u00e0i s\u1ea3n ph\u1ea9m \u0111\u01b0\u1ee3c li\u1ec7t k\u00ea trong danh s\u00e1ch v\u00e0 kh\u1ea3 n\u0103ng t\u00f9y bi\u1ebfn ch\u01b0a \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u:<\/p>\n<figure id=\"attachment_216\" aria-describedby=\"caption-attachment-216\" style=\"width: 1020px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-216\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/footer-mac-dinh-flatsome-1024x342-2.webp\" alt=\"Footer m\u1eb7c \u0111\u1ecbnh c\u1ee7a Flatsome\" width=\"1020\" height=\"341\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 30\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/footer-mac-dinh-flatsome-1024x342-2-300x100.webp 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/footer-mac-dinh-flatsome-1024x342-2-768x257.webp 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/footer-mac-dinh-flatsome-1024x342-2-600x200.webp 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/footer-mac-dinh-flatsome-1024x342-2.webp 1024w\"><figcaption id=\"caption-attachment-216\" class=\"wp-caption-text\">Footer m\u1eb7c \u0111\u1ecbnh c\u1ee7a Flatsome<\/figcaption><\/figure>\n<p>Th\u1ef1c t\u1ebf m\u00ecnh th\u1ea5y r\u1ea5t \u00edt c\u00e1c trang web b\u00e1n h\u00e0ng \u1edf Vi\u1ec7t Nam s\u1eed d\u1ee5ng lo\u1ea1i n\u00e0y, c\u00f3 th\u1ec3 trong m\u1eaft ng\u01b0\u1eddi n\u01b0\u1edbc ngo\u00e0i n\u00f3 \u0111\u1eb9p nh\u01b0ng kh\u00f4ng nh\u1ea5t thi\u1ebft ph\u1ea3i s\u1eed d\u1ee5ng \u0111\u1ebfn n\u00f3. Trong ph\u1ea7n n\u00e0y b\u1ea1n s\u1ebd \u0111\u01b0\u1ee3c h\u01b0\u1edbng d\u1eabn t\u1ef1 t\u00f9y bi\u1ebfn \u0111\u01b0\u1ee3c Footer c\u1ee7a Flatsome m\u00e0 kh\u00f4ng c\u1ea7n ph\u1ea3i s\u1eed d\u1ee5ng lo\u1ea1i truy\u1ec1n th\u1ed1ng \u0111\u01b0\u1ee3c t\u1ea1o s\u1eb5n.<\/p>\n<figure id=\"attachment_217\" aria-describedby=\"caption-attachment-217\" style=\"width: 1020px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-217\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/footer-mac-dinh-flatsome-1-1024x309-2.webp\" alt=\"M\u1ed9t lo\u1ea1i Footer m\u1eabu c\u1ee7a Flatsome\" width=\"1020\" height=\"308\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 31\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/footer-mac-dinh-flatsome-1-1024x309-2-300x91.webp 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/footer-mac-dinh-flatsome-1-1024x309-2-768x232.webp 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/footer-mac-dinh-flatsome-1-1024x309-2-600x181.webp 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/footer-mac-dinh-flatsome-1-1024x309-2.webp 1024w\"><figcaption id=\"caption-attachment-217\" class=\"wp-caption-text\">M\u1ed9t lo\u1ea1i Footer m\u1eabu c\u1ee7a Flatsome<\/figcaption><\/figure>\n<p>Tr\u01b0\u1edbc h\u1ebft b\u1ea1n c\u1ea7n bi\u1ebft m\u1ed9t kh\u00e1i ni\u1ec7m m\u1edbi:\u00a0<strong>Block<\/strong>, m\u00ecnh s\u1ebd gi\u1ea3i th\u00edch n\u1ebfu b\u1ea1n ch\u01b0a bi\u1ebft. Block l\u00e0 nh\u1eefng \u0111o\u1ea1n code, nh\u1eefng kh\u1ed1i bao g\u1ed3m nhi\u1ec1u ph\u1ea7n t\u1eed \u0111\u01b0\u1ee3c \u0111\u00f3ng g\u00f3i, c\u00f3 th\u1ec3 t\u00e1i s\u1eed d\u1ee5ng \u0111\u01b0\u1ee3c. B\u1ea1n c\u00f3 th\u1ec3 d\u00f9ng ch\u00fang \u1edf b\u1ea5t c\u1ee9 \u0111\u00e2u: Trang ch\u1ee7, trang con, b\u00e0i vi\u1ebft, trong m\u1ed9t Block kh\u00e1c. N\u00f3 s\u1ebd gi\u00fap ch\u00fang ta kh\u00f4ng ph\u1ea3i copy hay code l\u1ea1i, ti\u1ebft ki\u1ec7m c\u00f4ng s\u1ee9c v\u00e0 th\u1eddi gian.<\/p>\n<p>\u0110\u1ec3 t\u1ea1o m\u1ed9t Block m\u1edbi c\u00e1c b\u1ea1n v\u00e0o giao di\u1ec7n Admin, t\u00ecm \u0111\u1ebfn\u00a0<strong>UX Block &gt; Th\u00eam trang m\u1edbi.<\/strong><\/p>\n<figure id=\"attachment_218\" aria-describedby=\"caption-attachment-218\" style=\"width: 1020px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-218\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/tao-block-moi-1024x243-2.webp\" alt=\"T\u1ea1o block m\u1edbi\" width=\"1020\" height=\"242\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 32\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/tao-block-moi-1024x243-2-300x71.webp 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/tao-block-moi-1024x243-2-768x182.webp 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/tao-block-moi-1024x243-2-600x142.webp 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/tao-block-moi-1024x243-2.webp 1024w\"><figcaption id=\"caption-attachment-218\" class=\"wp-caption-text\">T\u1ea1o block m\u1edbi<\/figcaption><\/figure>\n<p>B\u1ea5m n\u00fat \u201c<strong>Th\u00eam trang m\u1edbi<\/strong>\u201c, B\u1ea1n \u0111i\u1ec1n t\u00ean trang v\u00e0o, r\u1ed3i b\u1ea5m ti\u1ebfp n\u00fat \u201c<strong>Edit with UX Builder<\/strong>\u201c. \u0110\u1ebfn \u0111\u00e2y b\u1ea1n c\u00f3 th\u1ec3 t\u1ef1 m\u00ecnh t\u1ea1o ra nh\u1eefng ph\u1ea7n t\u1eed \u0111\u1eb9p m\u1eaft cho Footer c\u1ee7a m\u00ecnh. S\u1ebd d\u1ec5 d\u00e0ng n\u1ebfu b\u1eaft \u0111\u1ea7u v\u1edbi\u00a0<strong>Section &gt; Row &gt; Column &gt; Icon Box.\u00a0<\/strong>Footer c\u1ee7a b\u1ea1n \u0111\u1eb9p \u0111\u1ebfn \u0111\u00e2u ph\u1ee5 thu\u1ed9c v\u00e0o kh\u1ea3 n\u0103ng s\u00e1ng t\u1ea1o c\u1ee7a b\u1ea1n. Ngo\u00e0i ra, c\u0169ng c\u00f3 th\u1ec3 th\u00eam c\u00e1c class v\u00e0o m\u1ed7i ph\u1ea7n t\u1eed \u0111\u1ec3 ti\u1ec7n cho vi\u1ec7c css sau n\u00e0y. Ch\u1ec9nh s\u1eeda l\u1ea1i th\u00f4ng qua css s\u1ebd gi\u00fap Footer \u0111\u1eb9p m\u1eaft h\u01a1n khi kh\u00e1ch h\u00e0ng quan s\u00e1t v\u00e0o, t\u1eeb \u0111\u00f3 t\u0103ng chuy\u1ec3n \u0111\u1ed5i v\u00e0 thu nh\u1eadp cho doanh nghi\u1ec7p c\u1ee7a b\u1ea1n.<\/p>\n<figure id=\"attachment_219\" aria-describedby=\"caption-attachment-219\" style=\"width: 1020px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-219\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/tao-footer-flatsome-1024x478-2.webp\" alt=\"M\u1ed9t v\u00ed d\u1ee5 v\u1ec1 t\u1ea1o Footer b\u1eb1ng UX Block\" width=\"1020\" height=\"476\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 33\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/tao-footer-flatsome-1024x478-2-300x140.webp 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/tao-footer-flatsome-1024x478-2-768x359.webp 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/tao-footer-flatsome-1024x478-2-600x280.webp 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/tao-footer-flatsome-1024x478-2.webp 1024w\"><figcaption id=\"caption-attachment-219\" class=\"wp-caption-text\">M\u1ed9t v\u00ed d\u1ee5 v\u1ec1 t\u1ea1o Footer b\u1eb1ng UX Block<\/figcaption><\/figure>\n<p>Khi \u0111\u00e3 t\u1ea1o \u0111\u01b0\u1ee3c Footer r\u1ed3i b\u1ea1n b\u1ea5m v\u00e0o n\u00fat \u201c<strong>Update<\/strong>\u201d \u0111\u1ec3 l\u01b0u l\u1ea1i Block n\u00e0y nh\u00e9. B\u1ea1n nh\u1edb t\u00ean c\u1ee7a n\u00f3 \u0111\u1ec3 l\u00e1t n\u1eefa m\u00ecnh s\u1ebd thay th\u1ebf Footer ch\u00ednh m\u1eb7c \u0111\u1ecbnh c\u1ee7a Flatsome.<\/p>\n<p>B\u00e2y gi\u1edd l\u00e0 l\u00fac hi\u1ec3n th\u1ecb Footer v\u1eeba t\u1ea1o ra ngo\u00e0i m\u00e0n h\u00ecnh trang ch\u1ee7. C\u00e1c b\u1ea1n truy c\u1eadp theo \u0111\u01b0\u1eddng d\u1eabn sau \u0111\u1ec3 \u0111\u1ebfn trang t\u00f9y bi\u1ebft Footer:<strong>\u00a0Giao di\u1ec7n &gt; T\u00f9y bi\u1ebfn &gt; Footer.\u00a0<\/strong>\u00a0M\u1ed9t c\u1eeda s\u1ed5 m\u1edbi hi\u1ec7n ra c\u00e1c b\u1ea1n ch\u1ecdn v\u00e0o \u00f4 seclect box \u1edf d\u00f2ng \u0111\u1ea7u ti\u00ean, ch\u1ecdn t\u00ean Block b\u1ea1n v\u1eeba t\u1ea1o Footer \u1edf \u0111\u00f3, v\u00ed d\u1ee5 trong tr\u01b0\u1eddng h\u1ee3p c\u1ee7a m\u00ecnh th\u00ec \u0111\u1eb7t l\u00e0 \u201cFooter\u201d, c\u1ee7a c\u00e1c b\u1ea1n c\u00f3 th\u1ec3 s\u1ebd \u0111\u1eb7t t\u00ean kh\u00e1c n\u00ean s\u1ebd nh\u00ecn kh\u00f4ng gi\u1ed1ng m\u00ecnh:<\/p>\n<figure id=\"attachment_220\" aria-describedby=\"caption-attachment-220\" style=\"width: 1020px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-220\" src=\"https:\/\/muathemewp.vn\/wp-content\/uploads\/2023\/01\/chon-footer-1024x487.webp\" alt=\"\u0110\u1eb7t Footer ch\u00ednh cho trang web\" width=\"1020\" height=\"485\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 34\"><figcaption id=\"caption-attachment-220\" class=\"wp-caption-text\">\u0110\u1eb7t Footer ch\u00ednh cho trang web<\/figcaption><\/figure>\n<p>Ch\u1ecdn xong r\u1ed3i b\u1ea5m v\u00e0o n\u00fat \u0111\u0103ng. Tho\u00e1t ra ngo\u00e0i, truy c\u1eadp m\u1ed9t trang b\u1ea5t k\u1ef3, k\u00e9o chu\u1ed9t xu\u1ed1ng d\u00f2ng d\u01b0\u1edbi c\u00f9ng quan s\u00e1t b\u1ea1n s\u1ebd th\u1ea5y Footer m\u00e0 b\u1ea1n v\u1eeba t\u1ea1o s\u1ebd \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb. Ch\u00fang s\u1ebd n\u1eb1m \u1edf v\u1ecb tr\u00ed \u0111\u00f3 trong t\u1ea5t c\u1ea3 c\u00e1c trang bao g\u1ed3m trang ch\u1ee7 v\u00e0 c\u00e1c trang con.<\/p>\n<h2 id=\"ftoc-heading-3\" class=\"ftwp-heading\"><span id=\"Tuy_bien_trang_San_pham_voi_UX_Builder\"><strong>T\u00f9y bi\u1ebfn trang S\u1ea3n ph\u1ea9m v\u1edbi UX Builder<\/strong><\/span><\/h2>\n<p>\u0110\u1ed1i v\u1edbi c\u00e1c website b\u00e1n h\u00e0ng, ngo\u00e0i trang ch\u1ee7 ra th\u00ec trang s\u1ea3n ph\u1ea9m c\u00f3 vai tr\u00f2 v\u00f4 c\u00f9ng quan tr\u1ecdng, n\u00f3 s\u1ebd quy\u1ebft \u0111\u1ecbnh b\u1ed9 m\u1eb7t c\u1ee7a Website hay b\u1ed9 m\u1eb7t c\u1ee7a c\u00f4ng ty, doanh nghi\u1ec7p. M\u1ed9t trang s\u1ea3n ph\u1ea9m \u0111\u1eb9p s\u1ebd g\u00e2y thi\u1ec7n c\u1ea3m cho kh\u00e1ch h\u00e0ng truy c\u1eadp v\u00e0 k\u00edch th\u00edch h\u1ecd mua s\u1ea3n ph\u1ea9m. Khi b\u1ea1n s\u1eed d\u1ee5ng Flatsome s\u1ebd \u0111\u01b0\u1ee3c t\u1ea1o s\u1eb5n trang s\u1ea3n ph\u1ea9m kh\u00e1 \u0111\u1ea7y \u0111\u1ee7 ch\u1ee9c n\u0103ng tuy nhi\u00ean th\u00ec kh\u00f4ng th\u1ec3 t\u00f9y bi\u1ebfn \u0111\u01b0\u1ee3c g\u00ec nhi\u1ec1u. N\u1ebfu b\u1ea1n mu\u1ed1n th\u00eam b\u1edbt m\u1ed9t c\u00e1i g\u00ec \u0111\u00f3 c\u1ea7n ph\u1ea3i d\u00f9ng \u0111\u1ebfn code \u1edf trong ph\u1ea7n<strong>\u00a0Giao di\u1ec7n &gt; T\u00f9y bi\u1ebfn &gt; Woocommerce &gt; Product Page.<\/strong><\/p>\n<p>Nh\u01b0\u1ee3c \u0111i\u1ec3m c\u1ee7a c\u00e1ch n\u00e0y l\u00e0 ph\u1ea3i bi\u1ebft code v\u00e0 ch\u1ec9 th\u00eam \u0111\u01b0\u1ee3c xung quanh n\u00fat \u201c<strong>Add to cart<\/strong>\u201d m\u00e0 th\u00f4i:<\/p>\n<figure id=\"attachment_221\" aria-describedby=\"caption-attachment-221\" style=\"width: 1014px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-221\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/o-them-code-trang-san-pham-1.webp\" alt=\"\u00d4 th\u00eam code v\u00e0o trang s\u1ea3n ph\u1ea9m\" width=\"1014\" height=\"603\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 35\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/o-them-code-trang-san-pham-1-300x178.webp 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/o-them-code-trang-san-pham-1-768x457.webp 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/o-them-code-trang-san-pham-1-600x357.webp 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/o-them-code-trang-san-pham-1.webp 802w\"><figcaption id=\"caption-attachment-221\" class=\"wp-caption-text\">\u00d4 th\u00eam code v\u00e0o trang s\u1ea3n ph\u1ea9m<\/figcaption><\/figure>\n<p>M\u1ed9t c\u00e1ch kh\u00e1c \u0111\u1ec3 kh\u1eafc ph\u1ee5c \u0111i\u1ec1u n\u00e0y l\u00e0 s\u1eed d\u1ee5ng \u201c<strong>Hook<\/strong>\u201c, hi\u1ec3u theo c\u00e1ch d\u00e2n d\u00e3 l\u00e0 ch\u00e8n nh\u1eefng \u0111o\u1ea1n m\u00e3 hay h\u00e0m function v\u00e0o nh\u1eefng v\u1ecb tr\u00ed m\u00e0 Woocommerce cho ch\u00e8n, c\u00fa ph\u00e1p \u0111\u1ec3 ch\u00e8n code v\u00e0o \u0111\u00fang v\u1ecb tr\u00ed c\u1ea7n ch\u00e8n nh\u01b0 sau:<\/p>\n<p><!-- Urvanov Syntax Highlighter v2.8.34 --><\/p>\n<div id=\"urvanov-syntax-highlighter-65db07cb42895278363930\" class=\"urvanov-syntax-highlighter-syntax crayon-theme-classic urvanov-syntax-highlighter-font-tahoma urvanov-syntax-highlighter-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\" style=\" margin-top: 12px; margin-bottom: 12px; font-size: 14px !important; line-height: 15px !important;\">\n<div class=\"crayon-toolbar\" data-settings=\" show\" style=\"font-size: 14px !important;height: 21px !important; line-height: 21px !important;\"><span class=\"crayon-title\"><\/span><\/p>\n<div class=\"crayon-tools\" style=\"font-size: 14px !important;height: 21px !important; line-height: 21px !important;\">\n<div class=\"crayon-button urvanov-syntax-highlighter-nums-button\" title=\"Toggle Line Numbers\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-plain-button\" title=\"Toggle Plain Code\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-wrap-button\" title=\"Toggle Line Wrap\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-expand-button\" title=\"Expand Code\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-copy-button\" title=\"Copy\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-popup-button\" title=\"Open Code In New Window\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"crayon-info\" style=\"min-height: 19.6px !important; line-height: 19.6px !important;\"><\/div>\n<div class=\"urvanov-syntax-highlighter-plain-wrap\"><textarea wrap=\"soft\" class=\"urvanov-syntax-highlighter-plain print-no\" data-settings=\"dblclick\" readonly style=\"-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 14px !important; line-height: 15px !important;\"><\/p>\n<p>add_action( &#8216;t\u00ean hook&#8217;, &#8216;h\u00e0m&#8217;, \u0111\u1ed9 \u01b0u ti\u00ean );<br \/>\n<\/textarea><\/div>\n<div class=\"urvanov-syntax-highlighter-main\" style=\"\">\n<table class=\"crayon-table\">\n<tr class=\"urvanov-syntax-highlighter-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"urvanov-syntax-highlighter-nums-content\" style=\"font-size: 14px !important; line-height: 15px !important;\">\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb42895278363930-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb42895278363930-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb42895278363930-3\">3<\/div>\n<\/div>\n<\/td>\n<td class=\"urvanov-syntax-highlighter-code\">\n<div class=\"crayon-pre\" style=\"font-size: 14px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;\">\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb42895278363930-1\">\u00a0<\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb42895278363930-2\"><span class=\"crayon-e\">add_action<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-s\">&#8216;t\u00ean hook&#8217;<\/span><span class=\"crayon-sy\">,<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-s\">&#8216;h\u00e0m&#8217;<\/span><span class=\"crayon-sy\">,<\/span><span class=\"crayon-h\"> <\/span>\u0111\u1ed9<span class=\"crayon-h\"> <\/span>\u01b0<span class=\"crayon-i\">u<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">ti<\/span>\u00ea<span class=\"crayon-i\">n<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb42895278363930-3\">\u00a0<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/table><\/div>\n<\/p><\/div>\n<p><!-- [Format Time: 0.0002 seconds] --><\/p>\n<p>\nV\u00ed d\u1ee5:<\/p>\n<p><!-- Urvanov Syntax Highlighter v2.8.34 --><\/p>\n<div id=\"urvanov-syntax-highlighter-65db07cb428a7356110256\" class=\"urvanov-syntax-highlighter-syntax crayon-theme-classic urvanov-syntax-highlighter-font-tahoma urvanov-syntax-highlighter-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\" style=\" margin-top: 12px; margin-bottom: 12px; font-size: 14px !important; line-height: 15px !important;\">\n<div class=\"crayon-toolbar\" data-settings=\" show\" style=\"font-size: 14px !important;height: 21px !important; line-height: 21px !important;\"><span class=\"crayon-title\"><\/span><\/p>\n<div class=\"crayon-tools\" style=\"font-size: 14px !important;height: 21px !important; line-height: 21px !important;\">\n<div class=\"crayon-button urvanov-syntax-highlighter-nums-button\" title=\"Toggle Line Numbers\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-plain-button\" title=\"Toggle Plain Code\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-wrap-button\" title=\"Toggle Line Wrap\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-expand-button\" title=\"Expand Code\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-copy-button\" title=\"Copy\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-popup-button\" title=\"Open Code In New Window\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"crayon-info\" style=\"min-height: 19.6px !important; line-height: 19.6px !important;\"><\/div>\n<div class=\"urvanov-syntax-highlighter-plain-wrap\"><textarea wrap=\"soft\" class=\"urvanov-syntax-highlighter-plain print-no\" data-settings=\"dblclick\" readonly style=\"-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 14px !important; line-height: 15px !important;\"><\/p>\n<p>add_action(\u00a0&#8216;woocommerce_before_main_content&#8217;,&#8217;woocommerce_breadcrumb&#8217;, 20, 0 );<br \/>\n<\/textarea><\/div>\n<div class=\"urvanov-syntax-highlighter-main\" style=\"\">\n<table class=\"crayon-table\">\n<tr class=\"urvanov-syntax-highlighter-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"urvanov-syntax-highlighter-nums-content\" style=\"font-size: 14px !important; line-height: 15px !important;\">\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a7356110256-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a7356110256-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a7356110256-3\">3<\/div>\n<\/div>\n<\/td>\n<td class=\"urvanov-syntax-highlighter-code\">\n<div class=\"crayon-pre\" style=\"font-size: 14px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;\">\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a7356110256-1\">\u00a0<\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a7356110256-2\"><span class=\"crayon-e\">add_action<\/span><span class=\"crayon-sy\">(<\/span>\u00a0<span class=\"crayon-s\">&#8216;woocommerce_before_main_content&#8217;<\/span><span class=\"crayon-sy\">,<\/span><span class=\"crayon-s\">&#8216;woocommerce_breadcrumb&#8217;<\/span><span class=\"crayon-sy\">,<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-cn\">20<\/span><span class=\"crayon-sy\">,<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-cn\">0<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a7356110256-3\">\u00a0<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/table><\/div>\n<\/p><\/div>\n<p><!-- [Format Time: 0.0001 seconds] --><\/p>\n<p>\nsau \u0111\u1ea5y b\u1ea1n s\u1ebd vi\u1ebft h\u00e0m \u1edf b\u00ean d\u01b0\u1edbi \u0111\u1ec3 th\u00eam code v\u00e0o l\u00e0 \u0111\u01b0\u1ee3c, c\u0169ng kh\u00e1 l\u00e0 \u0111\u01a1n gi\u1ea3n n\u1ebfu b\u1ea1n c\u00f3 s\u1eb5n m\u1ed9t ch\u00fat ki\u1ebfn th\u1ee9c v\u1ec1 php. C\u00f3 m\u1ed9t danh s\u00e1ch kh\u00e1 nhi\u1ec1u c\u00e1c v\u1ecb tr\u00ed m\u00e0 b\u1ea1n c\u00f3 th\u1ec3 ch\u00e8n code v\u00e0o trong trang s\u1ea3n ph\u1ea9m \u0111\u01a1n l\u1ebb:<\/p>\n<figure id=\"attachment_222\" aria-describedby=\"caption-attachment-222\" style=\"width: 955px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-222\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/hook-1-1.webp\" alt=\"M\u1ed9t s\u1ed1 hook trong trang s\u1ea3n ph\u1ea9m\" width=\"955\" height=\"885\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 36\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/hook-1-1-300x278.webp 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/hook-1-1-768x712.webp 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/hook-1-1-600x556.webp 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/hook-1-1.webp 955w\"><figcaption id=\"caption-attachment-222\" class=\"wp-caption-text\">M\u1ed9t s\u1ed1 hook trong trang s\u1ea3n ph\u1ea9m<\/figcaption><\/figure>\n<p>Nh\u01b0\u1ee3c \u0111i\u1ec3m c\u1ee7a c\u00e1ch n\u00e0y l\u00e0 b\u1ea1n ph\u1ea3i bi\u1ebft code th\u00ec m\u1edbi d\u00f9ng \u0111\u01b0\u1ee3c, kh\u00f4ng th\u00ec ph\u1ea3i tham kh\u1ea3o t\u00e0i li\u1ec7u b\u00ean ngo\u00e0i m\u1edbi t\u1ea1o \u0111\u01b0\u1ee3c ch\u1ee9c n\u0103ng theo \u00fd th\u00edch. V\u1edbi ti\u00eau ch\u00ed c\u1ee7a Flatsome l\u00e0 d\u00f9ng \u00edt code nh\u1ea5t c\u00f3 th\u1ec3, Ux Block l\u00e0m r\u1ea5t t\u1ed1t \u0111i\u1ec1u n\u00e0y, sau \u0111\u00e2y m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn cho b\u1ea1n c\u00e1ch t\u00f9y bi\u1ebfn trang s\u1ea3n ph\u1ea9m b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng UX Block nh\u00e9.<\/p>\n<p>\u0110\u1ea7u ti\u00ean c\u00e1c b\u1ea1n t\u1ea1o m\u1ed9t kh\u1ed1i m\u1edbi cho m\u00ecnh (t\u1ea1o Block) b\u1eb1ng c\u00e1ch v\u00e0o theo \u0111\u01b0\u1eddng d\u1eabn\u00a0<strong>UX Block &gt; Th\u00eam trang m\u1edbi.\u00a0<\/strong>\u0110\u1eb7t b\u1ea5t c\u1ee9 t\u00ean n\u00e0o c\u0169ng \u0111\u01b0\u1ee3c, \u0111i\u1ec1u n\u00e0y kh\u00f4ng quan tr\u1ecdng.<\/p>\n<figure id=\"attachment_223\" aria-describedby=\"caption-attachment-223\" style=\"width: 1020px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-223\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/tao-khoi-moi-1024x143-2.webp\" alt=\"T\u1ea1o kh\u1ed1i m\u1edbi\" width=\"1020\" height=\"142\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 37\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/tao-khoi-moi-1024x143-2-300x42.webp 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/tao-khoi-moi-1024x143-2-768x107.webp 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/tao-khoi-moi-1024x143-2-600x84.webp 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/tao-khoi-moi-1024x143-2.webp 1024w\"><figcaption id=\"caption-attachment-223\" class=\"wp-caption-text\">T\u1ea1o kh\u1ed1i m\u1edbi<\/figcaption><\/figure>\n<p>Ti\u1ebfp theo v\u00e0o theo \u0111\u01b0\u1eddng d\u1eabn sau:<strong>\u00a0Giao di\u1ec7n &gt; T\u00f9y bi\u1ebfn &gt; Wocommerce &gt; Product Page<\/strong>, \u1edf ph\u1ea7n<strong>\u00a0Layout,<\/strong>\u00a0ch\u1ecdn \u201c<strong>Custom<\/strong>\u201c.<\/p>\n<figure id=\"attachment_224\" aria-describedby=\"caption-attachment-224\" style=\"width: 1065px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-224\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/custom-product-page-1.webp\" alt=\"Custom trang Product\" width=\"1065\" height=\"1345\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 38\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/custom-product-page-1-237x300.webp 237w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/custom-product-page-1-600x758.webp 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/custom-product-page-1.webp 676w\"><figcaption id=\"caption-attachment-224\" class=\"wp-caption-text\">Custom trang Product<\/figcaption><\/figure>\n<p>\u1ede ph\u1ea7n \u201c<strong>Custom Product Layout<\/strong>\u201d ch\u1ecdn t\u00ecm \u0111\u1ebfn Block m\u00e0 b\u1ea1n v\u1eeba t\u1ea1o, v\u00ed d\u1ee5 nh\u01b0 trong h\u00ecnh m\u00ecnh s\u1ebd ch\u1ecdn v\u00e0o \u201cGPL Global\u201d.<\/p>\n<p>T\u00ecm \u0111\u1ebfn m\u1ed9t s\u1ea3n ph\u1ea9m \u0111\u01a1n l\u1ebb b\u1ea1n \u0111ang c\u00f3 v\u00e0 ch\u1ec9nh s\u1eeda n\u00f3:\u00a0<strong>S\u1ea3n ph\u1ea9m &gt; T\u1ea5t c\u1ea3 s\u1ea3n ph\u1ea9m,<\/strong>\u00a0sau \u0111\u00f3 t\u00ecm \u0111\u1ebfn t\u00f9y ch\u1ecdn \u201c<strong>Product Layout<\/strong>\u201c, nh\u00ecn l\u00ean tr\u00ean c\u00f3 d\u00f2ng \u201c<strong>Custom Product Layout<\/strong>\u201d b\u1ea1n ch\u1ecdn ti\u1ebfp v\u00e0o Block c\u1ee7a b\u1ea1n v\u1eeba t\u1ea1o \u1edf tr\u00ean nh\u00e9.<\/p>\n<figure id=\"attachment_225\" aria-describedby=\"caption-attachment-225\" style=\"width: 1007px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-225\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/sua-san-pham-1-1.webp\" alt=\"Ch\u1ecdn Block \u1edf trang s\u1ea3n ph\u1ea9m\" width=\"1007\" height=\"522\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 39\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/sua-san-pham-1-1-300x155.webp 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/sua-san-pham-1-1-768x398.webp 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/sua-san-pham-1-1-600x311.webp 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/sua-san-pham-1-1.webp 905w\"><figcaption id=\"caption-attachment-225\" class=\"wp-caption-text\">Ch\u1ecdn Block \u1edf trang s\u1ea3n ph\u1ea9m<\/figcaption><\/figure>\n<p>Nh\u01b0 v\u1eady g\u1ea7n nh\u01b0 \u0111\u00e3 xong. C\u00e1c b\u1ea1n tho\u00e1t h\u1eb3n ph\u1ea7n c\u00e0i \u0111\u1eb7t ra v\u00e0 t\u1ea3i l\u1ea1i trang ch\u1ee7, ch\u1ecdn m\u1ed9t s\u1ea3n ph\u1ea9m b\u1ea5t k\u1ef3 \u0111\u1ec3 xem. \u1ede ph\u00eda tr\u00ean c\u00f3 m\u1ed9t d\u00f2ng ch\u1ec9nh s\u1eeda s\u1ea3n ph\u1ea9m b\u1ea1n di chu\u1ed9t v\u00e0o khu v\u1ef1c \u0111\u1ea5y. L\u00fac n\u00e0y n\u00f3 s\u1ebd xu\u1ea5t hi\u1ec7n th\u00eam m\u1ed9t t\u00f9y ch\u1ecdn m\u1edbi cho b\u1ea1n l\u1ef1a ch\u1ecdn, b\u1ea5m v\u00e0o \u201c<strong>Edit product layout with UX Builder<\/strong>\u201d v\u00e0 b\u1eaft \u0111\u1ea7u s\u1eeda:<\/p>\n<figure id=\"attachment_226\" aria-describedby=\"caption-attachment-226\" style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-226\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/sua-san-pham-ux-builder-1.webp\" alt=\"H\u01b0\u1edbng d\u1eabn s\u1eeda s\u1ea3n ph\u1ea9m v\u1edbi Ux Builder\" width=\"1001\" height=\"615\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 40\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/sua-san-pham-ux-builder-1-300x184.webp 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/sua-san-pham-ux-builder-1-768x472.webp 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/sua-san-pham-ux-builder-1-600x369.webp 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/sua-san-pham-ux-builder-1.webp 903w\"><figcaption id=\"caption-attachment-226\" class=\"wp-caption-text\">H\u01b0\u1edbng d\u1eabn s\u1eeda s\u1ea3n ph\u1ea9m v\u1edbi Ux Builder<\/figcaption><\/figure>\n<p>L\u00fac n\u00e0y b\u1ea1n s\u1ebd th\u1ea5y r\u1ea5t nhi\u1ec1u ch\u1ee9c n\u0103ng m\u1edbi hi\u1ec7n ra trong UX Builder, ch\u00fang c\u00f3 m\u00e0u t\u00edm gi\u1ed1ng nh\u01b0 trong h\u00ecnh, \u0111i\u1ec1u m\u00e0 b\u1ea1n kh\u00f4ng h\u1ec1 th\u1ea5y n\u00f3 \u1edf v\u1ecb tr\u00ed n\u00e0y tr\u01b0\u1edbc \u0111\u00e2y:<\/p>\n<figure id=\"attachment_227\" aria-describedby=\"caption-attachment-227\" style=\"width: 1020px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-227\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/chuc-nang-moi-trong-ux-1024x621-2.webp\" alt=\"Ch\u1ee9c n\u0103ng m\u1edbi trong UX Builder\" width=\"1020\" height=\"619\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 41\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/chuc-nang-moi-trong-ux-1024x621-2-300x182.webp 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/chuc-nang-moi-trong-ux-1024x621-2-768x466.webp 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/chuc-nang-moi-trong-ux-1024x621-2-600x364.webp 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/chuc-nang-moi-trong-ux-1024x621-2.webp 1024w\"><figcaption id=\"caption-attachment-227\" class=\"wp-caption-text\">Ch\u1ee9c n\u0103ng m\u1edbi trong UX Builder<\/figcaption><\/figure>\n<p>B\u1ea1n th\u00eam c\u00e1c ph\u1ea7n t\u1eed b\u1eb1ng c\u00e1ch k\u00e9o th\u1ea3 nh\u01b0 b\u00ecnh th\u01b0\u1eddng v\u1edbi kh\u00e1 nhi\u1ec1u s\u1ef1 l\u1ef1a ch\u1ecdn: n\u00fat th\u00eam gi\u1ecf h\u00e0ng, tab s\u1ea3n ph\u1ea9m, m\u00f4 t\u1ea3, ti\u00eau \u0111\u1ec1, \u0111\u00e1nh gi\u00e1, breadcrumbs,\u2026 n\u00f3i chung kh\u00f4ng thi\u1ebfu m\u1ed9t ch\u1ee9c n\u0103ng c\u01a1 b\u1ea3n n\u00e0o c\u1ee7a trang s\u1ea3n ph\u1ea9m. C\u0169ng ch\u1eb3ng c\u1ea7n code m\u00e0 c\u00f3 th\u1ec3 t\u00f9y bi\u1ebfn trang s\u1ea3n ph\u1ea9m m\u1ed9t c\u00e1ch tho\u1ea3i m\u00e1i. Theo h\u00ecnh th\u00ec m\u00ecnh s\u1ebd khuy\u1ebfn kh\u00edch b\u1ea1n b\u1eaft \u0111\u1ea7u t\u1ea1o l\u1eadp v\u1edbi 1 Row v\u00e0 2 Column \u0111\u1ec3 s\u1eed d\u1ee5ng s\u1ebd d\u1ec5 d\u00e0ng h\u01a1n. Vi\u1ec7c c\u00f2n l\u1ea1i l\u00e0 b\u1ea1n t\u1ef1 thi\u1ebft k\u1ebf th\u00eam, trang s\u1ea3n ph\u1ea9m \u0111\u1eb9p l\u1ed9ng l\u1eaby \u0111\u1ebfn \u0111\u00e2u t\u00f9y thu\u1ed9c v\u00e0o s\u1ee9c s\u00e1ng t\u1ea1o c\u1ee7a b\u1ea1n.<\/p>\n<h2 id=\"ftoc-heading-4\" class=\"ftwp-heading\"><span id=\"Huong_dan_them_nut_Mua_ngay_vao_Woocommerce\"><strong>H\u01b0\u1edbng d\u1eabn th\u00eam n\u00fat Mua ngay v\u00e0o Woocommerce<\/strong><\/span><\/h2>\n<p>Th\u00f4ng th\u01b0\u1eddng trong m\u1ee5c s\u1ea3n ph\u1ea9m trang ch\u1ee7 hay b\u1ea5t c\u1ee9 trang con n\u00e0o \u0111\u1ec1u ch\u1ec9 c\u00f3 m\u1ed9t n\u00fat t\u01b0\u01a1ng t\u00e1c \u0111\u00f3 l\u00e0 n\u00fat\u00a0<strong>th\u00eam gi\u1ecf h\u00e0ng<\/strong>. Nhi\u1ec1u c\u1eeda h\u00e0ng c\u1ea7n ph\u1ea3i c\u00f3 ch\u1ee9c n\u0103ng mua ngay \u0111\u1ec3 kh\u00e1ch h\u00e0ng ti\u1ec7n trong vi\u1ec7c mua h\u00e0ng h\u01a1n. Thi\u1ebfu ch\u1ee9c n\u0103ng n\u00e0y th\u00ec ho\u1ea1t \u0111\u1ed9ng b\u00e1n h\u00e0ng v\u1eabn di\u1ec5n ra b\u00ecnh th\u01b0\u1eddng \u0111\u01b0\u1ee3c tuy nhi\u00ean n\u00f3 kh\u00f4ng quen \u0111\u1ed1i v\u1edbi ph\u1ea7n l\u1edbn ng\u01b0\u1eddi Vi\u1ec7t Nam, ng\u01b0\u1eddi ta \u0111ang d\u1ea7n c\u00f3 xu h\u01b0\u1edbng th\u00edch s\u1ef1 \u0111\u01a1n gi\u1ea3n. N\u00fat mua ngay s\u1ebd c\u1ea7n thi\u1ebft trong tr\u01b0\u1eddng h\u1ee3p n\u00e0y. Tin bu\u1ed3n l\u00e0 Flatsome \u0111\u1ebfn gi\u1edd v\u1eabn ch\u01b0a h\u1ed7 tr\u1ee3 v\u00e0 tin vui l\u00e0 ch\u00fang ta c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng n\u00f3 b\u1eb1ng c\u00e1ch t\u00edch h\u1ee3p n\u00f3 trong Woocommerce.<\/p>\n<figure id=\"attachment_228\" aria-describedby=\"caption-attachment-228\" style=\"width: 1020px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-228\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/them-nut-mua-ngay-1024x452-2.webp\" alt=\"Th\u00eam n\u00fat mua ngay cho c\u1eeda h\u00e0ng\" width=\"1020\" height=\"450\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 42\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/them-nut-mua-ngay-1024x452-2-300x132.webp 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/them-nut-mua-ngay-1024x452-2-768x339.webp 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/them-nut-mua-ngay-1024x452-2-600x265.webp 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/them-nut-mua-ngay-1024x452-2.webp 1024w\"><figcaption id=\"caption-attachment-228\" class=\"wp-caption-text\">Th\u00eam n\u00fat mua ngay cho c\u1eeda h\u00e0ng<\/figcaption><\/figure>\n<p>Th\u00eam n\u00fat mua ngay s\u1ebd tr\u00f4ng chuy\u00ean nghi\u1ec7p gi\u1ed1ng v\u1edbi c\u00e1c s\u00e0n th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed l\u1edbn nh\u1ea5t hi\u1ec7n nay c\u0169ng \u0111ang \u00e1p d\u1ee5ng n\u00fat n\u00e0y nh\u01b0: Lazada, Sen \u0111\u1ecf, Tiki, Thegioididong, Dienmayxanh,\u2026 ngo\u00e0i ti\u1ec7n l\u1ee3i l\u1ee3i cho kh\u00e1ch mua h\u00e0ng n\u00f3 c\u00f2n kh\u00e1 \u0111\u1eb9p m\u1eaft t\u00ednh th\u1ea9m m\u1ef9 cao cho t\u1ed5ng th\u1ec3 trang web \u0111\u01b0\u1ee3c b\u1ed1 c\u1ee5c m\u1ed9t c\u00e1ch h\u00e0i h\u00f2a h\u01a1n.<\/p>\n<p>D\u01b0\u1edbi \u0111\u00e2y s\u1ebd l\u00e0 \u0111o\u1ea1n code \u0111\u1ec3 th\u00eam n\u00fat \u201c<strong>Mua ngay<\/strong>\u201d b\u1ea1n ch\u1ec9 c\u1ea7n th\u00eam n\u00f3 v\u00e0o trong file function.php l\u00e0 d\u00f9ng \u0111\u01b0\u1ee3c r\u1ed3i, kh\u00f4ng c\u1ea7n c\u00e0i th\u00eam Plugin cho n\u1eb7ng server th\u00eam:<\/p>\n<p><!-- Urvanov Syntax Highlighter v2.8.34 --><\/p>\n<div id=\"urvanov-syntax-highlighter-65db07cb428a9453744950\" class=\"urvanov-syntax-highlighter-syntax crayon-theme-classic urvanov-syntax-highlighter-font-tahoma urvanov-syntax-highlighter-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\" style=\" margin-top: 12px; margin-bottom: 12px; font-size: 14px !important; line-height: 15px !important;\">\n<div class=\"crayon-toolbar\" data-settings=\" show\" style=\"font-size: 14px !important;height: 21px !important; line-height: 21px !important;\"><span class=\"crayon-title\"><\/span><\/p>\n<div class=\"crayon-tools\" style=\"font-size: 14px !important;height: 21px !important; line-height: 21px !important;\"><span class=\"urvanov-syntax-highlighter-mixed-highlight\" title=\"Contains Mixed Languages\"><\/span><\/p>\n<div class=\"crayon-button urvanov-syntax-highlighter-nums-button\" title=\"Toggle Line Numbers\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-plain-button\" title=\"Toggle Plain Code\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-wrap-button\" title=\"Toggle Line Wrap\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-expand-button\" title=\"Expand Code\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-copy-button\" title=\"Copy\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-popup-button\" title=\"Open Code In New Window\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"crayon-info\" style=\"min-height: 19.6px !important; line-height: 19.6px !important;\"><\/div>\n<div class=\"urvanov-syntax-highlighter-plain-wrap\"><textarea wrap=\"soft\" class=\"urvanov-syntax-highlighter-plain print-no\" data-settings=\"dblclick\" readonly style=\"-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 14px !important; line-height: 15px !important;\"><\/p>\n<p>add_action(&#8216;woocommerce_after_add_to_cart_button&#8217;,&#8217;devvn_quickbuy_after_addtocart_button&#8217;);<br \/>\nfunction devvn_quickbuy_after_addtocart_button(){<br \/>\nglobal $product;<br \/>\n?&gt;<br \/>\n&lt;style&gt;<br \/>\n.devvn-quickbuy button.single_add_to_cart_button.loading:after {<br \/>\ndisplay: none;<br \/>\n}<br \/>\n.devvn-quickbuy button.single_add_to_cart_button.button.alt.loading {<br \/>\ncolor: #fff;<br \/>\npointer-events: none !important;<br \/>\n}<br \/>\n.devvn-quickbuy button.buy_now_button {<br \/>\nposition: relative;<br \/>\ncolor: rgba(255,255,255,0.05);<br \/>\n}<br \/>\n.devvn-quickbuy button.buy_now_button:after {<br \/>\nanimation: spin 500ms infinite linear;<br \/>\nborder: 2px solid #fff;<br \/>\nborder-radius: 32px;<br \/>\nborder-right-color: transparent !important;<br \/>\nborder-top-color: transparent !important;<br \/>\ncontent: &#8220;&#8221;;<br \/>\ndisplay: block;<br \/>\nheight: 16px;<br \/>\ntop: 50%;<br \/>\nmargin-top: -8px;<br \/>\nleft: 50%;<br \/>\nmargin-left: -8px;<br \/>\nposition: absolute;<br \/>\nwidth: 16px;<br \/>\n}<br \/>\n&lt;\/style&gt;<br \/>\n&lt;button type=&#8221;button&#8221; class=&#8221;button buy_now_button&#8221;&gt;<br \/>\n&lt;?php _e(&#8216;Mua ngay&#8217;, &#8216;devvn&#8217;); ?&gt;<br \/>\n&lt;\/button&gt;<br \/>\n&lt;input type=&#8221;hidden&#8221; name=&#8221;is_buy_now&#8221; class=&#8221;is_buy_now&#8221; value=&#8221;0&#8243; autocomplete=&#8221;off&#8221;\/&gt;<br \/>\n&lt;script&gt;<br \/>\njQuery(document).ready(function(){<br \/>\njQuery(&#8216;body&#8217;).on(&#8216;click&#8217;, &#8216;.buy_now_button&#8217;, function(e){<br \/>\ne.preventDefault();<br \/>\nvar thisParent = jQuery(this).parents(&#8216;form.cart&#8217;);<br \/>\nif(jQuery(&#8216;.single_add_to_cart_button&#8217;, thisParent).hasClass(&#8216;disabled&#8217;)) {<br \/>\njQuery(&#8216;.single_add_to_cart_button&#8217;, thisParent).trigger(&#8216;click&#8217;);<br \/>\nreturn false;<br \/>\n}<br \/>\nthisParent.addClass(&#8216;devvn-quickbuy&#8217;);<br \/>\njQuery(&#8216;.is_buy_now&#8217;, thisParent).val(&#8216;1&#8217;);<br \/>\njQuery(&#8216;.single_add_to_cart_button&#8217;, thisParent).trigger(&#8216;click&#8217;);<br \/>\n});<br \/>\n});<br \/>\n&lt;\/script&gt;<br \/>\n&lt;?php<br \/>\n}<br \/>\nadd_filter(&#8216;woocommerce_add_to_cart_redirect&#8217;, &#8216;redirect_to_checkout&#8217;);<br \/>\nfunction redirect_to_checkout($redirect_url) {<br \/>\nif (isset($_REQUEST[&#8216;is_buy_now&#8217;]) &amp;&amp; $_REQUEST[&#8216;is_buy_now&#8217;]) {<br \/>\n$redirect_url = wc_get_checkout_url(); \/\/or wc_get_cart_url()<br \/>\n}<br \/>\nreturn $redirect_url;<br \/>\n}<br \/>\n<\/textarea><\/div>\n<div class=\"urvanov-syntax-highlighter-main\" style=\"\">\n<table class=\"crayon-table\">\n<tr class=\"urvanov-syntax-highlighter-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"urvanov-syntax-highlighter-nums-content\" style=\"font-size: 14px !important; line-height: 15px !important;\">\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-16\">16<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-17\">17<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-18\">18<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-19\">19<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-20\">20<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-21\">21<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-22\">22<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-23\">23<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-24\">24<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-25\">25<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-26\">26<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-27\">27<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-28\">28<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-29\">29<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-30\">30<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-31\">31<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-32\">32<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-33\">33<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-34\">34<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-35\">35<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-36\">36<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-37\">37<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-38\">38<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-39\">39<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-40\">40<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-41\">41<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-42\">42<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-43\">43<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-44\">44<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-45\">45<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-46\">46<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-47\">47<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-48\">48<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-49\">49<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-50\">50<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-51\">51<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-52\">52<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-53\">53<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-54\">54<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-55\">55<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-56\">56<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-57\">57<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-58\">58<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-59\">59<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-60\">60<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-61\">61<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-62\">62<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428a9453744950-63\">63<\/div>\n<\/div>\n<\/td>\n<td class=\"urvanov-syntax-highlighter-code\">\n<div class=\"crayon-pre\" style=\"font-size: 14px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;\">\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-1\">\u00a0<\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-2\"><span class=\"crayon-e\">add_action<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-s\">&#8216;woocommerce_after_add_to_cart_button&#8217;<\/span><span class=\"crayon-sy\">,<\/span><span class=\"crayon-s\">&#8216;devvn_quickbuy_after_addtocart_button&#8217;<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-3\"><span class=\"crayon-t\">function<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-e\">devvn_quickbuy_after_addtocart_button<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">{<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-4\"><span class=\"crayon-m\">global<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-sy\">$<\/span><span class=\"crayon-v\">product<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-5\"><span class=\"crayon-sy\">?<\/span><span class=\"crayon-o\">&gt;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-6\"><span class=\"crayon-ta\">&lt;style&gt;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-7\"><span class=\"crayon-k \">.devvn-quickbuy button.single_add_to_cart_button.loading:after <\/span><span class=\"crayon-sy\">{<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-8\"><span class=\"crayon-e \">display<\/span><span class=\"crayon-sy\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">none<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-9\"><span class=\"crayon-sy\">}<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-10\"><span class=\"crayon-k \">.devvn-quickbuy button.single_add_to_cart_button.button.alt.loading <\/span><span class=\"crayon-sy\">{<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-11\"><span class=\"crayon-e \">color<\/span><span class=\"crayon-sy\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">#fff<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-12\"><span class=\"crayon-e \">pointer-events<\/span><span class=\"crayon-sy\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">none<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-cn \">!important<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-13\"><span class=\"crayon-sy\">}<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-14\"><span class=\"crayon-k \">.devvn-quickbuy button.buy_now_button <\/span><span class=\"crayon-sy\">{<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-15\"><span class=\"crayon-e \">position<\/span><span class=\"crayon-sy\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">relative<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-16\"><span class=\"crayon-e \">color<\/span><span class=\"crayon-sy\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">rgba<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-i \">255,255,255,0.05<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-17\"><span class=\"crayon-sy\">}<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-18\"><span class=\"crayon-k \">.devvn-quickbuy button.buy_now_button:after <\/span><span class=\"crayon-sy\">{<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-19\"><span class=\"crayon-e \">animation<\/span><span class=\"crayon-sy\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">spin<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">500ms<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">infinite<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">linear<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-20\"><span class=\"crayon-e \">border<\/span><span class=\"crayon-sy\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">2px<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">solid<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">#fff<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-21\"><span class=\"crayon-e \">border-radius<\/span><span class=\"crayon-sy\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">32px<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-22\"><span class=\"crayon-e \">border-right-color<\/span><span class=\"crayon-sy\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">transparent<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-cn \">!important<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-23\"><span class=\"crayon-e \">border-top-color<\/span><span class=\"crayon-sy\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">transparent<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-cn \">!important<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-24\"><span class=\"crayon-e \">content<\/span><span class=\"crayon-sy\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-s\">&#8220;&#8221;<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-25\"><span class=\"crayon-e \">display<\/span><span class=\"crayon-sy\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">block<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-26\"><span class=\"crayon-e \">height<\/span><span class=\"crayon-sy\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">16px<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-27\"><span class=\"crayon-e \">top<\/span><span class=\"crayon-sy\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">50%<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-28\"><span class=\"crayon-e \">margin-top<\/span><span class=\"crayon-sy\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">-8px<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-29\"><span class=\"crayon-e \">left<\/span><span class=\"crayon-sy\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">50%<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-30\"><span class=\"crayon-e \">margin-left<\/span><span class=\"crayon-sy\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">-8px<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-31\"><span class=\"crayon-e \">position<\/span><span class=\"crayon-sy\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">absolute<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-32\"><span class=\"crayon-e \">width<\/span><span class=\"crayon-sy\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i \">16px<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-33\"><span class=\"crayon-sy\">}<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-34\"><span class=\"crayon-ta\">&lt;\/style&gt;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-35\"><span class=\"crayon-o\">&lt;<\/span><span class=\"crayon-e\">button <\/span><span class=\"crayon-v\">type<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">&#8220;button&#8221;<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-t\">class<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">&#8220;button buy_now_button&#8221;<\/span><span class=\"crayon-o\">&gt;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-36\"><span class=\"crayon-ta\">&lt;?php<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-e\">_e<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-s\">&#8216;Mua ngay&#8217;<\/span><span class=\"crayon-sy\">,<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-s\">&#8216;devvn&#8217;<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">;<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-ta\">?&gt;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-37\"><span class=\"crayon-o\">&lt;<\/span><span class=\"crayon-o\">\/<\/span><span class=\"crayon-v\">button<\/span><span class=\"crayon-o\">&gt;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-38\"><span class=\"crayon-o\">&lt;<\/span><span class=\"crayon-e\">input <\/span><span class=\"crayon-v\">type<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">&#8220;hidden&#8221;<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-v\">name<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">&#8220;is_buy_now&#8221;<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-t\">class<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">&#8220;is_buy_now&#8221;<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-v\">value<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">&#8220;0&#8221;<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-v\">autocomplete<\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-s\">&#8220;off&#8221;<\/span><span class=\"crayon-o\">\/<\/span><span class=\"crayon-o\">&gt;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-39\"><span class=\"crayon-ta\">&lt;script&gt;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-40\"><span class=\"crayon-e\">jQuery<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-r\">document<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-e\">ready<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-t\">function<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">{<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-41\"><span class=\"crayon-e\">jQuery<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-s\">&#8216;body&#8217;<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-e\">on<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-s\">&#8216;click&#8217;<\/span><span class=\"crayon-sy\">,<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-s\">&#8216;.buy_now_button&#8217;<\/span><span class=\"crayon-sy\">,<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-t\">function<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-v\">e<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">{<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-42\"><span class=\"crayon-v\">e<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-e\">preventDefault<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-43\"><span class=\"crayon-t\">var<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-v\">thisParent<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-e\">jQuery<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-r\">this<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-e\">parents<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-s\">&#8216;form.cart&#8217;<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-44\"><span class=\"crayon-st\">if<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-e\">jQuery<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-s\">&#8216;.single_add_to_cart_button&#8217;<\/span><span class=\"crayon-sy\">,<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-v\">thisParent<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-e\">hasClass<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-s\">&#8216;disabled&#8217;<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-sy\">{<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-45\"><span class=\"crayon-e\">jQuery<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-s\">&#8216;.single_add_to_cart_button&#8217;<\/span><span class=\"crayon-sy\">,<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-v\">thisParent<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-e\">trigger<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-s\">&#8216;click&#8217;<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-46\"><span class=\"crayon-st\">return<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-t\">false<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-47\"><span class=\"crayon-sy\">}<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-48\"><span class=\"crayon-v\">thisParent<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-e\">addClass<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-s\">&#8216;devvn-quickbuy&#8217;<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-49\"><span class=\"crayon-e\">jQuery<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-s\">&#8216;.is_buy_now&#8217;<\/span><span class=\"crayon-sy\">,<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-v\">thisParent<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-e\">val<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-s\">&#8216;1&#8217;<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-50\"><span class=\"crayon-e\">jQuery<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-s\">&#8216;.single_add_to_cart_button&#8217;<\/span><span class=\"crayon-sy\">,<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-v\">thisParent<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-e\">trigger<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-s\">&#8216;click&#8217;<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-51\"><span class=\"crayon-sy\">}<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-52\"><span class=\"crayon-sy\">}<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-53\"><span class=\"crayon-ta\">&lt;\/script&gt;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-54\"><span class=\"crayon-o\">&lt;<\/span><span class=\"crayon-sy\">?<\/span><span class=\"crayon-i\">php<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-55\"><span class=\"crayon-sy\">}<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-56\"><span class=\"crayon-e\">add_filter<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-s\">&#8216;woocommerce_add_to_cart_redirect&#8217;<\/span><span class=\"crayon-sy\">,<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-s\">&#8216;redirect_to_checkout&#8217;<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-57\"><span class=\"crayon-t\">function<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-e\">redirect_to_checkout<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-sy\">$<\/span><span class=\"crayon-v\">redirect_url<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-sy\">{<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-58\"><span class=\"crayon-st\">if<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-e\">isset<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-sy\">$<\/span><span class=\"crayon-v\">_REQUEST<\/span><span class=\"crayon-sy\">[<\/span><span class=\"crayon-s\">&#8216;is_buy_now&#8217;<\/span><span class=\"crayon-sy\">]<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-o\">&amp;&amp;<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-sy\">$<\/span><span class=\"crayon-v\">_REQUEST<\/span><span class=\"crayon-sy\">[<\/span><span class=\"crayon-s\">&#8216;is_buy_now&#8217;<\/span><span class=\"crayon-sy\">]<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-sy\">{<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-59\"><span class=\"crayon-sy\">$<\/span><span class=\"crayon-v\">redirect_url<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-o\">=<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-e\">wc_get_checkout_url<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">;<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-c\">\/\/or wc_get_cart_url()<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-60\"><span class=\"crayon-sy\">}<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-61\"><span class=\"crayon-st\">return<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-sy\">$<\/span><span class=\"crayon-v\">redirect_url<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-62\"><span class=\"crayon-sy\">}<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428a9453744950-63\">\u00a0<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/table><\/div>\n<\/p><\/div>\n<p><!-- [Format Time: 0.0013 seconds] --><\/p>\n<p>\nCode tr\u00ean ch\u1ec9 l\u00e0 m\u1ed9t ch\u00fat css cho n\u00f3 da d\u00e1ng c\u00e1i n\u00fat th\u00f4i c\u0169ng ch\u01b0a \u0111\u01b0\u1ee3c \u0111\u1eb9p nh\u01b0 trong h\u00ecnh. \u0110\u1ec3 n\u00fat mua ngay trong Woocommerce n\u00e0y \u0111\u01b0\u1ee3c \u0111\u1eb9p nh\u01b0 trong h\u00ecnh c\u00e1c b\u1ea1n c\u1ea7n css l\u1ea1i m\u1ed9t ch\u00fat cho ph\u00f9 h\u1ee3p h\u01a1n v\u1edbi website c\u1ee7a b\u1ea1n. V\u1eady l\u00e0 b\u1ea1n \u0111\u00e3 c\u00f3 th\u1ec3 t\u1ef1 t\u1ea1o n\u00fat mua ngay cho woocommerce gi\u00fap c\u1eeda h\u00e0ng \u0111\u1eb9p m\u1eaft h\u01a1n khi kh\u00e1ch h\u00e0ng truy c\u1eadp r\u1ed3i, ph\u1ea7n ti\u1ebfp theo c\u0169ng s\u1ebd b\u1ed5 tr\u1ee3 cho trang s\u1ea3n ph\u1ea9m c\u1ee7a b\u1ea1n th\u00eam \u0111\u1eb9p m\u1eaft h\u01a1n. C\u1ea3 hai ph\u1ea7n n\u00e0y s\u1eed d\u1ee5ng \u0111\u01b0\u1ee3c t\u1ea5t c\u1ea3 cho m\u1ecdi lo\u1ea1i website s\u1eed d\u1ee5ng php kh\u00f4ng ri\u00eang g\u00ec Flatsome hay WordPress nh\u00e9 c\u00e1c b\u1ea1n.<\/p>\n<h2 id=\"ftoc-heading-5\" class=\"ftwp-heading\"><span id=\"Tao_khung_khuyen_mai_dep_mat_cho_trang_san_pham\"><strong>T\u1ea1o khung khuy\u1ebfn m\u00e3i \u0111\u1eb9p m\u1eaft cho trang s\u1ea3n ph\u1ea9m<\/strong><\/span><\/h2>\n<p>Khung khuy\u1ebfn m\u00e3i \u0111\u01b0a ra c\u00e1c ch\u00ednh s\u00e1ch gi\u1ea3m gi\u00e1 v\u00e0 \u01b0u \u0111\u00e3i c\u1eeda h\u00e0ng mu\u1ed1n ph\u1ed5 bi\u1ebfn \u0111\u1ebfn kh\u00e1ch h\u00e0ng. H\u1ea7u nh\u01b0 c\u00e1c c\u1eeda h\u00e0ng l\u1edbn \u0111\u1ec1u \u00e1p d\u1ee5ng c\u00e1ch n\u00e0y r\u1ea5t hi\u1ec7u qu\u1ea3 gi\u00fap gia t\u0103ng doanh s\u1ed1 v\u00e0 kh\u00e1ch h\u00e0ng c\u00f3 c\u00e1i nh\u00ecn thi\u1ec7n c\u1ea3m h\u01a1n v\u1ec1 website c\u1ee7a doanh nghi\u1ec7p. T\u1ea1o khung khuy\u1ebfn m\u00e3i cho trang s\u1ea3n ph\u1ea9m kh\u00f4ng ph\u1ea3i l\u00e0 m\u1ed9t vi\u1ec7c l\u00e0m b\u1eaft bu\u1ed9c nh\u01b0ng n\u00f3 s\u1ebd t\u1ed1t h\u01a1n n\u1ebfu nh\u01b0 b\u1ea1n \u0111ang s\u1edf h\u1eefu.<\/p>\n<figure id=\"attachment_229\" aria-describedby=\"caption-attachment-229\" style=\"width: 1004px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-229\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/tao-khung-khuyen-mai-1.webp\" alt=\"Khung khuy\u1ebfn m\u00e3i \u0111\u1eb9p cho s\u1ea3n ph\u1ea9m\" width=\"1004\" height=\"442\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 43\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/tao-khung-khuyen-mai-1-300x132.webp 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/tao-khung-khuyen-mai-1-768x338.webp 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/tao-khung-khuyen-mai-1-600x264.webp 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/tao-khung-khuyen-mai-1.webp 856w\"><figcaption id=\"caption-attachment-229\" class=\"wp-caption-text\">Khung khuy\u1ebfn m\u00e3i \u0111\u1eb9p cho s\u1ea3n ph\u1ea9m<\/figcaption><\/figure>\n<p>Sau \u0111\u00e2y m\u00ecnh s\u1ebd ch\u1ec9 b\u1ea1n c\u00e1ch t\u1ea1o ra m\u1ed9t khung khuy\u1ebfn m\u00e3i \u0111\u1eb9p m\u1eaft kh\u00f4ng ch\u1ec9 cho ch\u1ee7 s\u1edf h\u1eefu website m\u00e0 c\u00f2n cho t\u1ea5t c\u1ea3 kh\u00e1ch h\u00e0ng, \u0111\u1ed1i t\u01b0\u1ee3ng ch\u00ednh m\u00e0 ch\u00fang ta \u0111ang nh\u1eafm t\u1edbi. Theo m\u1eb7c \u0111\u1ecbnh Woocommerce hay Flatsome kh\u00f4ng h\u1ed7 tr\u1ee3 ch\u1ee9c n\u0103ng n\u00e0o l\u00e0m \u0111\u01b0\u1ee3c \u0111i\u1ec1u n\u00e0y cjho n\u00ean c\u1ea7n s\u1eed d\u1ee5ng \u0111\u1ebfn code. B\u1ea1n \u0111\u1eebng lo l\u1eafng b\u1edfi c\u0169ng kh\u00f4ng nhi\u1ec1u \u0111\u00e2u, ch\u1ec9 v\u00e0i d\u00f2ng nh\u01b0 d\u01b0\u1edbi \u0111\u00e2y th\u00f4i:<\/p>\n<p><!-- Urvanov Syntax Highlighter v2.8.34 --><\/p>\n<div id=\"urvanov-syntax-highlighter-65db07cb428b0994857248\" class=\"urvanov-syntax-highlighter-syntax crayon-theme-classic urvanov-syntax-highlighter-font-tahoma urvanov-syntax-highlighter-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\" style=\" margin-top: 12px; margin-bottom: 12px; font-size: 14px !important; line-height: 15px !important;\">\n<div class=\"crayon-toolbar\" data-settings=\" show\" style=\"font-size: 14px !important;height: 21px !important; line-height: 21px !important;\"><span class=\"crayon-title\"><\/span><\/p>\n<div class=\"crayon-tools\" style=\"font-size: 14px !important;height: 21px !important; line-height: 21px !important;\">\n<div class=\"crayon-button urvanov-syntax-highlighter-nums-button\" title=\"Toggle Line Numbers\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-plain-button\" title=\"Toggle Plain Code\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-wrap-button\" title=\"Toggle Line Wrap\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-expand-button\" title=\"Expand Code\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-copy-button\" title=\"Copy\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-popup-button\" title=\"Open Code In New Window\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"crayon-info\" style=\"min-height: 19.6px !important; line-height: 19.6px !important;\"><\/div>\n<div class=\"urvanov-syntax-highlighter-plain-wrap\"><textarea wrap=\"soft\" class=\"urvanov-syntax-highlighter-plain print-no\" data-settings=\"dblclick\" readonly style=\"-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 14px !important; line-height: 15px !important;\"><\/p>\n<p>.khuyen-mai-thongwp { margin-bottom: 2px; margin-top: 2px; background: white; padding: 10px; border-radius: 5px; border: 1px solid #ef0b0b; font-size: 15px; width: 100%; }<br \/>\n\/\/ Gi\u1ea3i th\u00edch: T\u1ea1o khung c\u00f3 border \u0111\u1ecf cho ph\u1ea7n khuy\u1ebfn m\u1ea1i<br \/>\n.khuyen-mai-thongwp .tieu-de { background: #e31616; padding: 2px 20px; margin-top: -24px; font-size: 15px; font-weight: 500; color: #ffffff; display: block; max-width: 207px; border-radius: 99px; }<br \/>\n\/\/ Gi\u1ea3i th\u00edch: T\u1ea1o \u00f4 ti\u00eau \u0111\u1ec1<br \/>\n.khuyen-mai-thongwp ul {<br \/>\nmargin-bottom: 4px;<br \/>\nlist-style-image: url(tick.png); \/* n\u00fat h\u00ecnh \u1ea3nh d\u1ea5u tick, l\u1ea5y c\u00e1i n\u00e0o th\u00ec google nh\u00e9.*\/<br \/>\n\/* Gi\u1ea3i th\u00edch: T\u1ea1o d\u1ea5u tick cho m\u1ed7i d\u00f2ng khuy\u1ebfn m\u1ea1i*\/<br \/>\n}<br \/>\n<\/textarea><\/div>\n<div class=\"urvanov-syntax-highlighter-main\" style=\"\">\n<table class=\"crayon-table\">\n<tr class=\"urvanov-syntax-highlighter-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"urvanov-syntax-highlighter-nums-content\" style=\"font-size: 14px !important; line-height: 15px !important;\">\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428b0994857248-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428b0994857248-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428b0994857248-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428b0994857248-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428b0994857248-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428b0994857248-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428b0994857248-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428b0994857248-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428b0994857248-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428b0994857248-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428b0994857248-11\">11<\/div>\n<\/div>\n<\/td>\n<td class=\"urvanov-syntax-highlighter-code\">\n<div class=\"crayon-pre\" style=\"font-size: 14px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;\">\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428b0994857248-1\">\u00a0<\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428b0994857248-2\"><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">khuyen<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-e\">mai<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-e\">thongwp<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-sy\">{<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-v\">margin<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-v\">bottom<\/span><span class=\"crayon-o\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-cn\">2px<\/span><span class=\"crayon-sy\">;<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-v\">margin<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-v\">top<\/span><span class=\"crayon-o\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-cn\">2px<\/span><span class=\"crayon-sy\">;<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-v\">background<\/span><span class=\"crayon-o\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-v\">white<\/span><span class=\"crayon-sy\">;<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-v\">padding<\/span><span class=\"crayon-o\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-cn\">10px<\/span><span class=\"crayon-sy\">;<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-v\">border<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-v\">radius<\/span><span class=\"crayon-o\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-cn\">5px<\/span><span class=\"crayon-sy\">;<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-v\">border<\/span><span class=\"crayon-o\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-cn\">1px<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">solid<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-p\">#ef0b0b; font-size: 15px; width: 100%; }<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428b0994857248-3\"><span class=\"crayon-c\">\/\/ Gi\u1ea3i th\u00edch: T\u1ea1o khung c\u00f3 border \u0111\u1ecf cho ph\u1ea7n khuy\u1ebfn m\u1ea1i<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428b0994857248-4\"><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">khuyen<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-v\">mai<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-i\">thongwp<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">tieu<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-e\">de<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-sy\">{<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-v\">background<\/span><span class=\"crayon-o\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-p\">#e31616; padding: 2px 20px; margin-top: -24px; font-size: 15px; font-weight: 500; color: #ffffff; display: block; max-width: 207px; border-radius: 99px; }<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428b0994857248-5\"><span class=\"crayon-c\">\/\/ Gi\u1ea3i th\u00edch: T\u1ea1o \u00f4 ti\u00eau \u0111\u1ec1<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428b0994857248-6\"><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">khuyen<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-e\">mai<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-e\">thongwp<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-e\">ul<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-sy\">{<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428b0994857248-7\"><span class=\"crayon-v\">margin<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-v\">bottom<\/span><span class=\"crayon-o\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-cn\">4px<\/span><span class=\"crayon-sy\">;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428b0994857248-8\"><span class=\"crayon-v\">list<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-v\">style<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-v\">image<\/span><span class=\"crayon-o\">:<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-e\">url<\/span><span class=\"crayon-sy\">(<\/span><span class=\"crayon-v\">tick<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-v\">png<\/span><span class=\"crayon-sy\">)<\/span><span class=\"crayon-sy\">;<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-c\">\/* n\u00fat h\u00ecnh \u1ea3nh d\u1ea5u tick, l\u1ea5y c\u00e1i n\u00e0o th\u00ec google nh\u00e9.*\/<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428b0994857248-9\"><span class=\"crayon-c\">\/* Gi\u1ea3i th\u00edch: T\u1ea1o d\u1ea5u tick cho m\u1ed7i d\u00f2ng khuy\u1ebfn m\u1ea1i*\/<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428b0994857248-10\"><span class=\"crayon-sy\">}<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428b0994857248-11\">\u00a0<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/table><\/div>\n<\/p><\/div>\n<p><!-- [Format Time: 0.0003 seconds] --><\/p>\n<p>\nCopy r\u1ed3i v\u00e0o \u0111\u01b0\u1eddng d\u1eabn sau:\u00a0<strong>Giao di\u1ec7n &gt; T\u00f9y bi\u1ebfn &gt; Css b\u1ed5 sung\u00a0<\/strong>d\u00e1n \u0111o\u1ea1n code tr\u00ean r\u1ed3i l\u01b0u n\u00f3 l\u1ea1i.<\/p>\n<p>B\u1ea1n ch\u00fa \u00fd trong \u0111o\u1ea1n m\u00e0u \u0111\u1ecf l\u00e0 \u0111\u01b0\u1eddng d\u1eabn c\u1ee7a icon d\u1ea5u t\u00edch b\u1ea1n t\u1ea3i \u1edf tr\u00ean m\u1ea1ng v\u1ec1 c\u00f3 r\u1ea5t nhi\u1ec1u m\u1eabu. T\u1ea3i v\u1ec1 xong sao ch\u00e9p \u0111\u01b0\u1eddng d\u1eabn c\u1ee7a n\u00f3 r\u1ed3i d\u00e1n ghi \u0111\u00e8 v\u00e0o ph\u1ea7n ch\u1eef m\u00e0u \u0111\u1ecf \u1edf ph\u00eda tr\u00ean.<\/p>\n<p>Ti\u1ebfp theo v\u00e0o \u0111\u01b0\u1eddng d\u1eabn\u00a0<strong>Giao di\u1ec7n &gt; T\u00f9y bi\u1ebfn &gt; Woocommerce &gt; Product Page<\/strong>\u00a0d\u00e1n \u0111o\u1ea1n code sau v\u00e0o ph\u1ea7n<strong>\u00a0HTML &gt; HTML before Add to Cart Button:<\/strong><\/p>\n<p><!-- Urvanov Syntax Highlighter v2.8.34 --><\/p>\n<div id=\"urvanov-syntax-highlighter-65db07cb428b4453404705\" class=\"urvanov-syntax-highlighter-syntax crayon-theme-classic urvanov-syntax-highlighter-font-tahoma urvanov-syntax-highlighter-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\" style=\" margin-top: 12px; margin-bottom: 12px; font-size: 14px !important; line-height: 15px !important;\">\n<div class=\"crayon-toolbar\" data-settings=\" show\" style=\"font-size: 14px !important;height: 21px !important; line-height: 21px !important;\"><span class=\"crayon-title\"><\/span><\/p>\n<div class=\"crayon-tools\" style=\"font-size: 14px !important;height: 21px !important; line-height: 21px !important;\">\n<div class=\"crayon-button urvanov-syntax-highlighter-nums-button\" title=\"Toggle Line Numbers\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-plain-button\" title=\"Toggle Plain Code\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-wrap-button\" title=\"Toggle Line Wrap\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-expand-button\" title=\"Expand Code\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-copy-button\" title=\"Copy\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<div class=\"crayon-button urvanov-syntax-highlighter-popup-button\" title=\"Open Code In New Window\">\n<div class=\"urvanov-syntax-highlighter-button-icon\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"crayon-info\" style=\"min-height: 19.6px !important; line-height: 19.6px !important;\"><\/div>\n<div class=\"urvanov-syntax-highlighter-plain-wrap\"><textarea wrap=\"soft\" class=\"urvanov-syntax-highlighter-plain print-no\" data-settings=\"dblclick\" readonly style=\"-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 14px !important; line-height: 15px !important;\"><\/p>\n<p>&lt;div class=\u201dkhuyen-mai-thongwp\u2033&gt; &lt;span class=\u201dtieu-de\u201d&gt;&lt;i class=\u201dicon-gift\u201d&gt;&lt;\/i&gt; \u01afU \u0110\u00c3I L\u1edaN&lt;\/span&gt;<br \/>\n&lt;strong&gt;\u0110\u1ec3 ch\u00fang t\u00f4i h\u1ed7 tr\u1ee3 b\u1ea1n nhanh nh\u1ea5t:&lt;\/strong&gt;&lt;br&gt;<br \/>\n1. Chi\u1ebft kh\u1ea5u cao cho \u0111\u01a1n h\u00e0ng doanh nghi\u1ec7p, \u0111\u01a1n h\u00e0ng l\u1edbn&lt;br&gt;<br \/>\n2. Giao h\u00e0ng mi\u1ec5n ph\u00ed trong n\u1ed9i th\u00e0nh.&lt;br&gt;<br \/>\n3. Thanh to\u00e1n khi nh\u1eadn h\u00e0ng.&lt;br&gt;<br \/>\n4. Thi\u1ebft k\u1ebf logo theo y\u00eau c\u1ea7u t\u1eb7ng kh\u00e1ch h\u00e0ng.&lt;br&gt;<br \/>\n5. H\u00e0ng cam k\u1ebft chu\u1ea9n, ch\u00ednh h\u00e3ng.<br \/>\n&lt;\/div&gt;<br \/>\n<\/textarea><\/div>\n<div class=\"urvanov-syntax-highlighter-main\" style=\"\">\n<table class=\"crayon-table\">\n<tr class=\"urvanov-syntax-highlighter-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"urvanov-syntax-highlighter-nums-content\" style=\"font-size: 14px !important; line-height: 15px !important;\">\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428b4453404705-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428b4453404705-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428b4453404705-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428b4453404705-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428b4453404705-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428b4453404705-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428b4453404705-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428b4453404705-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428b4453404705-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"urvanov-syntax-highlighter-65db07cb428b4453404705-10\">10<\/div>\n<\/div>\n<\/td>\n<td class=\"urvanov-syntax-highlighter-code\">\n<div class=\"crayon-pre\" style=\"font-size: 14px !important; line-height: 15px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;\">\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428b4453404705-1\">\u00a0<\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428b4453404705-2\"><span class=\"crayon-o\">&lt;<\/span><span class=\"crayon-e\">div <\/span><span class=\"crayon-t\">class<\/span><span class=\"crayon-o\">=<\/span>\u201d<span class=\"crayon-v\">khuyen<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-v\">mai<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-i\">thongwp<\/span>\u2033<span class=\"crayon-o\">&gt;<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-o\">&lt;<\/span><span class=\"crayon-e\">span <\/span><span class=\"crayon-t\">class<\/span><span class=\"crayon-o\">=<\/span>\u201d<span class=\"crayon-v\">tieu<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-i\">de<\/span>\u201d<span class=\"crayon-o\">&gt;<\/span><span class=\"crayon-o\">&lt;<\/span><span class=\"crayon-i\">i<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-t\">class<\/span><span class=\"crayon-o\">=<\/span>\u201d<span class=\"crayon-v\">icon<\/span><span class=\"crayon-o\">&#8211;<\/span><span class=\"crayon-i\">gift<\/span>\u201d<span class=\"crayon-o\">&gt;<\/span><span class=\"crayon-o\">&lt;<\/span><span class=\"crayon-o\">\/<\/span><span class=\"crayon-v\">i<\/span><span class=\"crayon-o\">&gt;<\/span><span class=\"crayon-h\"> <\/span>\u01af<span class=\"crayon-i\">U<\/span><span class=\"crayon-h\"> <\/span>\u0110\u00c3<span class=\"crayon-i\">I<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">L<\/span>\u1eda<span class=\"crayon-v\">N<\/span><span class=\"crayon-o\">&lt;<\/span><span class=\"crayon-o\">\/<\/span><span class=\"crayon-v\">span<\/span><span class=\"crayon-o\">&gt;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428b4453404705-3\"><span class=\"crayon-o\">&lt;<\/span><span class=\"crayon-v\">strong<\/span><span class=\"crayon-o\">&gt;<\/span>\u0110\u1ec3<span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">ch<\/span>\u00fa<span class=\"crayon-i\">ng<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">t<\/span>\u00f4<span class=\"crayon-i\">i<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">h<\/span>\u1ed7<span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">tr<\/span>\u1ee3<span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">b<\/span>\u1ea1<span class=\"crayon-i\">n<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-e\">nhanh <\/span><span class=\"crayon-i\">nh<\/span>\u1ea5<span class=\"crayon-v\">t<\/span><span class=\"crayon-o\">:<\/span><span class=\"crayon-o\">&lt;<\/span><span class=\"crayon-o\">\/<\/span><span class=\"crayon-v\">strong<\/span><span class=\"crayon-o\">&gt;<\/span><span class=\"crayon-o\">&lt;<\/span><span class=\"crayon-v\">br<\/span><span class=\"crayon-o\">&gt;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428b4453404705-4\"><span class=\"crayon-cn\">1.<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">Chi<\/span>\u1ebf<span class=\"crayon-i\">t<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">kh<\/span>\u1ea5<span class=\"crayon-i\">u<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-e\">cao <\/span><span class=\"crayon-i\">cho<\/span><span class=\"crayon-h\"> <\/span>\u0111\u01a1<span class=\"crayon-i\">n<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">h<\/span>\u00e0<span class=\"crayon-e\">ng <\/span><span class=\"crayon-e\">doanh <\/span><span class=\"crayon-i\">nghi<\/span>\u1ec7<span class=\"crayon-v\">p<\/span><span class=\"crayon-sy\">,<\/span><span class=\"crayon-h\"> <\/span>\u0111\u01a1<span class=\"crayon-i\">n<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">h<\/span>\u00e0<span class=\"crayon-i\">ng<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">l<\/span>\u1edb<span class=\"crayon-v\">n<\/span><span class=\"crayon-o\">&lt;<\/span><span class=\"crayon-v\">br<\/span><span class=\"crayon-o\">&gt;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428b4453404705-5\"><span class=\"crayon-cn\">2.<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">Giao<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">h<\/span>\u00e0<span class=\"crayon-e\">ng <\/span><span class=\"crayon-i\">mi<\/span>\u1ec5<span class=\"crayon-i\">n<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">ph<\/span>\u00ed<span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">trong<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">n<\/span>\u1ed9<span class=\"crayon-i\">i<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">th<\/span>\u00e0<span class=\"crayon-v\">nh<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-o\">&lt;<\/span><span class=\"crayon-v\">br<\/span><span class=\"crayon-o\">&gt;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428b4453404705-6\"><span class=\"crayon-cn\">3.<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-e\">Thanh <\/span><span class=\"crayon-st\">to<\/span>\u00e1<span class=\"crayon-i\">n<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-e\">khi <\/span><span class=\"crayon-i\">nh<\/span>\u1ead<span class=\"crayon-i\">n<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">h<\/span>\u00e0<span class=\"crayon-v\">ng<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-o\">&lt;<\/span><span class=\"crayon-v\">br<\/span><span class=\"crayon-o\">&gt;<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428b4453404705-7\"><span class=\"crayon-cn\">4.<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">Thi<\/span>\u1ebf<span class=\"crayon-i\">t<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">k<\/span>\u1ebf<span class=\"crayon-h\"> <\/span><span class=\"crayon-e\">logo <\/span><span class=\"crayon-i\">theo<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">y<\/span>\u00ea<span class=\"crayon-i\">u<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">c<\/span>\u1ea7<span class=\"crayon-i\">u<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">t<\/span>\u1eb7<span class=\"crayon-e\">ng <\/span><span class=\"crayon-i\">kh<\/span>\u00e1<span class=\"crayon-i\">ch<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">h<\/span>\u00e0<span class=\"crayon-v\">ng<\/span><span class=\"crayon-sy\">.<\/span><span class=\"crayon-o\">&lt;<\/span><span class=\"crayon-v\">br<\/span><span class=\"crayon-o\">&gt;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428b4453404705-8\"><span class=\"crayon-cn\">5.<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">H<\/span>\u00e0<span class=\"crayon-e\">ng <\/span><span class=\"crayon-i\">cam<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">k<\/span>\u1ebf<span class=\"crayon-i\">t<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">chu<\/span>\u1ea9<span class=\"crayon-v\">n<\/span><span class=\"crayon-sy\">,<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">ch<\/span>\u00ed<span class=\"crayon-i\">nh<\/span><span class=\"crayon-h\"> <\/span><span class=\"crayon-i\">h<\/span>\u00e3<span class=\"crayon-v\">ng<\/span><span class=\"crayon-sy\">.<\/span><\/div>\n<div class=\"crayon-line\" id=\"urvanov-syntax-highlighter-65db07cb428b4453404705-9\"><span class=\"crayon-o\">&lt;<\/span><span class=\"crayon-o\">\/<\/span><span class=\"crayon-v\">div<\/span><span class=\"crayon-o\">&gt;<\/span><\/div>\n<div class=\"crayon-line crayon-striped-line\" id=\"urvanov-syntax-highlighter-65db07cb428b4453404705-10\">\u00a0<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/table><\/div>\n<\/p><\/div>\n<p><!-- [Format Time: 0.0005 seconds] --><\/p>\n<p><figure id=\"attachment_230\" aria-describedby=\"caption-attachment-230\" style=\"width: 951px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-230\" src=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/them-code-vao-1.webp\" alt=\"Th\u00eam \u0111o\u1ea1n code v\u00e0o \u0111\u00e2y\" width=\"951\" height=\"554\" title=\"H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng Flatsome n\u00e2ng cao chi ti\u1ebft 2023 44\" srcset=\"https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/them-code-vao-1-300x175.webp 300w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/them-code-vao-1-768x447.webp 768w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/them-code-vao-1-600x350.webp 600w, https:\/\/khogiaodienmau.net\/muathemewp\/wp-content\/uploads\/2024\/03\/them-code-vao-1.webp 951w\"><figcaption id=\"caption-attachment-230\" class=\"wp-caption-text\">Th\u00eam \u0111o\u1ea1n code v\u00e0o \u0111\u00e2y<\/figcaption><\/figure>\n<\/p>\n<p>V\u1eady l\u00e0 b\u1ea1n c\u00f3 th\u1ec3 t\u1ef1 tay t\u1ea1o ra m\u1ed9t khung khuy\u1ebfn m\u1ea1i \u0111\u1eb9p m\u1eaft cho trang s\u1ea3n ph\u1ea9m Woocommerce c\u1ee7a m\u00ecnh r\u1ed3i, h\u01b0\u1edbng d\u1eabn tr\u00ean \u0111\u00e2y ch\u1ec9 l\u00e0 b\u1ea3n demo th\u00f4i nh\u00e9, b\u1ea1n ho\u00e0n to\u00e0n c\u00f3 th\u1ec3 t\u00f9y bi\u1ebfn giao di\u1ec7n Flatsome c\u1ee7a m\u00ecnh \u0111\u1eb9p h\u01a1n nh\u01b0 th\u1ebf n\u00e0y n\u1eefa th\u00f4ng qua vi\u1ec7c ch\u1ec9nh s\u1eeda code css. Ch\u00fang c\u00f3 \u0111\u1eb9p hay x\u1ea5u l\u00e0 s\u1ebd do con m\u1eaft th\u1ea9m m\u0129 c\u0169ng nh\u01b0 css c\u00f3 \u0111\u1eb9p hay kh\u00f4ng. B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng nguy\u00ean \u0111o\u1ea1n m\u00e3 tr\u00ean ch\u00e8n v\u00e0o trong web b\u1ea1n m\u00e0 kh\u00f4ng c\u1ea7n ch\u1ec9nh s\u1eeda, n\u00f3 c\u0169ng kh\u00e1 l\u00e0 \u0111\u1eb9p s\u1eb5n r\u1ed3i, n\u1ebfu b\u1ea1n mu\u1ed1n.<\/p>\n<h2 id=\"ftoc-heading-6\" class=\"ftwp-heading\"><span id=\"Loi_ket\"><strong>L\u1eddi k\u1ebft<\/strong><\/span><\/h2>\n<p>C\u00f3 th\u1ec3 c\u00f2n nhi\u1ec1u b\u00e0i h\u01b0\u1edbng d\u1eabn v\u00e0 c\u00e1ch t\u00f9y bi\u1ebfn giao di\u1ec7n Flatsome t\u1eeb c\u01a1 b\u1ea3n \u0111\u1ebfn n\u00e2ng cao n\u1eefa m\u00e0 m\u00ecnh ch\u01b0a ti\u1ec7n n\u00f3i ra \u1edf \u0111\u00e2y. Sau n\u00e0y c\u00f3 th\u1eddi gian nh\u1ea5t \u0111\u1ecbnh m\u00ecnh s\u1ebd ti\u1ebfp t\u1ee5c ra b\u00e0i vi\u1ebft m\u1edbi \u0111\u1ec3 gi\u00fap c\u00e1c b\u1ea1n thi\u1ebft k\u1ebf \u0111\u01b0\u1ee3c Website \u0111\u1eb9p h\u01a1n n\u1eefa. B\u1ea1n nh\u1edb \u0111\u00f3n xem b\u00e0i vi\u1ebft m\u1edbi nh\u1ea5t c\u1ee7a m\u00ecnh \u0111\u1ec3 c\u1eadp nh\u1eadt th\u00eam ki\u1ebfn th\u1ee9c b\u1ed5 sung v\u1ec1 Flatsome nh\u00e9. V\u1eady l\u00e0 ch\u00fang ta \u0111\u00e3 \u0111i h\u1ebft n\u1ed9i dung c\u1ee7a b\u00e0i vi\u1ebft n\u00e0y r\u1ed3i, b\u1ea1n \u0111\u00e3 \u0111\u01b0\u1ee3c xem qua nh\u1eefng h\u01b0\u1edbng d\u1eabn n\u00e2ng cao c\u1ee7a m\u00ecnh v\u1ec1 Theme n\u00e0y chi ti\u1ebft nh\u1ea5t c\u00f3 th\u1ec3, hi v\u1ecdng n\u00f3 s\u1ebd c\u00f3 \u00edch cho b\u1ea1n. Ch\u00fac c\u00e1c b\u1ea1n bi\u1ebft c\u00e1ch s\u1eed d\u1ee5ng v\u00e0 bi\u1ebft t\u00f9y bi\u1ebfn giao di\u1ec7n Theme Flatsome theo \u00fd th\u00edch c\u1ee7a m\u00ecnh nh\u00e9.<\/p>\n<\/div>\n<div class=\"xem-them\">\n    <span class=\"tieu-de-xem-them\">Xem th\u00eam:<\/span><\/p>\n<ul>\n<li>\n    Chia s\u1ebb Theme SociallyViral c\u1ee7a Mythemeshop mi\u1ec5n ph\u00ed cho Website\n<\/li>\n<li>\n    Chia s\u1ebb PostX Pro: #1 Plugin T\u00f9y bi\u1ebfn trang Blog m\u1ea1nh m\u1ebd\n<\/li>\n<li>\n    Gi\u1edbi thi\u1ec7u b\u1ed9 Full 80 Theme kh\u1ed5ng l\u1ed3 c\u1ee7a Mythemeshop\n<\/li>\n<li>\n    Gi\u1edbi thi\u1ec7u Schema Pro, Plugin SEO d\u1eef li\u1ec7u c\u00f3 c\u1ea5u tr\u00fac b\u00e1 \u0111\u1ea1o\n<\/li>\n<li>\n    T\u1ea3i WP Rocket mi\u1ec5n ph\u00ed b\u1ea3n m\u1edbi nh\u1ea5t cho Website WordPress\n<\/li>\n<\/ul>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Flatsome l\u00e0 m\u1ed9t Theme \u0111a \u0111\u1ee5ng v\u00e0 n\u1ed5i ti\u1ebfng trong WordPress, n\u00f3 th\u01b0\u1eddng \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 thi\u1ebft k\u1ebf website b\u00e1n h\u00e0ng v\u00e0 th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. M\u1ed7i khi nh\u1eafc \u0111\u1ebfn vi\u1ec7c l\u00e0m m\u1ed9t trang web \u0111\u1ec3 b\u00e1n h\u00e0ng th\u00ec ng\u01b0\u1eddi ta s\u1ebd nh\u1eafc \u0111\u1ebfn Woocommerce, m\u1ed7i khi nh\u1eafc \u0111\u1ebfn Woocommerce th\u00ec kh\u00f4ng ai l\u00e0<\/p>\n","protected":false},"author":1,"featured_media":2035,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[476],"tags":[],"class_list":["post-2034","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-kinh-nghiem-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/posts\/2034","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/comments?post=2034"}],"version-history":[{"count":1,"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/posts\/2034\/revisions"}],"predecessor-version":[{"id":2056,"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/posts\/2034\/revisions\/2056"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/media\/2035"}],"wp:attachment":[{"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/media?parent=2034"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/categories?post=2034"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/khogiaodienmau.net\/muathemewp\/wp-json\/wp\/v2\/tags?post=2034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}