Jump to content

Move Add To Basket Button?


Guest geonsteelers

Recommended Posts

Guest geonsteelers

THe add to basket button is below the description.. is there any way to make it come on top of the description or on the right of the item image?

i am using the kitablue skin..

PLEASE HELP!

Link to comment
Share on other sites

Hi

Yes this is possible. You will need to edit your skins/KitaBlue/styleTemplates/content/viewProd.tpl. To move the Add to Basket higher, so it's under the product image and to the right (Basically, just higher than it is now), find the following code, around line 110

<!-- BEGIN: buy_btn -->

	<div style="position: relative; text-align: right;">{LANG_QUAN} 

	<input name="quan" type="text" value="1" size="2" class="textbox" style="text-align:center;" />

	<a href="java script:submitDoc('addtobasket');" class="txtButton">{BTN_ADDBASKET}</a>

	</div>

	<!-- END: buy_btn -->


Cut the code and find, around line 14 this code


<div style="text-align: center;"><img src="{IMG_SRC}" alt="{TXT_PRODTITLE}" class="viewProdImg" title="{TXT_PRODTITLE}" />


Paste the first code after this. It should now look like this


<div style="text-align: center;"><img src="{IMG_SRC}" alt="{TXT_PRODTITLE}" class="viewProdImg" title="{TXT_PRODTITLE}" /><!-- BEGIN: buy_btn -->

	<div style="position: relative; text-align: right;">{LANG_QUAN} 

	<input name="quan" type="text" value="1" size="2" class="textbox" style="text-align:center;" />

	<a href="java script:submitDoc('addtobasket');" class="txtButton">{BTN_ADDBASKET}</a>

	</div>

	<!-- END: buy_btn --></div>

I don't know your level of experience, so if you're not sure what you are doing PM me.

Lee

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...