Need To Customize The checkout a bit

[ayman]

Hello Guys,

So far the script i working very good. Just one problem , I require the customer to enter 3 fields to unlock his phone , model ,IMEI and carrier . The thing is I use the product customization feature to make 3 fields , But it doent look very nice and sometimes in confuse the buyer because he have to save before add to cart and its located at the bottom of the page. checkout please : http://www.qcunlock.com

 

I tried removing the following block from product.tpl

 

			
<!-- Customizable products -->
{if $product->customizable}
<ul class="idTabs">
	<li><a style="cursor: pointer">{l s='Requried Information '}</a></li>
</ul>
<div class="customization_block">
	<form method="post" action="{$customizationFormTarget}" enctype="multipart/form-data" id="customizationForm">
		<p>
			{if $product->uploadable_files}<br />{l s='Allowed file formats are: GIF, JPG, PNG'}{/if}
		</p>
		{if $product->uploadable_files|intval}
		<h2>{l s='Pictures'}</h2>
		<ul id="uploadable_files">
			{counter start=0 assign='customizationField'}
			{foreach from=$customizationFields item='field' name='customizationFields'}
				{if $field.type == 0}
					<li class="customizationUploadLine{if $field.required} required{/if}">{assign var='key' value='pictures_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}
						{if isset($pictures.$key)}<div class="customizationUploadBrowse"><img src="{$pic_dir}{$pictures.$key}_small" alt="" /><a href="{$link->getUrlWith('deletePicture', $field.id_customization_field)}"><img src="{$img_dir}icon/delete.gif" alt="{l s='Delete'}" class="customization_delete_icon" width="11" height="13" /></a></div>{/if}
						<div class="customizationUploadBrowse"><input type="file" name="file{$field.id_customization_field}" id="img{$customizationField}" class="customization_block_input {if isset($pictures.$key)}filled{/if}" />{if $field.required}<sup>*</sup>{/if}
						<div class="customizationUploadBrowseDescription">{if !empty($field.name)}{$field.name}{else}{l s='Please select an image file from your hard drive'}{/if}</div></div>
					</li>
					{counter}
				{/if}
			{/foreach}
		</ul>
		{/if}
		<div class="clear"></div>

		<p style="clear: left;" id="customizedDatas">
			<input type="hidden" name="quantityBackup" id="quantityBackup" value="" />
			<input type="hidden" name="submitCustomizedDatas" value="1" />
			<input type="button" class="button" value="{l s='Save'}" onclick="javascript:saveCustomization()" />
			<span id="ajax-loader" style="display:none"><img src="{$img_ps_dir}loader.gif" alt="loader" /></span>
		</p>
	</form>
	<p class="clear required"><sup>*</sup> {l s='required fields'}</p>
</div>
{/if}			

 

Can I add a step or place this in the shipping step instead?

Hope someone can help

 

Thanks

[jmaher34]

I see on your web site you have this working, how did you do it?