Add a video to Shopify product page - shopify

I am trying to add a video instead of image in to Shopify store. I tried using ALT image code embed video but it did't work. So how can I do it? I found some stores do that please see this site:
https://www.beardbrand.com/collections/utility-balm/products/tree-ranger-utility-beard-balm
I need exactly the same.

Here's a simple way to set a video as your product image.
In your admin - select a product you would like to add a video to.
Hover over a product image you would like to add your youtube video to.
Select "Edit Alt Text"
Paste your Youtube embed link in the dialog box.
Save your changes!

Related

How to add a clickable image (company logo) on OpenLayer maps in Vue.js

I want to add bunch of images on the top of the "OpenLayer" map, implemented in a vue.js project and would like to direct users to the company's website by clicking on the logo (image). The map is already set, but I have no idea how to add the CLICKABLE logo image on top of it.
Thank you for your support.

Find picture url

I am developing in shopify and want to add the background image below but can't find the url link for it. I know you can find it in Settings -> Files. But I need the actual picture url online to then upload it.
This section is being controlled from theme customization.
Go into customize theme, sections and there you will see option to change backgroud image.

How to add a metafield to Shopify product pages that displays a video?

I would like to create a way for an admin to add a different video on each product page. Such as a field that would take a YouTube embed code. Video needs to be underneath the product description (not part of the description or in place of the product image). Is there an easy way to do this?
If you are using Google chrome you have an extension "ShopifyFD" to add metafields.
There are other apps and API (useful for bulk) that will also help you in adding metafields to product.
Once done you can use {{ product.metafields.___.___ }} format to call the metafield value.

generating streaming link api

i want to know how to use google api, can anyone give some example using php.
eg. use api to get picasa album rss.
Any help is appreciated!
For that you have to embed the video in your html with an iframe and a url like this:
<iframe src="https://drive.google.com/file/d/{videoID}/preview" width="640" height="480"></iframe>
Just change the {videoID} for the id of you video.
To get that code from Google, you should follow the next steps:
Open the video in your Drive.
In the top right of the view, you will see an icon that says "Pop-out", Click on it.
It will open the video in a new tab.
In the new tab click on the icon of the three dots that says "More actions" (in the top-center).
Select the option that says "Embed item...". You will see a popup with html code.
In general, there is no way to "predict" or "construct" a direct link to your Drive file. The supported method of getting the link is to use the Drive API. If you make an HTTP request to the file metadata endpoint https://www.googleapis.com/drive/v2/files/{fileId} with a valid API key, the webContentLink value should be the googleusercontent.com URL for your file.
You can try this out on the Google API Explorer - drive.files.get to see all of the information which is available through the Drive API.

Google+ badge on websites

I am trying to put a Google+ badge on my recently created websites at sites.google.com. When I copy the code and paste it into the HTML box actually nothing happens.
What am I doing wrong?
You can use to insert a Google+ Badge into your Google Sites pages using a custom gadget:
Get your Google+ profile ID, which you can get from the URL of your profile. The ID would be 123456789012345678901 for this URL: https://plus.google.com/123456789012345678901/ or would be +LarryPage for this URL: https://plus.google.com/+LarryPage/
Edit the page that you want to add the badge
Choose Insert-> ...More gadgets...
Search for G+ Badge.
Paste your profile ID into the G+ ID field.
Configure additional options as necessary for your page. You might need to adjust dimensions of the gadget container to get the badge to work well in your site.
Gadgets have limitations, this might not work perfectly but its probably the best way to get a badge onto your page.
There is a configuration tool for the Google+ Badge that you can find at https://developers.google.com/+/web/badge/.
The key points are that you need to add the HTML as a widget and include the JavaScript tag--which is the same JavaScript that loads any of our Google+ attributes.
I also made a 3 minute video explaining these steps last year, which you can view at http://www.youtube.com/watch?v=wLG4IIIPgnc.