[Skip to main content](#vessel-content)

#   Product Page - tell customers to click on thumb

##

- **[Jims](/forum/user/2963-jims "View Jims's Profile")**
- [![Jims's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/2963-jims "View Jims's Profile") Topic Author
- [ Offline](/forum/user/2963-jims)

Less More

- Posts: 152
- Thank you received: 0
-
-
-
- [](http://potluckceramics.ca)
-

15 years 2 months ago [\#25018](#25018) by [Jims](/forum/user/2963-jims "View Jims's Profile")  *[Product Page - tell customers to click on thumb](/forum/4-how-to/25018-product-page-tell-customers-to-click-on-thumb#25018 "Hi, Nicolas.  Several reviewers of our development site asked if there was a way to advise customers that clicking on the thumbnail on the a Product Page brings up a larger image.  I suppose I could put a description for every product &quot;Click thumbnail for larger image&quot; but this feels awkward.  Jim")* was created by *[Jims](/forum/user/2963-jims "View Jims's Profile")*

Hi, Nicolas.

Several reviewers of our development site asked if there was a way to advise customers that clicking on the thumbnail on the a Product Page brings up a larger image.

I suppose I could put a description for every product "Click thumbnail for larger image" but this feels awkward.

Jim

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI1MDE4LXByb2R1Y3QtcGFnZS10ZWxsLWN1c3RvbWVycy10by1jbGljay1vbi10aHVtYj90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[ianspeed](/forum/user/1602-ianspeed "View ianspeed's Profile")**
- [![ianspeed's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1602-ianspeed "View ianspeed's Profile")
- [ Offline](/forum/user/1602-ianspeed)

Less More

- Posts: 173
- Thank you received: 8
-
-

15 years 2 months ago [\#25024](#25024) by [ianspeed](/forum/user/1602-ianspeed "View ianspeed's Profile")  Replied by *[ianspeed](/forum/user/1602-ianspeed "View ianspeed's Profile")* on topic *[Re: Product Page - tell customers to click on thumb](/forum/4-how-to/25018-product-page-tell-customers-to-click-on-thumb#25024 "Hi, Nicolas.  Several reviewers of our development site asked if there was a way to advise customers that clicking on the thumbnail on the a Product Page brings up a larger image.  I suppose I could put a description for every product &quot;Click thumbnail for larger image&quot; but this feels awkward.  Jim")*

Hi Jim,
Go to Views in Hikashop.
Then select the corresponding product SHOW for your template.
And add the text there.

Do a search for this code, it's near the very top:

&lt;?php echo $this-&gt;image-&gt;display($image-&gt;file_path,true,$image-&gt;file_name,'id="hikashop_main_image" style="margin-top:10px;margin-bottom:10px;display:inline-block;vertical-align:middle"','id="hikashop_main_image_link"'); ?&gt;

then directly afterwards add your code: eg. &lt;div style="color: #444444;" &gt; Please click on image for larger version &lt;/div&gt;

I will be adding a magnifying glass at some point with a link to the full image.

Hope this helps

Ian

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI1MDE4LXByb2R1Y3QtcGFnZS10ZWxsLWN1c3RvbWVycy10by1jbGljay1vbi10aHVtYj90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Jims](/forum/user/2963-jims "View Jims's Profile")**
- [![Jims's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/2963-jims "View Jims's Profile") Topic Author
- [ Offline](/forum/user/2963-jims)

Less More

- Posts: 152
- Thank you received: 0
-
-
-
- [](http://potluckceramics.ca)
-

15 years 2 months ago [\#25039](#25039) by [Jims](/forum/user/2963-jims "View Jims's Profile")  Replied by *[Jims](/forum/user/2963-jims "View Jims's Profile")* on topic *[Re: Product Page - tell customers to click on thumb](/forum/4-how-to/25018-product-page-tell-customers-to-click-on-thumb#25039 "Hi, Nicolas.  Several reviewers of our development site asked if there was a way to advise customers that clicking on the thumbnail on the a Product Page brings up a larger image.  I suppose I could put a description for every product &quot;Click thumbnail for larger image&quot; but this feels awkward.  Jim")*

Many thanks, Nicolas, yes very helpful.

That's just what I wanted, but so far I've not been able to get the 'Nothing You Could Do" font family or font-nothing class (defined in custom.css) to work here?

Jim

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI1MDE4LXByb2R1Y3QtcGFnZS10ZWxsLWN1c3RvbWVycy10by1jbGljay1vbi10aHVtYj90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86541
- Thank you received: 14304
-
-

15 years 2 months ago [\#25041](#25041) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Product Page - tell customers to click on thumb](/forum/4-how-to/25018-product-page-tell-customers-to-click-on-thumb#25041 "Hi, Nicolas.  Several reviewers of our development site asked if there was a way to advise customers that clicking on the thumbnail on the a Product Page brings up a larger image.  I suppose I could put a description for every product &quot;Click thumbnail for larger image&quot; but this feels awkward.  Jim")*

You can add it like that:
&lt;div style="color: #444444;font-family: 'Nothing You Could Do', 'Yanone Kaffeesatz';" &gt; Please click on image for larger version &lt;/div&gt;

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI1MDE4LXByb2R1Y3QtcGFnZS10ZWxsLWN1c3RvbWVycy10by1jbGljay1vbi10aHVtYj90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Jims](/forum/user/2963-jims "View Jims's Profile")**
- [![Jims's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/2963-jims "View Jims's Profile") Topic Author
- [ Offline](/forum/user/2963-jims)

Less More

- Posts: 152
- Thank you received: 0
-
-
-
- [](http://potluckceramics.ca)
-

15 years 2 months ago [\#25043](#25043) by [Jims](/forum/user/2963-jims "View Jims's Profile")  Replied by *[Jims](/forum/user/2963-jims "View Jims's Profile")* on topic *[Re: Product Page - tell customers to click on thumb](/forum/4-how-to/25018-product-page-tell-customers-to-click-on-thumb#25043 "Hi, Nicolas.  Several reviewers of our development site asked if there was a way to advise customers that clicking on the thumbnail on the a Product Page brings up a larger image.  I suppose I could put a description for every product &quot;Click thumbnail for larger image&quot; but this feels awkward.  Jim")*

Many thanks, Nicolas.

My problem was a semi-colon!!

Jim

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI1MDE4LXByb2R1Y3QtcGFnZS10ZWxsLWN1c3RvbWVycy10by1jbGljay1vbi10aHVtYj90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Jims](/forum/user/2963-jims "View Jims's Profile")**
- [![Jims's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/2963-jims "View Jims's Profile") Topic Author
- [ Offline](/forum/user/2963-jims)

Less More

- Posts: 152
- Thank you received: 0
-
-
-
- [](http://potluckceramics.ca)
-

15 years 2 months ago [\#25069](#25069) by [Jims](/forum/user/2963-jims "View Jims's Profile")  Replied by *[Jims](/forum/user/2963-jims "View Jims's Profile")* on topic *[Re: Product Page - tell customers to click on thumb](/forum/4-how-to/25018-product-page-tell-customers-to-click-on-thumb#25069 "Hi, Nicolas.  Several reviewers of our development site asked if there was a way to advise customers that clicking on the thumbnail on the a Product Page brings up a larger image.  I suppose I could put a description for every product &quot;Click thumbnail for larger image&quot; but this feels awkward.  Jim")*

First, please could you move this thread to How To. I did not originally intend this to be posted in Bug Reports.

This is just a follow up for anyone looking through the archives for this question.

The code you gave me, Nicolas, worked fine on the first visit to a product page, but if you clicked on one of the radio buttons in the characteristics table, the "Please click on image..." did not appear.

I found that I needed to put the addition div code in two places, the first of which was as shown below (addition in red) and the second in a similar place further down. The insertion was after the 2nd and 4th occurrences of "echo $this-&gt;image-&gt;display"

&lt;/div&gt;&lt;div id="hikashop_small_image_div"&gt;&lt;?php
if(count($this-&gt;element-&gt;images)&gt;1){
foreach($this-&gt;element-&gt;images as $image){
echo $this-&gt;image-&gt;display($image-&gt;file_path,'hikashop_main_image',$image-&gt;file_name,'class="hikashop_child_image"');
}
}
}
?&gt;

&lt;div style="color: #000000; font-family:'Nothing You Could Do';"&gt;
Please click on image&lt;br&gt;for larger version
&lt;/div&gt;

Thanks

Jim

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI1MDE4LXByb2R1Y3QtcGFnZS10ZWxsLWN1c3RvbWVycy10by1jbGljay1vbi10aHVtYj90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86541
- Thank you received: 14304
-
-

15 years 2 months ago [\#25071](#25071) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Product Page - tell customers to click on thumb](/forum/4-how-to/25018-product-page-tell-customers-to-click-on-thumb#25071 "Hi, Nicolas.  Several reviewers of our development site asked if there was a way to advise customers that clicking on the thumbnail on the a Product Page brings up a larger image.  I suppose I could put a description for every product &quot;Click thumbnail for larger image&quot; but this feels awkward.  Jim")*

Thank you for coming back on this. I've moved the thread.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzI1MDE4LXByb2R1Y3QtcGFnZS10ZWxsLWN1c3RvbWVycy10by1jbGljay1vbi10aHVtYj90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.068 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)
