- Priority: 0
- Status: Closed
- Theme: Alysum
-
Assigned To:
Marek
- Private: No
- Open Date: 14.02.18, 11:45
- Opened by: Ario
- Closed by: Marek
- Closed on: 14.03.18, 12:09
- Reason: Closed
- Comment: Glad to help!
Ticket #11674 - Embed Insagram post in Xblog
Hi we want to embad Instagram posts in our blog. For that we need to add this line in the template
<script async defer src="//www.instagram.com/embed.js"></script>
Where do we need to put this line of code?
Thanks
Comments
You can see here the post where we want to add the instagram post
https://milanisapparel.com/module/xipblog/single?id=4&rewrite=new-york-fashion-week-fw18-recap&page_type=post
do you need to know what file to edit?
Yes
That is a
or
Unfortunately did not work, the instagram post is still broken https://milanisapparel.com/module/xipblog/single?id=4&rewrite=new-york-fashion-week-fw18-recap&page_type=post
I added it like this
Now i look at it. The blog has several other issues.
When we add headers,spaces and other layout options in the back end; it’s not displayed correctly on the blog. Spaces, headers and sometimes spaces between de letters are completely messed up.
Iframe dimension somehow don’t get saved. When we specify the dimension in the backed, the front-end display the embedded you tube video as a rectangle.
We also noticed that the blog adds very strange inline styles to very simple paragraphs, is this normal?
1. you have not to use {literal}
2. I see the issue, I have to test it locally to find what’s wrong
Thank you for looking into this.
The Instagram embed issue persist…. ( I removed {literal}
Also deleted cache and recompiled files…
Try now, it should be ok
It’s much much better now, thanks allot Marek appreciate it. Can you maybe take a look at the Insagram embed issue if you can?
I added the script line like you said earlier, but unfortenetly the embed does not work, check attached screenshot of what i mean. The embedded post is blank.
De embed code is:
I just discovered (which i think) is a bug. We have selected ‘How Many Post You Want To Display’at 4 under the tab ‘Home style’
But in the fronted it only displays 2 posts instead of the selected 4. Check attached screenshot.
I just make 4 posts. but for now it’s not manageable from BO. We will fix the issue in the next update
Ok no problem, can you please put back the 2 posts on homepage. The 4 posts doesn’t really look good. Thank you.
Done
Hi Marek,
Like you mentioned I added the following script:
at the end of the files
and
But the JS file is not being loaded into the DOM, the embedded instagram post is still broken, see: https://milanisapparel.com/module/xipblog/single?id=5&rewrite=london-&page_type=post
Can you maybe take a quick look? Thanks
Sorry double post ignore this one
Give me a link to the first one. Can I close current ticket?
No my previous question has not been resolved yet..
Not sure what you mean with ‘Give me a link to the first one’, which link are you referring to?
You wrote: “Sorry double post ignore this one” as I understand you have the another same ticket, or not?
Ah I understand now. No I commented the Instagram embed issue/question twice, so I edited the second post with ‘Sorry double post ignore this one’
Still need assistance regarding the embed issue.
I just add that code to the file and it works