{"id":1342,"date":"2016-05-31T16:22:05","date_gmt":"2016-05-31T08:22:05","guid":{"rendered":"https:\/\/aweidesign.why3s.tw\/wp2\/?p=1342"},"modified":"2016-05-31T16:37:09","modified_gmt":"2016-05-31T08:37:09","slug":"opencart%e8%b3%bc%e7%89%a9%e7%b6%b2%e7%ab%99facebook-%e7%b2%89%e7%b5%b2%e5%9c%98%e6%b5%ae%e5%8b%95%e5%a4%96%e6%8e%9b","status":"publish","type":"post","link":"https:\/\/aweidesign.why3s.tw\/wp2\/1342\/opencart%e8%b3%bc%e7%89%a9%e7%b6%b2%e7%ab%99facebook-%e7%b2%89%e7%b5%b2%e5%9c%98%e6%b5%ae%e5%8b%95%e5%a4%96%e6%8e%9b","title":{"rendered":"[OpenCart\u8cfc\u7269\u7db2\u7ad9]Facebook \u7c89\u7d72\u5718\u6d6e\u52d5\u5916\u639b"},"content":{"rendered":"<p>\u96d6\u7136\u8aaaopencart\u53ef\u4ee5\u5229\u7528(HTML \u5167\u5bb9)\u65b0\u589e\u7248\u9762\u4f86\u628aFB\u7c89\u7d72\u5718\u653e\u7f6e\u5728\u9996\u9801\u4f4d\u7f6e<br \/>\n\u4f46\u662f\u5982\u679c\u53ef\u4ee5\u50cf\u6211wordpress\u7684\u53f3\u5074\u6ed1\u52d5FB\u7c89\u7d72\u5718,\u4e0d\u662f\u66f4\u7701\u7248\u9762\u4f4d\u7f6e\u55ce?<\/p>\n<p>\u57fa\u672c\u4e0a\u60f3\u8981\u52d5opencart\u9996\u9801.\u53ef\u76f4\u63a5\u5230<br \/>\n\u4f60\u7684\u7db2\u7ad9\/catalog\/view\/theme\/default\/template\/common\/<span style=\"color: #ff0000;\">home.tpl<\/span><\/p>\n<p>\u666e\u901a\u7684\u5efa\u7f6e\u65b9\u5f0f\u61c9\u8a72\u662f\u5728home.tpl\u5148\u5efa\u7acbFB\u7c89\u7d72\u5718 DIV\u5340\u584a,\u8207JS\u8a2d\u5b9a\u6ed1\u52d5\u65b9\u5f0f<br \/>\n\u7136\u5f8c\u518d\u5230\/catalog\/view\/theme\/default\/stylesheet\/stylesheet.css\u53bb\u5b9a\u4f4d\u6b64div\u4f4d\u7f6e<br \/>\n\u9019\u6a23\u6b65\u9a5f\u592a\u591a&#8230;\u53ea\u8981\u6709\u4e00\u500b\u5730\u65b9\u51fa\u932f&#8230;.\u5f88\u5bb9\u6613\u6c92\u8fa6\u6cd5\u5448\u73fe\u4f60\u60f3\u8981\u7684\u6548\u679c<\/p>\n<hr \/>\n<p>\u73fe\u5728\u6709\u4e00\u500b\u66f4\u65b9\u4fbf\u7684\u65b9\u5f0f\u53ef\u4ee5\u5feb\u901f\u66ff\u4f60\u7684opencart\u6216\u5176\u4ed6\u7db2\u7ad9\u5feb\u901f\u52a0\u4e0aFB\u6d6e\u52d5\u7c89\u7d72\u6846<\/p>\n<p>1.\u9996\u5148\u8907\u88fd\u4f60\u7684\u7c89\u7d72\u5718\u7db2\u5740:\u4f8b\u5982https:\/\/www.facebook.com\/aweidesignshow\/<\/p>\n<p>2.\u8acb\u8907\u88fd\u4e0b\u5217\u8a9e\u6cd5<br \/>\n&lt;!&#8211; float facebook like box start &#8211;&gt;<br \/>\n&lt;script id=&#8221;float_fb&#8221; src=&#8221;\/\/pic.sopili.net\/pub\/float_fb\/widget.js&#8221; data-href=&#8221;<span style=\"color: #ff0000;\">\u7c89\u7d72\u5718\u7db2\u5740<\/span>&#8221; async&gt;&lt;\/script&gt;<br \/>\n&lt;!&#8211; float facebook like box end &#8211;&gt;<\/p>\n<p>3.\u5982\u679c\u662fopencart\u7db2\u7ad9\u5247\u5c07\u4e0a\u9762\u8a9e\u6cd5\u8cbc\u5165home.tpl\u5167\u5373\u53ef\u5b8c\u6210~~\u8d85\u7c21\u55ae\u7684\u5427~!<br \/>\n(\u5982\u679c\u662f\u5176\u4ed6\u7db2\u7ad9\u4ecb\u9762,\u53ef\u8cbc\u5728\u8981\u986f\u793a\u7684\u9801\u9762\u6a94\u6848)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1343\" src=\"https:\/\/aweidesign.why3s.tw\/wp2\/wp-content\/uploads\/2016\/05\/fbflot.jpg\" alt=\"fbflot\" width=\"540\" height=\"540\" srcset=\"https:\/\/aweidesign.why3s.tw\/wp2\/wp-content\/uploads\/2016\/05\/fbflot.jpg 540w, https:\/\/aweidesign.why3s.tw\/wp2\/wp-content\/uploads\/2016\/05\/fbflot-150x150.jpg 150w, https:\/\/aweidesign.why3s.tw\/wp2\/wp-content\/uploads\/2016\/05\/fbflot-300x300.jpg 300w, https:\/\/aweidesign.why3s.tw\/wp2\/wp-content\/uploads\/2016\/05\/fbflot-144x144.jpg 144w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/><\/p>\n<p>js\u5099\u4efd<\/p>\n<pre lang=\"javascript\">&lt;script type=\"text\/javascript\" charset=\"utf-8\"&gt;\/\/ &lt;![CDATA[\r\n(function(){\r\n    var load_float_fb = function($){\r\n        var defaults = {\r\n                container_width:280,\r\n                height:224,\r\n                show_facepile:'true',\r\n                show_posts:'false',\r\n                href:''\r\n            },\r\n            cfg = $(\"#float_fb\").data(),\r\n            iframe = 'https:\/\/www.facebook.com\/v2.3\/plugins\/page.php?',\r\n            params = [],\r\n            png = $(\"#float_fb\").attr('src').replace(\/\\?.*\/, '').replace(\/[\\w\\.]+$\/, \"widget.png\")\r\n            ;\r\n        var val;\r\n        for(var k in defaults)\r\n        {\r\n            if(typeof cfg[k] === 'undefined')\r\n                cfg[k] = defaults[k];\r\n            val = cfg[k];\r\n            params.push(k + '=' + val);\r\n        }\r\n        iframe += params.join('&amp;');\r\n\r\n        var status_ = 'hide'; \/\/ showing, hiding, show, hide\r\n        $(\"body\").append(\r\n            ['\r\n&lt;div id=\"float_fb_plugin\" style=\"visibility:hidden\"&gt;',\r\n            '&lt;img src=\"' + png + '\" style=\"cursor:pointer;position:absolute;margin-left:-47px;\" border=0 \/&gt;',\r\n            '&lt;iframe scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\"&gt;&lt;\/iframe&gt;',\r\n            '&lt;a target=\"_blank\" ',\r\n                'style=\"width:' + cfg.container_width + 'px;height:24px;line-height:24px; margin:0;padding:0;',\r\n                'padding-left:8px;position:absolute;bottom:-15px;background-color:#f6f7f8;',\r\n                'text-align:left;font-size:12px;color:gray;display:block;\"',\r\n                ' href=\"http:\/\/pic.sopili.net\/lnk\/-\/pilipress\/float-fb\/\"&gt;get this widget&lt;\/a&gt;',\r\n            '&lt;\/div&gt;\r\n'].join(''));\r\n        var w = $(\"#float_fb_plugin\");\r\n\r\n        var top_ = ($(window).height() - cfg.height)\/2;\r\n        if(top_ &lt; 50)\r\n            top_ = 50;\r\n        var right_ = cfg.container_width * -1;\r\n\r\n        var css = {width:cfg.container_width, height:cfg.height,\r\n            position:'fixed',\r\n            top:top_,\r\n            right:right_,\r\n            visibility:'visible',\r\n            backgroundColor:'white',\r\n            zIndex:2147483647\r\n        };\r\n\r\n        w.find('iframe').attr({width:cfg.width, height:cfg.height}).attr('src', iframe);\r\n\r\n        w.css(css);\r\n\r\n        w.find('img').hover(function(){\r\n            if(status_ != 'hide')\r\n                return;\r\n            status_ = 'showing';\r\n            w.animate({right: 0}, function(){ status_ = 'show'; });\r\n        });\r\n\r\n        w.mousemove(function(e){\r\n            e.stopPropagation();    \r\n        });\r\n\r\n        $(\"body\").mousemove(function(){\r\n            if(status_ != 'show')\r\n                return;\r\n            status_ = 'hiding';\r\n            w.animate({right:right_}, function(){ status_ = 'hide';});\r\n        });\r\n    };\r\n\r\n    \/\/ load jquery if needed\r\n    if(typeof jQuery === 'undefined')\r\n    {\r\n        var run = false;\r\n        var script = document.createElement('script');\r\n        script.type = 'text\/javascript';\r\n        script.src = '\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.8.2\/jquery.min.js';\r\n        script.onload = function(){\r\n            $.noConflict();\r\n            run = true;\r\n            load_float_fb(jQuery);\r\n        };\r\n        var head = document.getElementsByTagName('head')[0];\r\n        if(head) head.appendChild(script);\r\n\r\n        setTimeout(function(){\r\n            if(!run)\r\n                load_float_fb(jQuery);\r\n        }, 3000);\r\n    }\r\n    else\r\n        load_float_fb(jQuery);\r\n\r\n})();\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u96d6\u7136\u8aaaopencart\u53ef\u4ee5\u5229\u7528(HTML \u5167\u5bb9)\u65b0\u589e\u7248\u9762\u4f86\u628aFB\u7c89\u7d72\u5718\u653e\u7f6e\u5728\u9996\u9801\u4f4d\u7f6e \u4f46\u662f\u5982\u679c\u53ef\u4ee5\u50cf\u6211word [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44,137],"tags":[197,198],"class_list":["post-1342","post","type-post","status-publish","format-standard","hentry","category-classroom","category-opencart","tag-facebook-","tag-198"],"_links":{"self":[{"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/posts\/1342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/comments?post=1342"}],"version-history":[{"count":5,"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/posts\/1342\/revisions"}],"predecessor-version":[{"id":1348,"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/posts\/1342\/revisions\/1348"}],"wp:attachment":[{"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/media?parent=1342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/categories?post=1342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aweidesign.why3s.tw\/wp2\/wp-json\/wp\/v2\/tags?post=1342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}