Camescoop

What a rock star of the code you are !
🚀
Thank you !
 

Sorry for delay. If you still need help, you can add this code to Website Tools (Under Not Linked) > Code Injection > Footer
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function() { $('<ul class="t-nav"><li><a href="/gear">All</a></li><li><a href="/gear/cameras">Cameras</a></li><li><a href="/gear/lenses">Lenses</a></li></ul>').insertBefore('body.view-item .products.collection-content-wrapper'); }); </script> <style> ul.t-nav { list-style: none; padding-left: 0; display: flex; justify-content: center; } ul.t-nav li a { margin-left: 20px; margin-right: 20px; } </style>

It is image overlay, you can change it in Site Styles, or add this to Website > Website Tools > Custom CSS
/* remove image overlay */ .image-overlay { background-color: transparent !important; }