Thread: hide the link for large image

Hi
I am using magiczoom and I have not need for the large image to be used in the product page.
Could someone tell me where is the code can commented of allow me to make the link disappear from the page.
I have the source code and I have tried to but with no luck as …

HTML Code:

else if (HasLargePic)
                {
                    tmpS.Append("<br/><img border=\"0\" src=\"images/spacer.gif\" width=\"1\" height=\"4\" /><br/>");
                    tmpS.Append("<div align=\"center\"><a href=\"javascript:void(0);\" onClick=\"" + CommonLogic.IIF(ImgGal.HasSomeLarge, "popuplarge" + "_" + sProductID + "()", "popupimg('" + LargePicForPopup + "')") + ";\"><img border=\"0\" src=\"" + AppLogic.LocateImageURL("skins/skin_" + ThisCustomer.SkinID.ToString() + "/images/showlarger.gif") + "\" align=\"absmiddle\" border=\"0\" alt=\"" + AppLogic.GetString("showproduct.aspx.19", ThisCustomer.SkinID, ThisCustomer.LocaleSetting) + "\"></a></div><br/>");
                }

The xmlfile I am using is product.VariantsInRightBar.xml.config.


Thanks

The easiest way would just be to delete the large images and restart the site.

Code:

else if (HasLargePic)

HI Scott,

What do you mean by deleting the large image, deleting the image from the system?
If is that I need the large image for magiczoom. Or do you meaning something else?

Thank you

By that we mean delete the Large Image files. Once you do that, on restart the Storefront will build your site with the knowledge that these are not present and the Storefront will abstain from building the Large Image links.

Dusty
ASPDotNetStorefront Staff

Thank you Dusty

Not sure if this is going to work in my case. Please correct me if I am wrong.

I want to create product images by uploading Large images and let aspdotnetstorefront resize the image to Medium and small.
Also I need the large image becouse magiczoom need that image to do what it has do do.
Therefore I need to make the link disapear from the product page becouse the large image is very large.

Thank you

use jquery to hide the div which contains the large image link. With jquery you can do things which you never imagine without changing source code

Well, that would depend on what method the xmlpackage is calling to view an image. It could be LookupImage, LookupProductImage, LookupEntityImage or LookupVariantImage. The XML package you specified uses the LookupProductImage, therefore, the best way to disable the view larger image icon display is to comment out every occurrences of this section:

Code:

else if (HasLargePic)
{
tmpS.Append("<br/><img border=\"0\" src=\"images/spacer.gif\" width=\"1\" height=\"4\" /><br/>");
tmpS.Append("<div align=\"center\"><a href=\"javascript:void(0);\" onClick=\"" + CommonLogic.IIF(ImgGal.HasSomeLarge, "popuplarge" + "_" + sProductID + "()", "popupimg('" + LargePicForPopup + "')") + ";\"><img border=\"0\" src=\"" + AppLogic.LocateImageURL("skins/skin_" + ThisCustomer.SkinID.ToString() + "/images/showlarger.gif") + "\" align=\"absmiddle\" border=\"0\" alt=\"" + AppLogic.GetString("showproduct.aspx.19", ThisCustomer.SkinID, ThisCustomer.LocaleSetting) + "\"></a></div><br/>");
}

hi please use this

1).Add this in template <script type="text/javascript" src="skins/Skin_1/jquery-1.3.2.min.js"></script>

add jquery in skin folder.

2). changes in Xml packgae

<div id="thickImg">
<xsl:value-of select="aspdnsf:LookupProductImage(ProductID, ImageFilenameOverride, SKU, 'medium', 1)" disable-output-escaping="yes"/>
<script>$("#thickImg > div > div > a").addClass("IMG");</script>
</div>

3). Add in style sheet

.IMG
{
display:none;
}

No- Need for source code.

Please let me know if it is working for you.

Thanks

Thank you I will try it today and let you know

Hi Jao,
I presume that I would need the source code to do that?

Thanks,
Joe

To: STOREDEVELOPER
Works like a charm !