{"id":954,"date":"2019-12-06T19:52:37","date_gmt":"2019-12-06T12:52:37","guid":{"rendered":"http:\/\/localhost\/w1\/?p=954"},"modified":"2019-12-06T20:23:44","modified_gmt":"2019-12-06T13:23:44","slug":"huong-dan-thu-gon-noi-dung-chi-tiet-san-pham-cho-flatsome","status":"publish","type":"post","link":"https:\/\/sieuthi.mauwebwp.com\/sieuthi010\/huong-dan-thu-gon-noi-dung-chi-tiet-san-pham-cho-flatsome\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn thu g\u1ecdn n\u1ed9i dung chi ti\u1ebft s\u1ea3n ph\u1ea9m cho Flatsome"},"content":{"rendered":"<p>B\u00e0i n\u00e0y s\u1ebd gi\u00fap c\u00e1c b\u1ea1n thu g\u1ecdn n\u1ed9i dung chi ti\u1ebft s\u1ea3n ph\u1ea9m cho theme Flatsome. V\u00ed d\u1ee5 n\u1ed9i dung chi ti\u1ebft qu\u00e1 d\u00e0i m\u00e0 b\u1ea1n mu\u1ed1n h\u1ea1n ch\u1ebf l\u1ea1i \u0111\u1ec3 khi ng\u01b0\u1eddi dung mu\u1ed1n xem th\u00eam th\u00ec click xem th\u00eam c\u00f2n kh\u00f4ng th\u00ec \u0111\u1ec3 g\u1ecdn l\u1ea1i cho web n\u00f3 g\u1ecdn h\u01a1n. K\u1ebft qu\u1ea3 s\u1ebd \u0111\u01b0\u1ee3c nh\u01b0 h\u00ecnh<\/p>\n<p><a class=\"photolightbox\" title=\"H\u01b0\u1edbng d\u1eabn thu g\u1ecdn n\u1ed9i dung chi ti\u1ebft s\u1ea3n ph\u1ea9m cho Flatsome\" href=\"http:\/\/localhost\/w1\/wp-content\/uploads\/2019\/12\/huong-dan-thu-gon-noi-dung-chi-tiet-san-pham-cho-flatsome-954-7781.png\"><img class=\"aligncenter\" src=\"http:\/\/localhost\/w1\/wp-content\/uploads\/2019\/12\/huong-dan-thu-gon-noi-dung-chi-tiet-san-pham-cho-flatsome-954-7781.png\" alt=\"H\u01b0\u1edbng d\u1eabn thu g\u1ecdn n\u1ed9i dung chi ti\u1ebft s\u1ea3n ph\u1ea9m cho Flatsome\" \/><\/a><\/p>\n<p><b>Ch\u00fa \u00fd:\u00a0<\/b><\/p>\n<ol>\n<li>CH\u1ec8 l\u00e0m vi\u1ec7c v\u1edbi Theme Flatsome<\/li>\n<li>V\u1edbi c\u00e1ch n\u00e0y b\u1ea1n ch\u1ec9 c\u1ea7n g\u00e1n code v\u00e0o\u00a0<strong>functions.php<\/strong>\u00a0c\u1ee7a theme l\u00e0 \u0111\u01b0\u1ee3c. Nh\u01b0ng n\u1ebfu b\u1ea1n n\u00e0o kh\u00f4ng th\u00edch g\u00e1n v\u00e0o\u00a0<strong>functions.php<\/strong>\u00a0th\u00ec c\u00f3 th\u1ec3 t\u00e1ch css v\u00e0 js ra \u0111\u1ec3 v\u00e0o c\u00e1c file t\u01b0\u01a1ng \u1ee9ng c\u0169ng \u0111\u01b0\u1ee3c nh\u00e9.<\/li>\n<\/ol>\n<p>Code thu g\u1ecdn n\u1ed9i dung chi ti\u1ebft s\u1ea3n ph\u1ea9m<\/p>\n<p>Copy v\u00e0 paste \u0111o\u1ea1n code sau v\u00e0o cu\u1ed1i file<strong>\u00a0functions.php<\/strong>\u00a0c\u1ee7a theme\u00a0<strong>flatsome<\/strong>\u00a0c\u1ee7a b\u1ea1n \u0111ang k\u00edch ho\u1ea1t l\u00e0 \u0111\u01b0\u1ee3c.<\/p>\n[code]\n\/*<br \/>\n* Author: MuaTheme &#8211; https:\/\/muatheme.com<br \/>\n*\/<br \/>\nadd_action(&#8216;wp_footer&#8217;,&#8217;devvn_readmore_flatsome&#8217;);<br \/>\nfunction devvn_readmore_flatsome(){<br \/>\n    ?&gt;<br \/>\n    &lt;style&gt;<br \/>\n        .single-product div#tab-description {<br \/>\n            overflow: hidden;<br \/>\n            position: relative;<br \/>\n        }<br \/>\n        .single-product .tab-panels div#tab-description.panel:not(.active) {<br \/>\n            height: 0 !important;<br \/>\n        }<br \/>\n        .devvn_readmore_flatsome {<br \/>\n            text-align: center;<br \/>\n            cursor: pointer;<br \/>\n            position: absolute;<br \/>\n            z-index: 9999;<br \/>\n            bottom: 0;<br \/>\n            width: 100%;<br \/>\n            background: #fff;<br \/>\n        }<br \/>\n        .devvn_readmore_flatsome:before {<br \/>\n            height: 55px;<br \/>\n            margin-top: -45px;<br \/>\n            content: &#8220;&#8221;;<br \/>\n            background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);<br \/>\n            background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);<br \/>\n            background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);<br \/>\n            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#8217;#ffffff00&#8242;, endColorstr=&#8217;#ffffff&#8217;,GradientType=0 );<br \/>\n            display: block;<br \/>\n        }<br \/>\n        .devvn_readmore_flatsome a {<br \/>\n            color: #318A00;<br \/>\n            display: block;<br \/>\n        }<br \/>\n        .devvn_readmore_flatsome a:after {<br \/>\n            content: &#8221;;<br \/>\n            width: 0;<br \/>\n            right: 0;<br \/>\n            border-top: 6px solid #318A00;<br \/>\n            border-left: 6px solid transparent;<br \/>\n            border-right: 6px solid transparent;<br \/>\n            display: inline-block;<br \/>\n            vertical-align: middle;<br \/>\n            margin: -2px 0 0 5px;<br \/>\n        }<br \/>\n    &lt;\/style&gt;<br \/>\n    &lt;script&gt;<br \/>\n        (function($){<br \/>\n            $(document).ready(function(){<br \/>\n                $(window).load(function(){<br \/>\n                    if($(&#8216;.single-product div#tab-description&#8217;).length &gt; 0){<br \/>\n                        var wrap = $(&#8216;.single-product div#tab-description&#8217;);<br \/>\n                        var current_height = wrap.height();<br \/>\n                        var your_height = 300;<br \/>\n                        if(current_height &gt; your_height){<br \/>\n                            wrap.css(&#8216;height&#8217;, your_height+&#8217;px&#8217;);<br \/>\n                            wrap.append(function(){<br \/>\n                                return &#8216;&lt;div class=&#8221;devvn_readmore_flatsome&#8221;&gt;&lt;a title=&#8221;Xem th\u00eam&#8221; href=&#8221;javascript:void(0);&#8221;&gt;Xem th\u00eam&lt;\/a&gt;&lt;\/div&gt;&#8217;;<br \/>\n                            });<br \/>\n                            $(&#8216;body&#8217;).on(&#8216;click&#8217;,&#8217;.devvn_readmore_flatsome&#8217;, function(){<br \/>\n                                wrap.removeAttr(&#8216;style&#8217;);<br \/>\n                                $(&#8216;body .devvn_readmore_flatsome&#8217;).remove();<br \/>\n                            });<br \/>\n                        }<br \/>\n                    }<br \/>\n                });<br \/>\n            })<br \/>\n        })(jQuery)<br \/>\n    &lt;\/script&gt;<br \/>\n    &lt;?php<br \/>\n}<br \/>\n[\/code]\n","protected":false},"excerpt":{"rendered":"<p>B\u00e0i n\u00e0y s\u1ebd gi\u00fap c\u00e1c b\u1ea1n thu g\u1ecdn n\u1ed9i dung chi ti\u1ebft s\u1ea3n ph\u1ea9m cho theme Flatsome. V\u00ed d\u1ee5 n\u1ed9i dung chi ti\u1ebft qu\u00e1 d\u00e0i m\u00e0 b\u1ea1n mu\u1ed1n h\u1ea1n ch\u1ebf l\u1ea1i \u0111\u1ec3 khi ng\u01b0\u1eddi dung mu\u1ed1n xem th\u00eam th\u00ec click xem th\u00eam c\u00f2n kh\u00f4ng th\u00ec \u0111\u1ec3 g\u1ecdn l\u1ea1i cho web n\u00f3 g\u1ecdn h\u01a1n. K\u1ebft qu\u1ea3 &#8230;<\/p>\n","protected":false},"author":2,"featured_media":957,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/sieuthi.mauwebwp.com\/sieuthi010\/wp-json\/wp\/v2\/posts\/954"}],"collection":[{"href":"https:\/\/sieuthi.mauwebwp.com\/sieuthi010\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sieuthi.mauwebwp.com\/sieuthi010\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sieuthi.mauwebwp.com\/sieuthi010\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sieuthi.mauwebwp.com\/sieuthi010\/wp-json\/wp\/v2\/comments?post=954"}],"version-history":[{"count":10,"href":"https:\/\/sieuthi.mauwebwp.com\/sieuthi010\/wp-json\/wp\/v2\/posts\/954\/revisions"}],"predecessor-version":[{"id":966,"href":"https:\/\/sieuthi.mauwebwp.com\/sieuthi010\/wp-json\/wp\/v2\/posts\/954\/revisions\/966"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sieuthi.mauwebwp.com\/sieuthi010\/wp-json\/wp\/v2\/media\/957"}],"wp:attachment":[{"href":"https:\/\/sieuthi.mauwebwp.com\/sieuthi010\/wp-json\/wp\/v2\/media?parent=954"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sieuthi.mauwebwp.com\/sieuthi010\/wp-json\/wp\/v2\/categories?post=954"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sieuthi.mauwebwp.com\/sieuthi010\/wp-json\/wp\/v2\/tags?post=954"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}