Differences

This shows you the differences between two versions of the page.

--- newdevs:bootstrap [2023/01/19 13:22] – tmccanna
+++ newdevs:bootstrap [2023/04/28 09:51] (current) – Gina - formatting gmonti
@@ Line 2: / Line 2: @@
 ====== Bootstrap OPAC ======
-The Evergreen Bootstrap OPAC is a mod_perl2 application that uses [[http://template-toolkit.org/|Template Toolkit]] for HTML templates. It uses vanilla Javascript and some jQuery, but is designed to function with JavaScript turned off. The Bootstrap version replaces the TPAC version.
+The Evergreen Bootstrap OPAC is a mod_perl2 application that uses [[http://template-toolkit.org/|Template Toolkit]] for HTML templates. It uses vanilla Javascript and some jQuery, but is designed to function with JavaScript turned off. The Bootstrap version replaces the [[newdevs:tpac|TPAC]] version.
   * Template Files: Open-ILS/src/templates-bootstrap/opac/
   * JavaScript Files: Open-ILS/web/opac/common/js/
+====== Tips on Customizing Bootstrap OPAC ======
+  * Color style sheet is located in Open-ILS/src/templates-bootstrap/opac/parts/css/colors.tt2
+  * Other CSS style sheet is located in Open-ILS/src/templates-bootstrap/opac/css/style.css.tt2
+  * Images for Bootstrap OPAC use should be saved in Open-ILS/web/images.
+  * Example of embedding image tag:
+    '' <img src="[% ctx.media_prefix %]/opac/images/image_example.png[% ctx.cache_key %]" [% img_alt(l('Example Image')) %] />''
 ===== Things to add to this page: =====