EllaEpshteyn1
Community Member

Customizing links in the logo (header) and in the "Course Catalog" (footer)

Jump to solution

Hi all,

We have a main catalog landing page at the U of British Columbia (https://courses.cpe.ubc.ca/). It is currently empty - no sub-catalogs are displayed on this page. I am admin on my group’s sub-catalog (BRIMM (ubc.ca)).  There are two links on our sub-catalog page that point to the main landing page - the logo in the header and the “Course Catalog” link in the footer. Since the main landing page is empty, we don't want any references from our sub-catalog page to the main page. Our IT is not able to customize these links for us. But, they told me I can customize them with JavaScripts. Has anyone done it in a similar situation - with JS or using a different solution? Thanks!!

0 Kudos
1 Solution
ElinAppelqvist
New Member
Hi Ella!

For the logo:

$('.header-branding .logo-customized a').attr("href", "put link to page here");


For the "course catalog" text in the footer:

$('.col-md-12 .piped-list li:first-child a').attr("href", "put link to page here");

The link to put is to the subcatalog or wherever they want the students to go 😄

View solution in original post

6 Replies
jsowalsk
Advocate

@EllaEpshteyn1 Here is ours if this helps:

 

https://umd.beta.catalog.instructure.com/

 

$("#app-footer").prepend("<div id='umd-footer' ><img src='https://lts.umd.edu/Catalog/CatalogUI/images/banners/homepage/turtle-red-footer1.png' alt='UMD logo' style='width:52px;height:62px;margin-top: -70px;'><p style='margin-bottom: -13px;'><a href='https://oes.umd.edu' target='_blank' >Office of Extended Studies</a><p><p style='margin-bottom: 13px;'><a href='https://umd.edu' target='_blank' >University of Maryland</a></div>");

0 Kudos
jsowalsk
Advocate

@EllaEpshteyn1  Let me know if you are successful or not.

0 Kudos

@jsowalskthe good news is I was able to add our information to the footer (https://courses.cpe.ubc.ca/browse/ubcv/faculty-of-applied-science/brimm). Thank you - this is already huge!!

The bad news, the code did not overwrite the existing global footer that includes the link "Course Catalog" pointing to that dreaded empty Catalog landing page.

 

 

0 Kudos

@EllaEpshteyn1 That's because the javascript is at the root. Could you ask who did it for assistance? We just have one header and footer for the whole Catalog that we customized.

ElinAppelqvist
New Member
Hi Ella!

For the logo:

$('.header-branding .logo-customized a').attr("href", "put link to page here");


For the "course catalog" text in the footer:

$('.col-md-12 .piped-list li:first-child a').attr("href", "put link to page here");

The link to put is to the subcatalog or wherever they want the students to go 😄

That worked like a charm, thank you!!

0 Kudos