The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 10-09-2013, 05:04 PM
KLSca's Avatar
KLSca is offline
Junior Member
 
Join Date: Aug 2013
Posts: 4
Default

Single product widget image link


Hello.

I referred to this post (http://www.ecwid.com/forums/showpost...99&postcount=4) on how to create a text link from single product widget to main store page of a product.

I can't, however, for the life of me figure out how to make the product picture in single product widget link to the product itself in main store. I know it's probably really simple but it's not coming to me. Any help would be appreciated.

Thanks!
  #2  
Old 10-24-2013, 01:41 PM
Alina Kirpicheva's Avatar
Alina Kirpicheva Alina Kirpicheva is offline
 
Join Date: Jun 2013
Posts: 570
Default

Hi!

Single product widget is HTML code which you can add to any page and customize in any way you wish. Although, some elements are added as scripts, and so you can’t modify these very elements (e.g. thumbnail, “add to bag” button), you can still replace them with your own html code.
I.e. if you need to set a link from product image to any page, you should do the following:
1) When copying product code (from your Ecwid Control Panel-> Catalog-> Product Page-> HTML Code) uncheck “Thumbnail” in “Widget Components” section.
2) Insert the code to the page where you want product to appear. (You’ll see that there’s no product image on the page. This is because “Thumbnail” was unchecked)
3) Add any image to the code and add <a href > link over this image to the page you need.

The HTML code for product could look like this (it depends on how you want to position it):
Code:
<a href="http://www.w3schools.com/tags/att_a_href.asp"> 
<img class="gwt-Image" src="http://d3lsmbh0k6qtyk.cloudfront.net/gz/default-store/00000-160.jpg" alt="Apple" title="Apple" style="width: 160px; height: 152px; margin: auto;"> 
</a>
Replace http://www.w3schools.com/tags/att_a_href.asp (it leads to the page with information about <a href> links) with URL of the page you want image to lead to.
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
link, picture, single product widget

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 06:10 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.