I'm trying to add a help button inside the OPC shipping card with the bootstrap template for one particular shipping method. The button I want to use is the blue square with the question mark inside it. I've got the button displayed but noting happens when I click it. The code is modeled after similar code for the button on the admin side and for the help link in the shopping cart page. What have I missed?
Code fragments follow:
From includes/templates/bootstrap/templates/tpl_modules_checkout_one_shipping.php starting at line 16
Code:
?>
<fieldset>
<legend><?php echo $quotes[$i]['module']; ?> <?php echo (!empty($quotes[$i]['icon'])) ? $quotes[$i]['icon'] : '';
// bof edit to add help modal icon for international shipping
if ($shipping_module_id === 'flatquote') {
echo '<div class="pull-right noprint"><a class="btn btn-sm btn-default btn-help" data-toggle="modal" href="#flatquoteHelpModal" title="Help" role="button" rel="noopener"><i class="fa fa-question fa-lg aria-hidden="true"></i></a></div>';
}
// eof edit to add help modal icon for international shipping
?>
</legend>
New file: includes/templates/bootstrap/modalboxes/tpl_flatquote_help.php
Code:
<?php
/**
* Modal for international shipping flatquote help
*
* BOOTSTRAP v3.4.0
*
* @package templateSystem
* @copyright Copyright 2003-2016 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
*/
zca_load_language_for_modal('flatquote_help');
?>
<!-- Modal -->
<div class="modal fade" id="flatquoteHelpModal" tabindex="-1" role="dialog" aria-labelledby="flatquoteHelpModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="flatquoteHelpModalLabel"><?php echo HEADING_TITLE_FLATQUOTE_MODAL; ?></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="<?php echo TEXT_MODAL_CLOSE; ?>"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<h2><?php echo SUB_HEADING_TITLE_1; ?></h2>
<p><?php echo SUB_HEADING_TEXT_1; ?></p>
<h2><?php echo SUB_HEADING_TITLE_2; ?></h2>
<p><?php echo SUB_HEADING_TEXT_2; ?></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal"><?php echo TEXT_MODAL_CLOSE; ?></button>
</div>
</div>
</div>
</div>
There's also a new file in includes/languages/english/lang.flatquote_help.php containing defines for the above file.
For unknown reason(s) the new file for the modal is never called based on trigger_error statements placed inside the file for debugging. So I suspect a problem with the new code I placed in tpl_modules_checkout_one_shipping.php but I'm stumped.
An image of the shipping card follows as it stands now. Further changes to the card are anticipated as I am trying to refactor the very old "Shipping by Quote" plugin.

Thank you for any help!
Dave
zc1.5.8a, ZCA-Bootstrap-Template-3.7.5, one_page_checkout-2.5.4