• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 14.11.19, 10:56
  • Opened by: Marco Montanari
  • Closed by: Fred
  • Closed on: 02.12.19, 22:23
  • Reason: Closed
  • Comment: Glad to help!

Ticket #16178 - Theme not fully compatible with 1.7.6.1

there is something strange in your theme.
I’ve installed in 2 fresh installation 1.7.6.1 and not works proberly:

1) when i go to Advanced parameters and Performance in console appear error that before with clasic theme not exist: https://gyazo.com/e9627cb3e1c59a57345777e92dbf21e1 This menas that the theme interact with 1.7.6.1 BO in bad way

2) The mobile layout of all themes Alysium (complex for example) are wrong:
Try to take a look at this https://www.enotecapirovano.com/ screen: https://gyazo.com/6e0f634c9dfa9c5b65530a4a52fcb0bb

the header is complete wrong while in your demo is perfect: https://gyazo.com/4e83b14e9cca7f7fafb6e0f986ce1e28

STATE MONITOR:

all is green except:

https://gyazo.com/be2c85ef995da1c340021749b9189a07 and
https://gyazo.com/b1722b359723c7567639a8a47c4985e4

We have multiple problems everywhere, if we not find a solution i would ask a refund, is unusable for us

PIXEL

Comments

Fred 14 Nov 2019, 11:01

1. back office issues doesn’t related to the theme
2. you have enabled AMP module, read more here http://alysum5.promokit.eu/promokit/documentation/#amp AMP module make your theme compatible with Google AMP technology. You can disable AMP or create a layout in AMP Page builder
3. State monitor just show an information. You can reset modules to add them to those hooks. That is not theme’s issue

Marco Montanari 14 Nov 2019, 11:13

well before installing Asylum there is no console error in BO, now as i show in the screen shot they appears when i go to Performance menu for example.

AMP Module is disabled infact the layout is not AMP: https://gyazo.com/ff671640156f9261a402a4ea681a4df1

AMP module: https://gyazo.com/076158e07a36d99533990e1ea3d208a1

all cache, CCC and so on are all Disabled.

but mobile aspects, problems are presents.

Fred 14 Nov 2019, 11:14

The theme doesn’t add any scripts or manage any code in the back office
I don’t understand, do you want to use AMP or you want to disable it?

Marco Montanari 14 Nov 2019, 11:17

Hi Fred, the mobile aspect is NOT related to AMP but is how columns/rows of your theme interact with screen width.
I’ve disabled AMP for now because i want that the theme is fully responsive as advertised also in your demo: https://alysum5.promokit.eu/complex/en/.
The screen shot i show you is not AMP is a defautl responsive theme, please do your test here: https://www.enotecapirovano.com/

you will see that the header not works on mobile (responsive theme)

Marco Montanari 14 Nov 2019, 11:19

About the fact that Alysum not interact with Backoffice is also FALSE because it adds on BO menu their menu: https://gyazo.com/757a60f3cb978940031cbd8af4e61646

This means that when i activate Alysum it make something wrong with jquery_ui library in some part of BO menu (like Performance menu) https://gyazo.com/e9627cb3e1c59a57345777e92dbf21e1

Fred 14 Nov 2019, 11:45

Try following code to improve your header (Theme Settings → Customer CSS)

@media(max-width:600px) {
.header-3 .col-xl-9 > .col-inner {flex-direction: column-reverse;align-items: center;}
.header-3 .col-xl-9 > .col-inner .pk-widget {margin:0}
.header-3 .pk_customlinks {justify-content: flex-end}
.header-3 .col-xl-9 > .col-inner .pk-widget:last-child {position:absolute;height:20px}
}

2. The theme use native prestashop tools to add a menu, but doesn’t add any scripts to back office

Marco Montanari 14 Nov 2019, 11:49

thanks for the code seems better but as you can see is terrible not alligned https://www.enotecapirovano.com/it/

Marco Montanari 14 Nov 2019, 11:55

well i don’t really know why but when we installed yout theme the BO had some errors about jquery_ui in menu Advanced Parameters > Performance and in Shop Parameters > General

Fred 14 Nov 2019, 13:17

I suppose that is a revolution slider, you can try to disable it just for a test. But in any case does it affect somehow to the back office functionality?
I understand, any module doesn’t have to generate any errors, but that is not our module and we have to contact module developer about that

Marco Montanari 14 Nov 2019, 13:29

about the error in console in BO, seems the functionality is not compromised but even disablig revolution slider the error persist: https://gyazo.com/9698acd77ac8dd4cb42e561bb67aef9f

the BIG problem here is the responsiveness of the header: https://gyazo.com/2e269045083b990d7e686b00f334a80f is terrible as you can see https://www.enotecapirovano.com/it/ We have disabled AMP because in AMP products pictures are BLANK and is another big problem too, but we see it is already reported by others.

Thank you for yoru help

Fred 14 Nov 2019, 20:20

I see it like this now https://take.ms/mV6un

Marco Montanari 15 Nov 2019, 10:08

i’ve changed completely the structure of the columns in the header to let the search become full width.
the problem are the under icons that are not spaced in the same way and the indicator of product in the cart that is not connected anymore with the cart icon

see the screenshot https://gyazo.com/4817bec864670247eddb342e64c9b145

there is a way to make the icon spaced in the same way and the number of products in cart on cart icon not in the lower corner?

other question:
the color of the lens icon i was forced to change with css, ther is a way to not use custom css to change that color?
https://gyazo.com/3e46dfac72c80e224b54e3dbc7ad04ab

thank you

Fred 15 Nov 2019, 12:40

Try following CSS:

@media(max-width:600px) {
.cp span {justify-content:center}
.cart-icon {max-width:20px}
#header .dd_container {left:0}
.blockcart .header {position:static}
}

I do not understand the problem. You can chance the color as you like with CSS

Marco Montanari 15 Nov 2019, 14:10

thank you the css code fixed the problem with the cart and its article number :)

We can use CSS modification everywhere, to change colors and so on, the question is: We don’t want to use CSS if the theme configurator as already a parameter where we can change the lens color (if exist) so is why we ask you if the lens color and the search border box color are configurable somewhere so we must not use CSS way.

thank you

Fred 15 Nov 2019, 14:15

You can try to edit it directly in the file /themes/alysum/modules/ps_searchbar/ps_searchbar.tpl

Marco Montanari 15 Nov 2019, 15:31

Thank you Fred, we will try to not modify your original code because if you release a new version we need to bring back all Mods and is a nightmare :)

One question about email modifications.
If we add inside your theme thje folder with the email layout in manyu language, if in future you release a new version of Alysum the email are overwrite?
Same for theme translations: if we add translations to the Theme in Italian if we do a futuer upgrade we will oose the translations?

One more question: https://gyazo.com/10c1b61b4d286bec724acdb920e0da42

how we can modify icons, titles and the point.3 “we providing fast and professional support”

thanks

Fred 16 Nov 2019, 11:10

Consider using child theme http://alysum5.promokit.eu/promokit/documentation/#child-theme

Marco Montanari 17 Nov 2019, 14:03

good idea, so if we translate some parts of the theme or module on the child will be permanent in future upgrades?

Marco Montanari 17 Nov 2019, 15:00

seems is impossible to add translation to your Ayslumchild.
give a permanent error:

“/yyyy/xxxx/public_html/var/cache/prod/themes/alysumchild/translations/it-IT” directory does not exist.

i found a problem in github too: https://github.com/PrestaShop/PrestaShop/issues/15268

Fred 19 Nov 2019, 10:33

Yes, I see, but that is not theme’s issue

Marco Montanari 19 Nov 2019, 11:25

yes i hope they release soon a fix :)

Fred 20 Nov 2019, 19:44

I also hope