поп ап окно работает неверно

На сайте есть карточки с товарами.
Нажимая на кнопку подробнее, у товара чековая лента, выводит поп ап окошко с небольшой инф. все ок, все работае.
Если нажимаю на кнопку подробнее у карточки термоэтикетка, то все равно выодит инфу о чековой ленте.
Подскажите пожалуйста, что именно нужно изменить в коде, чтобы выводилась правильная информация

<div class="col_one_third  nobottommargin">
		<div class="feature-box center media-box fbox-bg">
			
			<div class="fbox-media">
				<img class="image_fade" src="<?=get_template_directory_uri()?>/files/ct_block_item_148033_1_5_image_vv2B8h3a.jpg">
			</div>
			
			<div class="fbox-desc">
				<h3 class="editable block_148033 item item-field_title item-option_704264 item-int_1">Термоэтикетка</h3>
				
				<!--
				<button class="btn button button-3d editable block_148033 item item-field_button_text item-option_1 item-int_1 termo" >Подробнее
 -->
				
<button onclick="swa1()" type="button" class="btn button button-3d editable block_148033 item item-field_button_text item-option_1 item-int_1 termo">Подробнее</button>		
				 <div id="overlay">
  <div class="popup1"> 
     <button class="close" title="Закрыть окно" onclick="swa3()"></button> 
    <p class="zag1">Термоэтикетка

    Термоэтикетка - расходный материал для кассовых аппаратов, факсов, банкоматов, фискальных регистраторов и паркоматов. Для изготовления рулонов термоленты на наших производственных площадках используется сырье известных немецких брендов.

Наша компания готова предложить стандартные размеры чековой ленты:

57мм – 15, 17, 27, 40м

80мм – 45, 58, 80м 

  </div>
</div>	
				<script>
var b = document.getElementById('overlay');
function swa1(){
	b.style.visibility = 'visible';
	b.style.opacity = '1';
	b.style.transition = 'all 0.7s ease-out 0s';
}
function swa3(){
	b.style.visibility = 'hidden';
	b.style.opacity = '0';
}
</script> 
				
			</div>
		</div>
	</div>

Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]