Увеличение изображения на странице со статьей по нажатию

Разработчикам Общение разработчиков
1

Подскажите, как на страницах со статьями сделать, чтобы на изображение можно было нажать и оно увеличилось бы. В том числе, чтобы его можно было зумить на мобильном телефоне.
Использую cs-cart с Unitheme2.

Пробовал сделать вот так:

<a id="opener_my_image" class="cm-dialog-opener cm-dialog-auto-size" data-ca-target-id="content_my_image" rel="nofollow"><br><img src="https://.....ru/images/blog/1/картинка.jpg" width="1000"><br></a></p>
<div class="hidden" id="content_my_image">
   <img src="https://.....ru/images/blog/1/картинка.jpg">
</div>

Ни на компьютере ни на телефоне картинка и не зумится.

Пробовал сделать вот так:

<a class=" " href="https://.....ru/images/blog/1/картинка.jpg" data-lightbox="example-2">
<img class=" " src="https://.....ru/images/blog/1/картинка.jpg" style="display: block; margin: auto;"></a>

Картинка открывается на темном фоне, ее можно зумить и в телефоне и на компьютере. Но нет кнопки закрыть. Кнопка Esc не помогает. Картинка закрывается только по нажатию “назад” в браузере.
Можно ли как-то добавить к этому лайтбоксу крестик для закрытия картинки? Может быть для этого достаточно прописать какой-то class?

2

на a попробуйте поставить класс cm-image-previewer cm-previewer ty-previewer

3

Спасибо, попробовал. Но результат не изменился. Крестик для закрытия изображения не появился.
Есть ли еще варианты, как сделать?

4

Там крестик явно есть, но его цвет такой же, как фон. Поищите в этом направлении. Его не видно. Цвет поменяете.