Modify Default Mobile Theme Prestashop 1.5.4.1

[cjrent]

I've searched around for a better understanding of how to modify the default mobile theme.

Is there nothing in the Back Office that can do this?

 

I wanted to change colors, and get rid of some links on pages that are not necessary.

 

I do see a themes/mytheme/mobile

and I'm sure that is where I need to search, but really if there is any guidance from anyone who has tackled this before would be great.

 

I looked at themes/mytheme/mobile/css/jquery.mobile-1.3.0.min.css

I use notepad++ and this is one great big line. LOL makes it impossible to read.

 

Or if you can tell me a better search term to use in the forum. I don't want to re-invent the wheel if this was already figured out. The only results I see for "default mobile theme" are not related to version 1.5.4.1

 

Thank you in advance.

[vekia]

Is there nothing in the Back Office that can do this?

unfortunately not, you can modify the mobile theme only in module files (of course you can upload mobile logo etc. in back office)

 

I wanted to change colors, and get rid of some links on pages that are not necessary.

can you say something more what you exactly want to change? Everything depends on it.

[cjrent]

thanks vekia. i'm going to get screen shots together. so it can better show what i want to get rid of. thanks for your help in this. you're the best!

[cjrent]

Update:  (Apologies for taking so long to respond, had to do site migrations for 6 websites and it did not go smoothly)

 

 

Vekia, I felt guilty always bothering you so after some deep research and lots of trial and error.  (Thank you again for showing me how to use F12 in chrome)

 

I found that the changes I want to make mostly reside in:

theme/mobile/prices-drop.tpl, sitemap.tpl, manufacturer-list.tpl, product.tpl, category-product-list.tpl and manufacturer.tpl

 

I know that the color if I chose to change them would be in the css file, but I don't think I'm mentally ready to tackle that.

 

Thanks for all your help tho.  I will definitely post again if/when I'm ready to change colors on the mobile version. 

[vekia]

no worries my friend, if you have any questions or concerns - feel free to write, i am always ready for discussion about prestashop and modifications etc.

[cjrent]

A few of questions regarding the default mobile site...

1) How do you get the loyalty reward points to show?  Is that even possible?

 

2) How do I get rid of the 'agree to receive product w/ recycled packaging' at checkout?  I disabled it on the backend but it still appears on the mobile site.

 

Got this sorted out too thanks to this link: http://www.prestashop.com/forums/topic/234712-text-recycling-verpackung-aus-details-loschen/?hl=mobile&do=findComment&comment=1419327

 

in order-detail.tpl  I commented out the following

{*{if $order->recyclable}
<li><img src="{$img_dir}icon/recyclable.gif" alt="" class="icon" /> {l s='You have given permission to receive your order in recycled packaging.'}</li>
{/if}*}

in order-carrier.tpl i commented out the following:

{*{if $recyclablePackAllowed}
<p class="checkbox">
<input type="checkbox" name="recyclable" id="recyclable" value="1" {if $recyclable == 1}checked="checked"{/if} />
<label for="recyclable">{l s='I would like to receive my order in recycled packaging.'}.</label>
</p>
{/if}*}

and

{* {if $conditions AND $cms_id}
<h3 class="condition_title">{l s='Terms of service'}</h3>
<p class="checkbox">
<input type="checkbox" name="cgv" id="cgv" value="1" {if $checkedTOS}checked="checked"{/if} />
<label for="cgv">{l s='I agree to the Terms of Service and will adhere to them unconditionally.'}</label> <a href="{$link_conditions}" class="iframe">{l s='(Read the Terms of Service)'}</a>
</p>
<script type="text/javascript">$('a.iframe').fancybox();</script>
{/if} *}

and in order-opc-varrier.tpl  i commented out the following

{*<h3 class="bg">{l s='Terms of service'}</h3>
<fieldset data-role="fieldcontain" id="cgv_checkbox">
<input type="checkbox" value="1" id="cgv" name="cgv" {if $checkedTOS}checked="checked"{/if} />
<label for="cgv">{l s='I agree to the terms of service and will adhere to them unconditionally.'}</label>
</fieldset>
<p class="lnk_CGV"><a href="{$link_conditions}" data-ajax="false">{l s='(Read Terms of Service)'}</a></p>*}

3) Why are the product pictures on tablets so blurry?  Where can I reset this?  

 

Ok, got this sorted out....for future reference:

 

in mytheme/mobile/category-product-list.tpl

 

I changed this:

<div class="product_img_wrapper"><img class="ui-li-thumb" src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')}" 

to this:

<div class="product_img_wrapper"><img class="ui-li-thumb" src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'large_default')}" 

I'm nearly done with the site and am very excited about finally going live.

 

Comments/suggestions are always welcome.

 

You can see it here:

http://cjrfinearts.com/ps/

Edited October 17, 2013 by paditur (see edit history)

[sadiwadi]

Do you know how to change mobile them so that on front page and product pages it shows 2 products next to eachother instead of just one, so you have to scroll a lot.

 

 

Also, how do you change the name of the "Categories" to something els like "SHOP" or something?