On the OPAC detail page, when any kind of cover image preference is enabled, the cover image container has a "spinner" background image which displays until the cover image has loaded. The path in the CSS file for this image is incorrect so the image doesn't load.
Created attachment 134634 [details] [review] Bug 30688: Error in path to CSS background image This patch corrects the path of an image specified as the background to a couple of elements in the OPAC. The incorrect path was causing 404 errors. To test, apply the patch and rebuild the OPAC CSS (https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff_client). - If necessary, activate one or more cover image services in Administration, e.g. OPACAmazonCoverImages, OPACLocalCoverImages, and/or OpenLibraryCovers. - In the OPAC, locate a bibliographic record which has a cover image from one or more of the services you activated. - On the detail page for that record, the cover should load correctly. - In the browser console you should see no errors related to a file not found: /opac-tmpl/bootstrap/img/spinner-small.gif - In the browser console, submit this JavaScript snippet: $(".cover-image").remove(); The cover image should disappear, revealing the "spinner" icon behind it.
Created attachment 134656 [details] [review] Bug 30688: Error in path to CSS background image This patch corrects the path of an image specified as the background to a couple of elements in the OPAC. The incorrect path was causing 404 errors. To test, apply the patch and rebuild the OPAC CSS (https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff_client). - If necessary, activate one or more cover image services in Administration, e.g. OPACAmazonCoverImages, OPACLocalCoverImages, and/or OpenLibraryCovers. - In the OPAC, locate a bibliographic record which has a cover image from one or more of the services you activated. - On the detail page for that record, the cover should load correctly. - In the browser console you should see no errors related to a file not found: /opac-tmpl/bootstrap/img/spinner-small.gif - In the browser console, submit this JavaScript snippet: $(".cover-image").remove(); The cover image should disappear, revealing the "spinner" icon behind it. Signed-off-by: David Nind <david@davidnind.com>
Created attachment 134678 [details] [review] Bug 30688: Error in path to CSS background image This patch corrects the path of an image specified as the background to a couple of elements in the OPAC. The incorrect path was causing 404 errors. To test, apply the patch and rebuild the OPAC CSS (https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff_client). - If necessary, activate one or more cover image services in Administration, e.g. OPACAmazonCoverImages, OPACLocalCoverImages, and/or OpenLibraryCovers. - In the OPAC, locate a bibliographic record which has a cover image from one or more of the services you activated. - On the detail page for that record, the cover should load correctly. - In the browser console you should see no errors related to a file not found: /opac-tmpl/bootstrap/img/spinner-small.gif - In the browser console, submit this JavaScript snippet: $(".cover-image").remove(); The cover image should disappear, revealing the "spinner" icon behind it. Signed-off-by: David Nind <david@davidnind.com> Signed-off-by: Marcel de Rooy <m.de.rooy@rijksmuseum.nl>
Pushed to master for 22.05, thanks to everybody involved [U+1F984]