Announcement

Collapse
No announcement yet.

reducing product page size

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    reducing product page size

    hello, hope someone can help me... trying to make my product pages smaller (so they fit inside a small frame I have created)... I have altered the act_header, act_seperator_bar and act_simple_search templates so that the top bar has been reduced correctly... however, I am having problems making the product image and product text fit... I have made images quite small but the problem is that text appears on the right of the image and I really need it underneath the image (due to limited frame width)... I checked 'default product layout' under 'design settings' but there doesnt seem to be a mode which displays text under image... any help would be appreciated... thanks

    #2
    This one might do it.

    Code:
    <!-- ProductLine-bigimage HTML begin -->
    <!-- Insert HTML for the top of the individual product -->
    NETQUOTEVAR:INCLUDE Act_ProductSeparator.html
    NETQUOTEVAR:ENDSEPARATOR
    
    <tr>
    	<TD COLSPAN="3" VALIGN="TOP">
    		NETQUOTEVAR:TEMPLATEBEGINXML
    		<Actinic:PRODUCT REF="NETQUOTEVAR:ACTUALPRODUCTREF"/>
    		<A NAME="NETQUOTEVAR:PRODUCTANCHOR"><FONT FACE="ARIAL" SIZE="+1"><B>NETQUOTEVAR:PRODUCTNAME</B></FONT></A>
    		<FONT FACE=ARIAL SIZE=-1>NETQUOTEVAR:PRODUCTREF</font>
    	</td>
    </tr>
    
    <TR>
    	<TD COLSPAN="3" VALIGN="TOP" ALIGN="CENTER">
    		NETQUOTEVAR:PRODUCTIMAGE
    	</TD>
    </tr>
    
    <tr>
    	<TD colspan=3 VALIGN="TOP" ALIGN="LEFT">
    		<FONT FACE=ARIAL SIZE=-1>NETQUOTEVAR:PRODUCTDESCRIPTION
    		<BR>NETQUOTEVAR:PRODUCTBEGINLINKNETQUOTEVAR:PRODUCTLINKTEXTNETQUOTEVAR:PRODUCTENDLINK
    		NETQUOTEVAR:PRICEEXPLANATION
    		<BR><B>NETQUOTEVAR:PRODUCTPRICE</B></FONT>
    	</TD>
    </TR>
    
    <TR>
    	<TD colspan=3 ALIGN=RIGHT><Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS>NETQUOTEVAR:TEMPLATEENDXML</TD>
    </TR>
    
    NETQUOTEVAR:NEXT
    <!-- ProductLine-bigimage  HTML end -->
    Save this in Site1 as Act_productLine-bigimage.html and select it as your default template.

    Norman

    p.s. Frames stink. They will make it much herder for your customers and search engines to bookmark particular pages.
    Norman - www.drillpine.biz
    Edinburgh, U K / Bitez, Turkey

    Comment


      #3
      thanks norman,

      I saved Act_productLine-bigimage.html in site 1 and set it as my default template.
      ... doesnt seem like catalog is using it though... all the product pages look no different

      Comment


        #4
        It works fine for me.

        Check that you've got "Use Parent" as the template for each Sections "Overall Layout" and each Products "Product Layout".

        Norman
        Norman - www.drillpine.biz
        Edinburgh, U K / Bitez, Turkey

        Comment


          #5
          ah, this might be a problem...

          I have already used each Products "Product Layout" field to point to a file I use to display delivery charges on product pages...

          Comment


            #6
            That file must be a modification of a normal Product Template. Just add the same mods to my template and save it to whatever name(s) you use for your custom template.

            Norman
            Norman - www.drillpine.biz
            Edinburgh, U K / Bitez, Turkey

            Comment


              #7
              Ooops. I left some fields out above. Here it is again:-

              Code:
              <!-- ProductLine-bigimage HTML begin -->
              <!-- Insert HTML for the top of the individual product -->
              NETQUOTEVAR:INCLUDE Act_ProductSeparator.html
              NETQUOTEVAR:ENDSEPARATOR
              NETQUOTEVAR:PRODUCTFORMBEGIN
              <tr>
              	<TD COLSPAN="3" VALIGN="TOP">
              		NETQUOTEVAR:TEMPLATEBEGINXML
              		<Actinic:PRODUCT REF="NETQUOTEVAR:ACTUALPRODUCTREF"/>
              		<A NAME="NETQUOTEVAR:PRODUCTANCHOR"><FONT FACE="ARIAL" SIZE="+1"><B>NETQUOTEVAR:PRODUCTNAME</B></FONT></A>
              		<FONT FACE=ARIAL SIZE=-1>NETQUOTEVAR:PRODUCTREF</font>
              	</td>
              </tr>
              
              <TR>
              	<TD COLSPAN="3" VALIGN="TOP" ALIGN="CENTER">
              		NETQUOTEVAR:PRODUCTIMAGE
              	</TD>
              </tr>
              
              <tr>
              	<TD colspan=3 VALIGN="TOP" ALIGN="LEFT">
              		<FONT FACE=ARIAL SIZE=-1>NETQUOTEVAR:PRODUCTDESCRIPTION
              		<BR>NETQUOTEVAR:PRODUCTBEGINLINKNETQUOTEVAR:PRODUCTLINKTEXTNETQUOTEVAR:PRODUCTENDLINK
              		NETQUOTEVAR:PRICEEXPLANATION
              		<BR><B>NETQUOTEVAR:PRODUCTPRICE</B></FONT>
              	</TD>
              </TR>
              
              <TR>
              	<TD colspan=3 ALIGN=RIGHT>
              	NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY<br>
              	<Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS>NETQUOTEVAR:TEMPLATEENDXML</TD>
              </TR>
              NETQUOTEVAR:PRODUCTFORMEND
              NETQUOTEVAR:NEXT
              <!-- ProductLine-bigimage  HTML end -->
              Note that this is done in V6. You may have to change it for V5.

              Norman
              Norman - www.drillpine.biz
              Edinburgh, U K / Bitez, Turkey

              Comment

              Working...
              X