Jump to content

Urgent Help - Converting a 1.5.4.1 Non responsive Theme to Responsive


Recommended Posts

Hello everyone

 

I have joined a new firm which is into website development and I know quite very little about Prestashop and as such I need an urgent advice.

 

I have been assigned a client who has an e-Commerce set up on Prestashop 1.5.4.1 and the template in use is not responsive. The Client now needs me to convert the existing template to a responsive one using Bootsrap (or Foundation) and I am good with that part (Bootstrap, Foundation).

 

Now, as I am relatively new to Prestashop, I have found that this version already comes with jQuery 1.7 (which neither Bootstrap nor the Foundation support). So the right way would be to use the latest jQuery on the current installation.

 

Here is what I need help on -

 

1. Should I change the jquery files on the installation to the latest ones ? This would work but as I am new, I am unsure if it will effect adversely the other components installed and configured

Or

2. I can add my own jQuery 2.x file on the template / theme folder - in this case, will it cause any conflicts on the front end. And, if I am allowed to go with this, will it be possible to remove the inclusion of the older jQuery version ?

 

Please guide me as the deadline is crunchy and I am barely a few days old in this organization.

 

Regards,

Nathan.

Edited by Kavi (see edit history)
Link to comment
Share on other sites

Hi, I think it may have compatibility problems if you use a jquery 2.x version on prestashop (a lot of javascript everywhere). Even prestashop 1.6 use version 1.11

 

You can find few pestashop themes for 1.5 made with bottstrap but they use boostrap 2.

 

This sounds okay. I can still use Bootstrap 2. The client only needs me to use Bootstrap or Foundation to convert his existing theme to responsive. But, Bootstrap 2.x uses jquey 1.9 and the current version of jquery on the existing installation (prestashop 1.5.4.1) is 1.7. Can you please let me know, if I install Bootstrap 2 - how do I update the jQuery version?

Link to comment
Share on other sites

This sounds okay. I can still use Bootstrap 2. The client only needs me to use Bootstrap or Foundation to convert his existing theme to responsive. But, Bootstrap 2.x uses jquey 1.9 and the current version of jquery on the existing installation (prestashop 1.5.4.1) is 1.7. Can you please let me know, if I install Bootstrap 2 - how do I update the jQuery version?

 

It will be much faster and better if you just create his theme from scratch using the default 1.6.x theme as base.

Link to comment
Share on other sites

It will be much faster and better if you just create his theme from scratch using the default 1.6.x theme as base.

 

I don't understand your point dreamtheme...  please explain us the way to fix a 1.6 theme to work on a 1.5 version, do you have a special method to make it fast ?

Link to comment
Share on other sites

Hi all,

jQuery has had a significant update with version 1.9.

 

I Just checked with updating jQuery to 1.11.2 on a PS 1.5.4.1 test site and already on frontpage the slider and top menu give problems. On product pages, zoom etc doesn't work. Ajax updates (processing changes without refreshing the whole page), like add to cart, change amount of products on summary page etc all seem to have problems.

 

They say there is some migration plugin which may help you upgrade PrestaShop/modules to make it work, but I expect a long and tedious upgrade path.

 

Suggestions:

First of all, talk in detail to your boss about these problems, so he knows this 'is because of external problems' (and not inability of you) and there needs more time reserved to fix this. He may have to talk to the customer about this.

 

Then:

Consider to upgrade the PrestaShop site to Version 1.6. :

Not too much work only if

- the web site has not too many custom changes (i.e. using the default theme with some small changes in css or so), or,

- they use a custom theme and the theme developer has an updated version for 1.6.

and

- There are no (or not too many) add on modules that needs modification to be 1.6. compatible.

 

otherwise this also can be a long process...

 

Otherwise, check with your boss/customer any other option available that would work for them.

 

 

Small remark,

jQuery 2.x doesn't support IE 6, 7, 8 anymore. Make sure IF you go to 2.x that your customer agrees on this as well...

 

Last suggestion:

If only the site needs to be more 'responsive' (i.e. work on different screen sizes), you may just work with css "media queries" to make it work.

 

 

My 2 cents,

pascal.

 

P.S. if you want to see 1.11.2 in (non-)action on PS 1.5.4.1, see here: (temporary link, may not work anymore after a while)

  • Like 1
Link to comment
Share on other sites

Hi all,

jQuery has had a significant update with version 1.9.

 

I Just checked with updating jQuery to 1.11.2 on a PS 1.5.4.1 test site and already on frontpage the slider and top menu give problems. On product pages, zoom etc doesn't work. Ajax updates (processing changes without refreshing the whole page), like add to cart, change amount of products on summary page etc all seem to have problems.

 

They say there is some migration plugin which may help you upgrade PrestaShop/modules to make it work, but I expect a long and tedious upgrade path.

 

Suggestions:

First of all, talk in detail to your boss about these problems, so he knows this 'is because of external problems' (and not inability of you) and there needs more time reserved to fix this. He may have to talk to the customer about this.

 

Then:

Consider to upgrade the PrestaShop site to Version 1.6. :

Not too much work only if

- the web site has not too many custom changes (i.e. using the default theme with some small changes in css or so), or,

- they use a custom theme and the theme developer has an updated version for 1.6.

and

- There are no (or not too many) add on modules that needs modification to be 1.6. compatible.

 

otherwise this also can be a long process...

 

Otherwise, check with your boss/customer any other option available that would work for them.

 

 

Small remark,

jQuery 2.x doesn't support IE 6, 7, 8 anymore. Make sure IF you go to 2.x that your customer agrees on this as well...

 

Last suggestion:

If only the site needs to be more 'responsive' (i.e. work on different screen sizes), you may just work with css "media queries" to make it work.

 

 

My 2 cents,

pascal.

 

P.S. if you want to see 1.11.2 in (non-)action on PS 1.5.4.1, see here: (temporary link, may not work anymore after a while)

 

Thanks for this wonderful and helpful advice. In fact I sent the URL to my client for understanding as it comes from someone who is in charge and his words should get rid of confusions if any.

 

Now, the update is - Client does not want to upgrade to newer Prestashop v1.6 - his reasoning is - the site has too many plugins and it will be quite difficult to update them, re-place them. His developer has shifted jobs and as such, the most important person of their team who was managing is now unavailable - and the client is not so technicaly well versed with Prestashop.

 

So here is what I am trying to do (and I do know this is unhealthy too but I am testing on my local servers for now) -

 

I am trying to integrate Bootstrap 2.0.2 onto the site - I have very little options available due to the jQuery thing (as I do not think it would be advisable to update/replace the existing jQuery 1.7x which Prestashop1.5.4.1 uses)

 

I am trying to locate the modules using the Module manager - a very hectic task for me as I am new to this - and locating where this module is placed. I am then finding out if the module has its own codes, css etc and I am tryng to alter the codes, css to match that of BootStrap 2.0.2.  Unsure if this would be the right thing to do or even if there is a better way to get it done, but I firmly believe, after this exercise, I will have a much better knowledge of coding with Prestashop.

 

There are a few issues though and I am posting as a new thread for the same.

Link to comment
Share on other sites

It will be much faster and better if you just create his theme from scratch using the default 1.6.x theme as base.

 

Nah, that wont work. Just as the current theme did not load on the 1.6.x version of prestashop. The reason might be - PS 1.5.4.1 - uses jQuery 1.7 and PS 1.6 uses the newer version or anything else, but I am not in a position at the moment to identify and mention them - as I am barely 4 days old with Prestashop.

Link to comment
Share on other sites

  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...