shopify and instafeed.js compatibility issues - javascript

I am trying to use shopify and instafeed.js together but I am getting no data returned on the page just some broken image icons. I have read about solutions here: Instagram feed not returning any data and still cant figure out why. you can find my page here: http://supaslydes.com/ and at the very bottom you will see broken image links. This same code works on my local machine, but when I integrate it into shopify liquid file it breaks. Any known issues or solutions would be most helpful.

The template option from instafeed is not compatible out of the box, remove it, save it, and re add it and it will work.

Related

How come the difference between 'View page source' and document.querySelector("html").innerHTML?

I want to extract subtitles from this YouTube page (link).
I found timedtext, when looking via 'View page source'.
But not when I search via javascript console. It won't find it:
document.querySelector("html").innerHTML.match("timedtext")
But for this other YouTube page, it does actually work both.
How come the difference and how to fix it?
As I commented, if you want to extract the subtitles using this way, consider instead search for the script tag that has the ytInitialData variable = that's the one that has the url of the timedtext.
I can't tell the difference, but, I assume the javascript code injects the HTML code once the page is loaded.
After pasting the line you share in your comment:
ytInitialPlayerResponse.captions.playerCaptionsTracklistRenderer.captionTracks
I got the timedtexts in the available languages. Keep in mind, though, probaly not all videos has auto-generated captions - example
In that example, I didn't get the captions, so, I don't think that inspecting the source code of the page works for all videos.

Dynamic Point Cloud

I have another issue regarding the Image Paths on the sidebar.
I am working on a site that has to be able to load a cloud by selecting it from a grid, then selecting another cloud from the grid and:
Clear the existing cloud and annotations if there are any.
Load the new cloud with new annotations.
I have both of those two steps working. The problem I have is When I try to use the sidebar menu, Most of the information/links and Icons are gone.
I am doing things a little bit unconventional. I am using a single .aspx page to load whichever cloud is selected from the grid and not a single .html page for each cloud created. The folder structure for the libs are as follows in relation to the .aspx page
/scripts/Potree/libs
I'm fairly sure this is a path thing since everything else is working as expected. I can not figure out how to resolve this. has anyone else tried this and if so, how did you resolve this?
There was a different version of JQuery loaded from the Master page of this project that conflicted with the version Potree needed. I changed the Master to only load the conflicting JQuery file if the page is not the one containing the point cloud.

Share on FB page showing image that I didnt included in my site

I am currently working on http://rightinfo.co.in
When I am trying to share this site on a FB page it is showing an image that I have not included in my site.
I have tried by adding ?v=1 to the url and url shortner services.
In facebook debugger also , the image is not showing. But in actual sharing , unknown image is showing.
Please help me to solve this
Thanks
You have issue with tags Please check this facebook debugger it explains alot Facebook debugger
It's because the og:image (see here) meta tag is set. This tag defines the image, which will be shown on facebook.
To change this image, try to edit this tag, take a look at the theme settings.
Another way is to change/delete the image itself, e.g. via FTP.
You can find it here: WEBROOT/wp-content/themes/Morpheus/img/portfolio/folio01-preview.jpg
Btw, I see you are using wordpress, I'd consider using a SEO plugin, which makes a proper use of the og-tags as explained here

js corrupt file only working on some pages

I am making a magento webshop, but i have run into some problems with the theme i am using.
I bought it on themeforest, and i have asked the developer for help, but it takes ages for them to answer and come with a real solution to fix the problems, so now i am seeing if someone here can help me solve the problem.
The webshop: http://new.webhipster.dk/index.php/home-left
When i add items to basket ("Læg i kurv"), it only works on the front page (the link listed above). When i go to another page, it won't add the item to basket. (e.g. http://new.webhipster.dk/index.php/roedvin.html)
So my guess is that there is a corrupt js file, but what i don't understand is, that it is the same code which is generated in header on both pages - but still it doesn't work on any other page but the frontpage.
How do i figure out what js file is corrupt and isn't loaded properly?
I have gone trough each one to see if they load, and it seems like they all load exactly like they do on the frontpage.
I guess you are missing a library required for it or might be css. As error in your console window say that it could not found css property.
Because when I tried accessing url directly from browser it's adding items into cart
For Example you are calling -
setLocation('http://new.webhipster.dk/index.php/checkout/cart/add/uenc/aHR0cDovL25ldy53ZWJoaXBzdGVyLmRrL2luZGV4LnBocC9ob21lLWxlZnQ,/product/2/form_key/1Tfx79G6V33Q7l2Q/')
Now try accessing it from the url something like
http://new.webhipster.dk/index.php/checkout/cart/add/uenc/aHR0cDovL25ldy53ZWJoaXBzdGVyLmRrL2luZGV4LnBocC9ob21lLWxlZnQ,/product/2/form_key/1Tfx79G6V33Q7l2Q/
and this will add item in your cart.
Now you debugging should start from function setLocation(). Try doing file search for setLocation function. and check where it is failing.
Hope this will help you atleast for debugging.

Google crawling angularjs site strangley

I'm having some trouble identifying why Google is crawling links that don't exist on my angularjs site. I'm using prerender.io which takes a snapshot of the page and returns it to the search bot. For example google will correctly list in the search results:
www.mywebsite.co.uk/string/string2
but then it will randomly create another link to crawl such as:
www.mywebsite.co.uk/string/string2/string/string3
which doesn't even exist!
In the end I get these long urls which are shown in the search results for my site but don't actually display anything useful.
I think the problem is caused by the tag base href="/" - as google will see a header link for example on the page /string1/string2 and then take the base root as it currently is and append the header link to it- i.e. /string1/string2/string1/string2.
Does anyone know if this is the problem and how I can combat this apart from putting in absolute links and removing angular from the equation?
I've tried removing the urls in google webmaster tools but this is time consuming and unreliable as there are so many links and I've added to the robots.txt file the disallowed links but they still show up in google with a message about robots.txt.
Any ideas here?
Thanks!

Categories

Resources