Product Details - moving thumbnails out of short description 1.9

Hi everyone!

I've been trying to work on this issue for a few hours now and can't quite seem to find out how to get it to do what I want.

I'm running nop commerce v1.9.

So what I would like to do is move the thumbnail pictures from inside the short description area to right underneath the main image. Example: http://www.happycoral.com/p/2493/pink-with-green-polyps-bicolor-milliepora-frag

I would also like to be able to write a description above those thumbnails to say "Click here to enlarge:" etc..

I would also like to use the lightbox features to enable the main image to be clicked on and enlarged, which you can see at the above link as well.

Here is my website link to the products details area: http://www.thehookahcrave.com/products/1-astonishmint.aspx
Feel free to dig around.

I appreciate any help in advance!!

Thanks!

Any help!?

thanks!

Resolved:


Change Modules > Productinfo.aspx to the following:


<%@ Control Language="C#" AutoEventWireup="true" Inherits="NopSolutions.NopCommerce.Web.Modules.ProductInfoControl"
    CodeBehind="ProductInfo.ascx.cs" %>
<%@ Register TagPrefix="nopCommerce" TagName="ProductShareButton" Src="~/Modules/ProductShareButton.ascx" %>

<script language="javascript" type="text/javascript">
    function UpdateMainImage(url) {
        var imgMain = document.getElementById('<%=defaultImage.ClientID%>');
        imgMain.src = url;
    }
</script>

<div class="product-details-info">
    <div class="picture">
        <a runat="server" id="lnkMainLightbox">
            <asp:Image ID="defaultImage" runat="server" />
<asp:ListView ID="lvProductPictures" runat="server" GroupItemCount="3">
            <LayoutTemplate>
                <table>
                    <asp:PlaceHolder runat="server" ID="groupPlaceHolder"></asp:PlaceHolder>
                </table>
            </LayoutTemplate>
            <GroupTemplate>
                <tr>
                    <asp:PlaceHolder runat="server" ID="itemPlaceHolder"></asp:PlaceHolder>
                </tr>
            </GroupTemplate>
            <ItemTemplate>
                <td align="left">
                    <a href="<%#this.PictureService.GetPictureUrl((Picture)Container.DataItem)%>" rel="lightbox-p"
                        title="<%= lProductName.Text%>">
                        <img src="<%#this.PictureService.GetPictureUrl((Picture)Container.DataItem, 70)%>" alt="Product image" /></a>
                </td>
            </ItemTemplate>
        </asp:ListView>
        </a>
    </div>
    <div class="overview">
        <h1 class="productname">
            <asp:Literal ID="lProductName" runat="server" />
        </h1>
        <br />
        <div class="shortdescription">
            <asp:Literal ID="lShortDescription" runat="server" />
        </div>
        <div class="clear">
        </div>
        <asp:PlaceHolder runat="server" ID="phManufacturers">
            <div class="manufacturers">
                <asp:Literal ID="lManufacturersTitle" runat="server" />
                <asp:Repeater runat="server" ID="rptrManufacturers">
                    <ItemTemplate>
                        <asp:HyperLink ID="hlManufacturer" runat="server" Text='<%#Server.HtmlEncode(Eval("LocalizedName").ToString()) %>'
                            NavigateUrl='<%#SEOHelper.GetManufacturerUrl((Manufacturer)(Container.DataItem)) %>' />
                    </ItemTemplate>
                    <SeparatorTemplate>
                        ,
                    </SeparatorTemplate>
                </asp:Repeater>
            </div>
        </asp:PlaceHolder>
        <div class="clear">
        </div>
                <div class="clear">
        </div>
        <nopCommerce:ProductShareButton ID="ctrlProductShareButton" runat="server" />
    </div>
    <div class="fulldescription">
        <asp:Literal ID="lFullDescription" runat="server" />
    </div>
</div>