Jump to content

Snowsmile

Member
  • Posts

    11
  • Joined

  • Last visited

Posts posted by Snowsmile

  1. Hi Rick,

    I see you've worked out how to make the site work two-colmn layout.

    To make the image float left and have product information to the right try adding a style to the image in

    {Your Skin}/styleTemplates/Content/viewProd.tpl

    1. BACK UP the file you are working on - if all goes wrong you can restore!! :-)

    2. To get the image to float left, find the image in viewProd

    <img src="{IMG_SRC}" alt="{TXT_PRODTITLE}" border="0" title="{TXT_PRODTITLE}" />
    
    
    and replace with
    
    
    
    	<div style="float:left; width:220px;text-align:left;"><img src="{IMG_SRC}" alt="{TXT_PRODTITLE}" border="0" title="{TXT_PRODTITLE}" /></div>

    I've added in the width at 220px above to a bit of space between the image and the text.

    The product into should automatically align itself by floating to the right of this image.

    If you dont want the product info to wrap th eimage but instead continue straight down as if in a second colomn, you can always apply a similar div around the product info - changing the style info to suit... Hope that helps...

    Great! I've searched for this code for a long time. Much appreciate for your instruction. thanks6yv.gif

×
×
  • Create New...