[solved] Custom TEXT box in the products page not appearing in mobile version of store.

[evanderek]

Hi, Well my question is simple but quite STRANGE so if anyone can help me out i would be VERY VERY glad gyez.

 

here is the link of one of my products: http://eluxuryplus.c...oduct&id_lang=1

 

as you can see i've added the text box "FABRIC NUMBER" to the product, but the problem is this custom text box does not show up in the mobile version of the site, can anyone help me out please?

 

Its URGENT Please gyes.

[NemoPS]

The mobile template is different, you need to add your field there as well (in the mobile/product.tpl file)

[vekia]

that's right. the field that you want is in the "tab" product customization.

in this case you have to edit file mentioned by Nemo above.

 

this is the code for the tab:

<!-- Customizable products -->
{if isset($product) && $product->customizable}
 <div id="idTab10" class="bullet customization_block">
  <form method="post" action="{$customizationFormTarget}" enctype="multipart/form-data" id="customizationForm" class="clearfix">
   <p class="infoCustomizable">
 {l s='After saving your customized product, remember to add it to your cart.'}
 {if $product->uploadable_files}<br />{l s='Allowed file formats are: GIF, JPG, PNG'}{/if}
   </p>
   {if $product->uploadable_files|intval}
   <div class="customizableProductsFile">
 <h3>{l s='Pictures'}</h3>
 <ul id="uploadable_files" class="clearfix">
  {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->getProductDeletePictureLink($product, $field.id_customization_field)}" title="{l s='Delete'}" >
	   <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">
	  <label class="customizationUploadBrowseDescription">{if !empty($field.name)}{$field.name}{else}{l s='Please select an image file from your computer'}{/if}{if $field.required}<sup>*</sup>{/if}</label>
	  <input type="file" name="file{$field.id_customization_field}" id="img{$customizationField}" class="customization_block_input {if isset($pictures.$key)}filled{/if}" />
	 </div>
    </li>
    {counter}
   {/if}
  {/foreach}
 </ul>
   </div>
   {/if}
   {if $product->text_fields|intval}
   <div class="customizableProductsText">
 <h3>{l s='Text'}</h3>
 <ul id="text_fields">
 {counter start=0 assign='customizationField'}
 {foreach from=$customizationFields item='field' name='customizationFields'}
  {if $field.type == 1}
  <li class="customizationUploadLine{if $field.required} required{/if}">
   <label for ="textField{$customizationField}">{assign var='key' value='textFields_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field} {if !empty($field.name)}{$field.name}{/if}{if $field.required}<sup>*</sup>{/if}</label>
   <textarea type="text" name="textField{$field.id_customization_field}" id="textField{$customizationField}" rows="1" cols="40" class="customization_block_input">{if isset($textFields.$key)}{$textFields.$key|stripslashes}{/if}</textarea>
  </li>
  {counter}
  {/if}
 {/foreach}
 </ul>
   </div>
   {/if}
   <p 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 you please use this code in your mobile theme product.tpl template file?

[evanderek]

thnx for the help, so where do i find the file which needs to be edited?? actualy i am VERY new to PS so dont know, means can i add this code from the back-end office itself or need to acess my hosting cpanel and there the file is somewhere?

 

and thnx a tONNN for your replies gyez

Edited August 9, 2013 by evanderek (see edit history)

[evanderek]

hey,...thnx a TONNNNNNNNNNNNNNNNNNNNN Vekia and NEMO I figured out the solution and it WORKEDDDD !!! i am DAMN GLAD guyzz...u people ROCKK SALUTE

[vekia]

im glad that we can help you in this case

im going to mark this topic as [solved]

btw. have you checked the whole order process on your mobile?

[hmulhim]

I used the code above, I can see the fields displayed, I click save and nothing happens!!

I am using prestashop 1.5.5.0

 

 

website: nakhasah.com

Sample product with customization http://nakhasah.com/index.php?id_product=1363&controller=product&id_lang=1

 

I appreciate your help.

[marcoderrigo]

I used the code above, I can see the fields displayed, I click save and nothing happens!!

I am using prestashop 1.5.5.0

 

 

website: nakhasah.com

Sample product with customization http://nakhasah.com/index.php?id_product=1363&controller=product&id_lang=1

 

I appreciate your help.

 

I have the same problem.any solution?

 

http://www.portafoto.net

[marcoderrigo]

I have the same problem.any solution?

 

http://www.portafoto.net

 

I find this in Prestashop ver. 1.5.6 in theme\default\mobile\js\product.js code  line 27:

 // TODO finish the customization behaviour

When the function is incomplete in the mobile theme???

[aliancedev]

I find this in Prestashop ver. 1.5.6 in theme\default\mobile\js\product.js code  line 27:

 // TODO finish the customization behaviour

When the function is incomplete in the mobile theme???

 

Solution that work for me (It's little late but i hope it will help other person ): 

 

To run the customization fields, you just have to change the type of save input from type = "button" to type = "submit" in the product.tpl mobile version, which gives : 

<input type="submit" class="button" value="{l s='Save'}" onclick="javascript:saveCustomization()" />

<input type="submit" class="button" value="{l s='Save'}" /> 

 and make sur that your form is not inside the form of adding in cart.

[Nick Lappage]

I am using 1.5.6.2 and really want this code to work for me. Where in the tpl file do I insert the extra code? I tried in a couple of positions but the Customisation Tab didn't appear.

 

Thanks for any replies,

Nick

 

Okay I got it to appear (used my Theme's template - doh!!), but the cart doesn't show up until I change back to desktop. Going to look more at my theme...

Edited February 12, 2014 by Nick Lappage (see edit history)

[somits1]

hi, i am facing same issue. please help me to solve the issue.

 

My site is http://www.slmobileprice.com

 

PrestaShop version 1.5.6

 

In my site I have added some buttons in Product Short Description field. But buttons only displaying in Desktop version not in mobile theme. please help me to solve the issue. Check one product link to understand my problem  - 

 

http://slmobileprice.com/index.php?id_product=2682&controller=product

 

Thanks,

Somit

[NemoPS]

CHeck the product.tpl of your mobile template, it might be escaping the buttons

[BastianSnow]

Same problem, not working.

 

Please help

[NemoPS]

Did you check what I mentioned in my previous message? Are you sure there is nothing escaping them in the mobile template?