Всем доброго времени суток. Сразу оговорюсь, что в кодах не алё, поэтому и прошу помощи у знающих.
Предыстория такая: версия ocStore 2.3.0.2.3 и "прикручен" шаблон от разработчика. Я отредактировал его под себя и убрал всё ненужное. При наведении курсора на товар (в категориях, новинках - без разницы...) вокруг товара появляется рамка с кнопками "Просмотр", "Сравнение", "В закладки" и главная копка "Купить". Три первые кнопки я убрал из кода и оставил лишь кнопку "Купить". Всё хорошо получилось, но заметил один неприятный баг - если курсор поставить под самую рамку (я показал на скрине, куда именно), то рамка начинает нервно мигать, дёргаться.
Для наглядности и понимания какие манипуляции я проделал с кодом. Вот такой код был до редактирования:
<div class="button-group">
<?php if ($product['quantity'] <= 0) { ?>
<button class="button-cart" type="button" data-effect="mfp-zoom-out" <?php if (isset($product['product_preorder_status']) && $product['product_preorder_status'] == 1) { ?>onclick="get_oct_product_preorder('<?php echo $product['product_id']; ?>'); return false;"<?php } ?>><?php echo $product['product_preorder_text']; ?></button>
<?php } else { ?>
<button class="button-cart" type="button" data-effect="mfp-zoom-out" onclick="get_oct_popup_add_to_cart('<?php echo $product['product_id']; ?>', '<?php echo $product['minimum']; ?>');"><i class="fa fa-shopping-basket" aria-hidden="true"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></button>
<?php } ?>
<?php if (isset($oct_popup_view_data['status']) && $oct_popup_view_data['status'] && $product['quantity'] > 0) { ?>
<a data-effect="mfp-zoom-out" onclick="get_oct_popup_product_view('<?php echo $product['product_id']; ?>');" title="<?php echo $button_popup_view; ?>" class="more"><i class="fa fa-eye" aria-hidden="true"></i></a>
<?php } else { ?>
<a href="<?php echo $product['href']; ?>" title="<?php echo $button_popup_view; ?>" class="more"><i class="fa fa-eye" aria-hidden="true"></i></a>
<?php } ?>
<button class="wishlist" type="button" title="<?php echo $button_wishlist; ?>" data-effect="mfp-zoom-out" onclick="get_oct_popup_add_to_wishlist('<?php echo $product['product_id']; ?>');"><i class="fa fa-heart" aria-hidden="true"></i></button>
<button class="compare" type="button" title="<?php echo $button_compare; ?>" data-effect="mfp-zoom-out" onclick="get_oct_popup_add_to_compare('<?php echo $product['product_id']; ?>');"><i class="fa fa-sliders" aria-hidden="true"></i></button>
</div>
И вот такой он стал после редактирования:
<div class="button-group">
<?php if ($product['quantity'] <= 0) { ?>
<button class="button-cart" type="button" data-effect="mfp-zoom-out" <?php if (isset($product['product_preorder_status']) && $product['product_preorder_status'] == 1) { ?>onclick="get_oct_product_preorder('<?php echo $product['product_id']; ?>'); return false;"<?php } ?>><?php echo $product['product_preorder_text']; ?></button>
<?php } else { ?>
<button class="button-cart" type="button" data-effect="mfp-zoom-out" onclick="get_oct_popup_add_to_cart('<?php echo $product['product_id']; ?>', '<?php echo $product['minimum']; ?>');"><i class="fa fa-shopping-basket" aria-hidden="true"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></button>
<?php } ?>
<?php if (isset($oct_popup_view_data['status']) && $oct_popup_view_data['status'] && $product['quantity'] > 0) { ?>
<a data-effect="mfp-zoom-out" onclick="get_oct_popup_product_view('<?php echo $product['product_id']; ?>');" title="<?php echo $button_popup_view; ?>" class="more"><i class="fa fa-eye" aria-hidden="true"></i></a>
<?php } else { ?>
<?php } ?>
</div>
Что можно подправить, чтобы рамка не дёргалась в не зоны наведения курсора? Спасибо всем, кто откликнется.