1.6 - some issues

[Yngvi]

I have a come across a few issues with Prestashop 1.6.

 

1. Social networking block - Adding the facebook URL in admin, does not save the URL, on save, the URL is deleted.

 

2. Adding thumbnails to main categories - When clicking upload, the following error appears - "JSON.parse: unexpected character".

 

3. Contact Information block - On save, the information is deleted.

 

4. Layered navigation module - categories are place in two columns and if the category name is more than a few characters in length, the layout looks a mess. This would be better as a single column.

 

5. Product page - If JqZoom is not enabled, then on the product page, clicking on the zoom icon does not open a larger image. Clicking on one of the thumbnails underneath te main image does open a larger image though.

 

6. Not a problem, but you really need to be a forensic scientist if you want to enable the the left column on the product page. A guide to this could be helpful.

 

7. Products in same category module - The previous and next buttons are a light grey and appear on top of the thumbnails so cannot be seen on most images. They are also rather small.

 

8. The same forensic science degree is required if you want to change the add to cart button on the product page to anything but blue.

 

9. Featured products on shopping cart module - When enabled, the images are stretched vertically and out of proportion.

 

10. HINT - Under advanced parameters / performance, disable smart cache for CSS if you want to use something like Firefox - inspect element to track the CSS for elements, otherwise you will be searching the cache files. Re-enable it when finished creating the store.

 

11. HINT 2 - When Upgrading from a previous version. the default theme is messed up and the slider vanishes. Making a new theme in admin and copying the default theme into it, seems to clear these issues.

 

Aside from the above issues, my store is almost complete and ready to go live and this version is a great improvement on the previous versions.

Edited March 20, 2014 by Yngvi (see edit history)

[Yngvi]

Changing the color of the standard blue and green buttons seems to be a real problem. Dozens of changes to make for each button. Is there an easier way to make the color changes more simplified?

[bomba.ge]

 

11. HINT 2 - When Upgrading from a previous version. the default theme is messed up and the slider vanishes. Making a new theme in admin and copying the default theme into it, seems to clear these issues.

 

more details please. how to make new theme?

[Yngvi]

In admin / preferences /themes  on the top right, click the "+" button

 

Then on the next page, give the theme a name, select default left and right columns as required, add number of products per page, then give the theme directory a name and in the drop down "copy missing files from existing theme", select default-bootstrap and finally select responsive or not and click save. This will create a copy of the default theme and most of the layout errors seem to be corrected.

[prestamax]

Changing the color of the standard blue and green buttons seems to be a real problem. Dozens of changes to make for each button. Is there an easier way to make the color changes more simplified?

 

CSS3 is allowing gradients so you don't need any background images which is actually easier than creating new background images. The CSS command for gradients is a bit more complex, but if you want you can choose a simple plain color as well by just adding background: #XXXXXX; (your color hex code).

 

For gradients there are also some online tools available where you can just copy & paste the code

for example: http://www.css3factory.com/linear-gradients/

[Yngvi]

CSS3 is allowing gradients so you don't need any background images which is actually easier than creating new background images. The CSS command for gradients is a bit more complex, but if you want you can choose a simple plain color as well by just adding background: #XXXXXX; (your color hex code).

 

For gradients there are also some online tools available where you can just copy & paste the code

for example: http://www.css3factory.com/linear-gradients/

 

I know all that. The problem is that for each button, you have to change the gradient starting and ending point, for each browser and then the border top, left, right and bottom for each button. Then you need to repeat all this for the hover states. Then you have to find and repeat this whole process for every type of button. In all a very long and tedious process.

 

My point is that it may have been easier to not include the fancy gradient buttons in the default template as this creates a very long job just to change the button colors to match a theme.

[bomba.ge]

Yngvi, thank you for your simple, but very effective hint2 it worked for me.

[Yngvi]

Yngvi, thank you for your simple, but very effective hint2 it worked for me.

 

It is probably best to always do this anyway, when starting a new site as any future release may well overwrite the files in the default theme and then all your changes will be lost. 

[prestamax]

I know all that. The problem is that for each button, you have to change the gradient starting and ending point, for each browser and then the border top, left, right and bottom for each button. Then you need to repeat all this for the hover states. Then you have to find and repeat this whole process for every type of button. In all a very long and tedious process.

 

My point is that it may have been easier to not include the fancy gradient buttons in the default template as this creates a very long job just to change the button colors to match a theme.

You can do this very easily. Remove the gradients and put in a simple background color. Everything has it's price. A gradient looks nicer than plain color but is a bit more work. If you don't want to do it yourself you could hire a webdesigner or you can put a simple color which can be done quite easily.

[Yngvi]

Quick fix for layered navigation creating two column and causing the display to be messed up (Point 4 above)

 

In themes/YOUR-THEME/modules/blocklayered/blocklayered.tpl

          on line 89 ....... delete col-lg-6

This will cause the layerednavigation to be one column instead of two.

[l_raath]

where do you find the css code for the green "in stock","add to cart","checkout" buttons and hover states, and how do I change it in the global.css file?

[Yngvi]

where do you find the css code for the green "in stock","add to cart","checkout" buttons and hover states, and how do I change it in the global.css file?

 

The easiest way is to use Firefox browser, add the developer tools addon to Firefox.

Then you can right click in any element on the HTML page and click 'Inspect element'. This will give you the exact lines that need to be changed and the files that they need to be changed in.

Just disable smarty cache for CSS first in the admin of your site under Under advanced parameters / performance, otherwise you will be searching through cache files and not the original files.

[roo10]

I have found a bug in fresh installation of PS 1.6.0.5.

The "Number of products per page" field do not update after saving the changes while editing the "default-bootstrap" theme.

Below are the steps to reproduce the bug.

 

- Go to Back-office > Preferences > Themes.

- Click on "Edit" button for editing the "default-bootstrap" theme.

- Change "Number of products per page" field and "Save" the changes.

- Now again follow second step and notice that "Number of products per page" field is not updated and remain "12" always.

[JohnADK]

The easiest way is to use Firefox browser, add the developer tools addon to Firefox.

Then you can right click in any element on the HTML page and click 'Inspect element'. This will give you the exact lines that need to be changed and the files that they need to be changed in.

Just disable smarty cache for CSS first in the admin of your site under Under advanced parameters / performance, otherwise you will be searching through cache files and not the original files.

 

Great little extra info! I couldn't figure out how to stop just reading css cache files in the inspector, since I didn't use css cache in earlier versions.

 

But, there is a small issue, because even though it's easy to find the line being shown to change, some changes have a cascading effect on other areas of PS, so the user must be more knowledgeable to make some changes.

For example, I have managed to get the cart in the top navigation bar, but if I change the entry in global.css to float it to the right, my logo in the header also moves to the right... but that is not desired.

 

But thanks for getting me past the cache files in the Inspector!

[sunreader]

If some of them are bugs, please report them from your prestashop admin panel using the bug reporter.

[JohnADK]

If some of them are bugs, please report them from your prestashop admin panel using the bug reporter.

Will do with whatever I find out actually is a bug. Thanks.

[sudconnect]

I have a come across a few issues with Prestashop 1.6.

 

1. Social networking block - Adding the facebook URL in admin, does not save the URL, on save, the URL is deleted.

 

2. Adding thumbnails to main categories - When clicking upload, the following error appears - "JSON.parse: unexpected character".

 

3. Contact Information block - On save, the information is deleted.

 

4. Layered navigation module - categories are place in two columns and if the category name is more than a few characters in length, the layout looks a mess. This would be better as a single column.

 

5. Product page - If JqZoom is not enabled, then on the product page, clicking on the zoom icon does not open a larger image. Clicking on one of the thumbnails underneath te main image does open a larger image though.

 

6. Not a problem, but you really need to be a forensic scientist if you want to enable the the left column on the product page. A guide to this could be helpful.

 

7. Products in same category module - The previous and next buttons are a light grey and appear on top of the thumbnails so cannot be seen on most images. They are also rather small.

 

8. The same forensic science degree is required if you want to change the add to cart button on the product page to anything but blue.

 

9. Featured products on shopping cart module - When enabled, the images are stretched vertically and out of proportion.

 

10. HINT - Under advanced parameters / performance, disable smart cache for CSS if you want to use something like Firefox - inspect element to track the CSS for elements, otherwise you will be searching the cache files. Re-enable it when finished creating the store.

 

11. HINT 2 - When Upgrading from a previous version. the default theme is messed up and the slider vanishes. Making a new theme in admin and copying the default theme into it, seems to clear these issues.

 

Aside from the above issues, my store is almost complete and ready to go live and this version is a great improvement on the previous versions.

Hi

 

For Facebook just uninstall / install the module, for me it worked. The same for information bloc

[sudconnect]

Anyone know something about the

 

JSON.parse: unexpected character

 

? Thanks

[BluTiGeS]

Any solution for point 5 in the List? I also have this issue in My upgraded Version.

Thanks

 

Edit:

 

Found SOlution for Point 5:

 

Found out whats happening

the product.tpl

has following line:
  

 class="fancybox{if $image.id_image == $cover.id_image} shown{/if}"

if I let print ot these values they are in different format the  $cover.id_image  is for example "3_13" and the $image.id_image is "13".

Changing the line to :

class="fancybox{if $image.id_image == $cover.id_image || $image.id_image == $cover.id_image_only } shown{/if}"

solves the issue.

But why are they in different format?

 

 

EDIT2:

 

found root cause

PS_LEGACY_IMAGES  was set to 1 in DB but files already moved so setting to new image so this value must be 0 than it works too

Edited May 3, 2014 by BluTiGeS (see edit history)

[thewebadmin]

Any solution for point 5 in the List? I also have this issue in My upgraded Version.

 

Thanks

 

Edit:

 

Found SOlution for Point 5:

 

Found out whats happening

 

the product.tpl

 

has following line:

  

 class="fancybox{if $image.id_image == $cover.id_image} shown{/if}"

if I let print ot these values they are in different format the  $cover.id_image  is for example "3_13" and the $image.id_image is "13".

 

Changing the line to :

class="fancybox{if $image.id_image == $cover.id_image || $image.id_image == $cover.id_image_only } shown{/if}"

solves the issue.

 

But why are they in different format?

 

 

EDIT2:

 

found root cause

PS_LEGACY_IMAGES  was set to 1 in DB but files already moved so setting to new image so this value must be 0 than it works too

Hi,

 

I have a question. I sow on the admin panel that I can change from fancybox to JqZoom in Admin panel -> Preferences -> Product page.

 

My question is: how can I let both of them activated like in 1.5 version? Please find example here:

https://www.wrongpeople.it/shop/en/printed-sweatshirts/177-flash-sweatshirt.html

 

Thanks,

Br,

[dioniz]

Open yourtheme/js/product.js and find this line

zoomType: 'innerzoom', //innerzoom/standard/reverse/drag

Comment it out and that's it.

[sudconnect]

Open yourtheme/js/product.js and find this line

zoomType: 'innerzoom', //innerzoom/standard/reverse/drag

Comment it out and that's it.

Doesn't work else

[imanolv]

2. Adding thumbnails to main categories - When clicking upload, the following error appears - "JSON.parse: unexpected character".

 

Any solution for this?

[maxxis]

I think the folder where the images are uploaded does not have the appropriate permissions, but do not know what is the file...

[vekia]

it's a whole /img/ directory

change permissions recursively for each file and directory there

[surflibre]

 

2. Adding thumbnails to main categories - When clicking upload, the following error appears - "JSON.parse: unexpected character".

 

Hi,

 

It comes from the "categories' block", reinstall it ...

 

regards