שינוי התנהגות של תמונות גלרייה בעמוד מוצרים

היי,
אני מעוניין שלחיצה על תמונת גלריה בדף מוצר, תחליף את התמונה הראשית במקום לפתוח פופאפ.
(התמונה הקטנה מתחת לתמונה בדף מוצר).
להלן קישור לדוגמה.

האם אתם מכירים פלאגין שיודע לעשות את זה? ניסיתי אחד שלא עבד.
במידה לא, אולי מענה לשאלה הבאה יעזור לי.

מצאתי ברשת קוד של jQuery שמתלבש על ההתנהגות הרגילה.
שמתי אותו בקובץ header.php בתוך ה – header.
הקוד לא עובד לדאבוני ונראה לי שזה בגלל שאני לא שם אותו במקום הנכון בתבנית.
אני מצרף כאן את הקוד ואשמח לדעת באיזה קובץ עלי להטמיע אותו. תודה רבה!

להלן הקוד:
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(document).on('click','.thumbnails .zoom', function() {
var photo_fullsize = jQuery(this).find('img').attr('src').replace('-180×180',");
jQuery('.woocommerce-main-image img').attr('src', photo_fullsize);
return false;
});
});
</script>