我是shopify的新手,我想在我正在處理的網站上添加Instagram feed。這個網站使用Retina主題,我認爲這不是一個更新的主題。我閱讀了一些文章,如here關於在shopify商店主頁中缺少instagram feed,他們說我需要有一個訪問令牌。現在我有我的訪問令牌,我不知道該如何處理它。我的意思是,我可以在哪裏插入這個令牌?任何幫助將非常感激。Instagram訂閱令牌在shopify
0
A
回答
1
那麼,它需要一些編碼技巧。嘗試使用Shopify Apps Marketplace免費的Instagram應用程序。您不需要做任何事,除了複製粘貼&嵌入代碼:
1
{{ 'instafeed.min.js' | asset_url | script_tag }}
{{ 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css' | stylesheet_tag }}
<h2 class="instagram_heading" style="text-align: center;"><span style="color: #000;">Store Name</span><span style="font-weight:normal;"> On Instagram </span><a target="_blank" href="https://www.instagram.com/shopgear101/"> UserName</a></h2>
<section class="twitter-feed footer-bottom-margin">
<div id="instafeed" class="photo_list list-inline">
</div>
<script type="text/javascript">
var userFeed = new Instafeed({
get: 'user',
userId: 'userid', //Put The user id here..
accessToken: 'accesstoken', //Put The access token here..
limit: '10',
template: '<div class="twitter_img" style="background-image: url\(\{\{image\}\}\)"><div class="inner_image text-center"></div><a target="_blank" href="\{\{link\}\}"><div class="inner_image"><span class="text_like"><i class="fa fa-heart" aria-hidden="true"></i> \{\{likes\}\}</span></div></a></div>'
});
userFeed.run();
</script>
<style>
.twitter_img{
float:left;
position: relative;
width: 20%;
padding-bottom : 20%; /* = width for a 1:1 aspect ratio */
background-position:center center;
background-repeat:no-repeat;
background-size:cover; /* you change this to "contain" if you don't want the images to be cropped */
}
.inner_image {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
background: rgba(0, 0 , 0,.5);
color: #fff;
width: 100%;
height: 100%;
opacity: 0;
}
.twitter_img:hover .inner_image{
opacity: 1;
transition: 0.3s ease;
}
.text_like{
font-size: 22px;
position: relative;
top: 47%;
left: 45%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media screen and (max-width: 420px){
.twitter_img{
width: 50%;
height: 190px !important;
}
}
</style>
</section>
+0
嘿謝謝你的答案。我以前忘了刪除這個問題。我自己設法解決了這個問題。 – claudios
+1
因此,回答自己的問題並接受自己的回答是一個好主意。 –
+0
首頁它會幫助其他人。 @claudios –
相關問題
- 1. Instagram訂閱
- 2. 獲取Instagram訪問令牌
- 3. Instagram訪問令牌到期
- 4. 獲取acccess令牌的Instagram
- 5. 什麼是Shopify API訂單響應中的令牌字段?
- 6. instagram api rails隱藏的令牌在heroku
- 7. 訂閱API的URL無效:Instagram
- 8. Instagram:與R和httr實時訂閱
- 9. Instagram Api,訂閱更新數據
- 10. 在python上閱讀令牌
- 11. 如何在刷新令牌後恢復主題訂閱?
- 12. shopify - nodejs - 獲取永久令牌失敗
- 13. Instagram API:SyntaxError:意外的令牌<
- 14. 讓Instagram訪問令牌w/out登錄
- 15. 生成永久Instagram訪問令牌
- 16. 如何獲取Instagram API訪問令牌
- 17. instagram api應用程序訪問令牌
- 18. 如何獲得Instagram的訪問令牌
- 19. Instagram Subscription API總是隻創建1個訂閱並覆蓋另一個訂閱
- 20. FCM訂閱主題返回無效令牌
- 21. 獲取訪問令牌和實時更新訂閱php
- 22. Angular2在訂閱內訂閱
- 23. Android - 無法使用OAuth訪問令牌檢索Google閱讀器訂閱源
- 24. 我無法在instagram上創建新訂閱標籤
- 25. 在線Microsoft Dynamics CRM - 續訂令牌
- 26. Shopify創建訂單
- 27. Instagram API未經授權的令牌,雖然它是一個現場令牌?
- 28. 如何設置定期付款出售訂閱產品Shopify
- 29. 訂閱不存在「訂閱」類型
- 30. Instagram訪問令牌在一段時間後失效
鏈接到潛在的解決方案總是歡迎,但請添加一些細節的情況下,未來遊客鏈接被刪除。 –