Question

我已经编写了代码，以便从json获取instagram图像供稿并在此处正常工作http://www.xesense.com/demo/instagram/

 <style>
.instagram-wrap {
float: left;
width: 16.6666%;
}

.instagram-wrap img.instagram-image {
width: 100%;
}
</style>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>

<script type="text/javascript" >
var access_token = "XXXXXXXXXXXXXXXX";     
//*** YOU NEED TO GET YOUR OWN ACCESS TOKEN FROM INSTAGRAM
var resolution = "thumbnail"; 
var user_id = "XXXXXXX";
var hashtag = "XXXXXX";
var last_url = "";

var start_url =    "https://api.instagram.com/v1/users/"+user_id+"/media/recent/?    access_token="+access_token;
 function loadEmUp(next_url){
 url = next_url;

  $(function() {
    $.ajax({
            type: "GET",
            dataType: "jsonp",
            cache: false,
            url: url ,
            success: function(data) {

            next_url = data.pagination.next_url;
            count = 18;  
                        for (var i = 0; i < count; i++) {
                    if (typeof data.data[i] !== 'undefined' ) {
                        $("#instagram").append("<div class='instagram-wrap' id='pic-"+ data.data[i].id +"' ><a target='_blank' href='" + data.data[i].link +"'><img class='instagram-image' src='" + data.data[i].images.low_resolution.url +"' /></a></div>"
                    );  
                    }  
            }     
        }
      });
       });
     }
    //CALL THE SCRIPT TO START...
   jQuery(function($) {
    loadEmUp(start_url);
    });
    </script>

    <div id="instagram"></div>

但是当我在magento静态块中添加此代码时，它无法正常工作 https://naturerestore.com/ 我创建了名为intagram / instagram.phtml的核心模板文件我认为这是由于冲突错误造成的。

Answer 1

静态块不用于保留代码。您可以更好地添加phtml模板文件，并在主页中调用它，如下所示：

{{block type="core/template" name="home_instagram" template="instagram/instagram.phtml"}}

或者您可以在主题的xml文件中添加您的块，如下所示：

<cms_index_index>
    <reference name="content">
         <block type="core/template" after="-" name="home_instagram" template="instagram/instagram.phtml"/>
    </reference>
</cms_index_index>

这样它将在主页上自动输出。请注意，您可以添加before代替我在演示中使用的after。 after="-"表示在页面上的所有元素之后输出。

Answer 2

您可以在page/template/instagram.phtml中为此创建模板文件，并通过

在page.xml中创建块

<block type="core/template" name="instagram" as="instagram" template="page/template/instagram.phtml" />

通过echo $this->getChildHtml('instagram')

在模板文件中调用您的块

希望您的Instagram Feed代码正常运行

这会对你有帮助，

在我的magento网站上嵌入intagram feed

2 个答案: