Monday, November 25, 2019

Drupal 7 - How To Quickly Add A YouTube Video Link To Ubercart 7 Product Page

Drupal 7 / Ubercart 7 / Stability Theme




How To Quickly Add A YouTube Video Link To A Ubercart 7 Product Page

One of the things we'd like to offer the customers of our eCommerce website is the ability to see videos featuring our products without having to leave our website.  This required me to figure out How To Quickly Add a YouTube Video Link To A Ubercart 7 Product page.

First, I needed to figure out the best way to do this.  After a little bit of research, I hit on the YouTube Field Module:



Obtaining the component was as simple as a left-click & copy:



A quick check to make sure I was in the right place:

# pwd
<drupal_root>/sites/all/modules

Note:  In the above example <drupal_root> is the top of your Drupal installation


Then a quick wget and then a paste of the URL to download the component:

# wget https://ftp.drupal.org/files/projects/youtube-7.x-1.8.tar.gz
--2019-11-25 12:25:03--  https://ftp.drupal.org/files/projects/youtube-7.x-1.8.tar.gz
Resolving ftp.drupal.org (ftp.drupal.org)... 151.101.2.217, 151.101.66.217, 151.101.130.217, ...
Connecting to ftp.drupal.org (ftp.drupal.org)|151.101.2.217|:443... connected.
HTTP request sent, awaiting response... 200 OK
Length: 22787 (22K) [application/octet-stream]
Saving to: ‘youtube-7.x-1.8.tar.gz’

100%[====================================================================================================================================>] 22,787      --.-K/s   in 0.002s


2019-11-25 12:25:03 (8.98 MB/s) - ‘youtube-7.x-1.8.tar.gz’ saved [22787/22787]

Then I uncompresssed it using the tar command:

# tar -zxvf youtube-7.x-1.8.tar.gz
youtube/
youtube/README.txt
youtube/css/
youtube/css/youtube.css
youtube/modules/
youtube/modules/youtube_colorbox/
youtube/modules/youtube_colorbox/README.txt
youtube/modules/youtube_colorbox/youtube_colorbox.info
youtube/modules/youtube_colorbox/youtube_colorbox.module
youtube/youtube.api.php
youtube/youtube.inc
youtube/youtube.info
youtube/youtube.install
youtube/youtube.migrate.inc
youtube/youtube.module
youtube/youtube.theme.inc
youtube/LICENSE.txt

Next, now that the YouTube Field Module had been downloaded and installed I then activated it in the Drupal 7 Administrator GUI:




So I enabled the YouTube Field Module and clicked on Save Configuration.



The Drupal 7 System did a bunch of stuff, and I was eventually presented with this output:



I then ran updates, because I had a feeling that the YouTube Field Module might have had an effect on the underlying database schema of my Drupal 7 installation:



This led to an update screen, where I clicked on Continue:



This led to a post-update screen, where I clicked on Administration pages:




Now that the YouTube Field Module had been installed, and Drupa updated, I then extended the Product Content Type:



Then I clicked on Content Types:




Then I clicked on the Manage Fields option of the Product Content Type:



I then added the YouTube Field to the Product Content Type and clicked on 




I was presented There's a double-check screen:



Then 

I was then presented with the YouTube Field Settings screen, I just clicked Save settings






Embedding a YouTube video on a Product Page

No comments:

Post a Comment