- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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!!
Solved! Go to Solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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 😄
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@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>");
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@EllaEpshteyn1 Let me know if you are successful or not.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@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.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
@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.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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 😄
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
That worked like a charm, thank you!!
