[ZC v1.5.8][Bootstrap v3.5.0][SBA v4.0]

Unfortunately I can not share a link, coz it is yet running on a localhost.
The versions of modules I use are in the upper part of my message.
I have checked for mistakes by a validator; the only important mistake i got is SBA_ProductImage id tag being repeated:
Validator message export for "https://localhost/":
Generated by CSS HTML Validator Professional 2024/v24.0100 (https://htmlval.com/)

1. Error in line 754 at character 194: The "id" attribute value "SBA_ProductImage" has already been used in this document in a <img> tag that starts in line 719. An element's "id" value must be unique within the document. An element cannot have an "id" attribute that has already been used. Note that "id" values are treated as being case-sensitive.

2. Error in line 765 at character 151: The "id" attribute value "SBA_ProductImage" has already been used in this document in a <img> tag that starts in line 719. An element's "id" value must be unique within the document. An element cannot have an "id" attribute that has already been used. Note that "id" values are treated as being case-sensitive.
I bet, this is the tag being used by the javascript for an image swap, so it sounded important to me.
This is probably because in includes/templates/bootstrap/templates/tpl_product_info_display.php in the <-- Main Product Image --> section there is a call to includes/templates/bootstrap/templates/tpl_modules_main_product_image.php and then from there to includes/modules/main_product_image.php which has a notifer to 'NOTIFY_MODULES_MAIN_PRODUCT_IMAGE_FILENAME' which is observed by includes/classes/observers/auto.pwas_imageswap.php and hence in the first call to zen_image function ' id="SBA_ProductImage" ' is added to the images HTML output.
However also in tpl_product_info_display.php in the <-- Additional Product Images --> section there is a call to includes/templates/bootstrap/modalboxes/tpl_bootstrap_images.php which has an include to main_product_image.php and again SBA_ProductImage gets appended twice more to html image output.
Now, this I have overcome by stoping the observation of 'NOTIFY_MODULES_MAIN_PRODUCT_IMAGE_FILENAME' after the first occurance of 'NOTIFY_OPTIMIZE_IMAGE' (html image output). Does it sound right?
In includes/classes/observers/auto.pwas_imageswap.php after around line 53 I add the detach statement:
PHP Code:
    $parameters .= ' id="SBA_ProductImage" ';
    $this->detach($this, array('NOTIFY_MODULES_MAIN_PRODUCT_IMAGE_START')); 
thus no other SBA_ProductImage id tag is added to the images.

Now, this is not even the tip of the iceberg. There are a lot more changes/modifications needed in the bootstrap template files so that an image swap may succeed. Most important of all, the javascript part which is supposed to do the imageswap is not appended.

In order to separate the focus, I will discuss/consult in the following posts.