Magento2 将视频添加到产品页面

2019年4月17日 Edited 2022年12月14日 浏览量 32 1 min read
Magento2 将视频添加到产品页面

现在如果没有产品视频,甚至无法想象一个好的产品细节页面。在Magento 2中,将视频添加到产品详细信息页面非常简单。在大多数情况下,主要问题是初始设置。大多数产品视频已经存在于网上,要么在youtube.com上或者在vimeo.com上。YouTube是当前最受欢迎的视频发布平台,对于vimeo.com,我们可以说它或多或少地专注于专业人士和照片/视频爱好者。

Google是youtube背后的公司,其制定了一些关于分享和嵌入视频到其他域名的规则,在我们的案例中,就是我们的在线商店,如果你想嵌入youtube视频,除了从youtube视频页面抓取嵌入代码之外还需要启用youtube API密钥。

  • 在Magneto 2中,第一步是在设置下配置youtube API密钥。首先,我们为youtube视频启用Google API密钥。https://developers.google.com/youtube/registering_an_application。

     


    developers.google.com

     

  • 您将看到一个带有创建新项目的选项的窗口或者如果您已使用Google API创建项目,则可以将其添加到现有项目。

     


    创建新项目

     

  • 您需要填写一些基本信息:

     


    项目基本信息

     

  • 点击“创建”按钮后,您可以选择生成API密钥:

    创建API密钥

     


    选择API密钥

     

  • 请注意,这是一个需要考虑的重要选项,Restrict key,请使用此选项并将此密钥的使用仅限于特定域。您可以更新API密钥名称,仅限于在底部添加的特定域。点击保存。

     


    限制域的密钥

     

  • 好的,我们现在拥有API密钥,但我们需要启用它:-)。转到https://console.developers.google.com/apis/在左侧菜单控制面板中选择,然后单击启用API

     


    启用API

     

  • 接下来就是选择服务,在我们的例子中是Youtube:

     


    Youtube API

     

  • 现在最后一步是启用并运行API:

     


    启用API

     

  • 最后,您将获得有关API使用情况的所有信息的仪表板,您也可以禁用API:

     


    Youtube API仪表板

     

  • 接下来登录Magento 2 后台,导航到Store -> Configuration -> Catalog -> Catalog -> Product Video

    添加视频API Magento

    将API密钥粘贴到此处,点击“保存”。请注意,一般没有更多的选择。您可以设置如果视频是基础(切换顺序的画廊图像和设置为视频的第一行),它将自动播放,视频完成后,加载相关的视频,重放视频。我们将保存它,保存并清除缓存。

  • 下一步是打开我们有视频的产品。向下滚动到图像和视频,然后单击添加视频。

     


    添加视频

     

  • 接下来复制粘贴youtube URL,所有其他数据将自动填充。

     


    有关视频的信息

     

  • 请更新图像预览角色,可以是基础、小等。

     


    图像预览角色

     

  • 保存,视频将保存在您的媒体库中。

     


    媒体库

     

  • 保存产品并转到前端的产品详细信息页面。

     


    类别页面列表

     

  • 在产品详细详情页面,我们将为视频提供图像缩略图、点击播放,然后您可以播放。

     


    产品详细视频

     

至于vimeo视频,那更简单。只需粘贴视频网址,编辑说明并点击保存即可。

Previous article:
Next article:
Comments
发表评论,留下你的足迹
我们不会公开你的邮箱地址

是否允许我们在发布新内容或者进行促销活动向您发送消息?

Remind me later

Thank you! Please check your email inbox to confirm.

Oops! Notifications are disabled.

© 2014-2023 www.magease.com. All Rights Reserved. 寰云网络 版权所有    鲁ICP备 14014975号-1