• Closed by: Anonymous Submitter
  • Closed on:
  • Reason: Not a bug

Ticket #24283 - Three style settings fix

Good morning,
first of all I inform you that the site in question is under maintenance but I can provide you with a personalized account for you to access if you need it.

The theme in general works very well but there are some things to fix, I have searched far and wide but have not been able to do it.

Three important things to fix:
1- I set a background from customer CSS, it is seen correctly in the home but not in the header which instead has a white background (also in the preview of the creative elements editor I see the background correctly, in the browser no, all the header white) I don’t understand where I went wrong, if I went wrong…

2- in pkthemesettings I configured the text color to white in “general typography” but in many areas of the site pages the texts remained gray and dark such as for example the product titles, the prices and, in some modules, even the filters like: special, new, best sellers, etc

3- the width of the (body?) is not exact, there is a scrollbar also horizontally that ends in an empty area, I would like to remove it

I provide the pictures attached

I can also do it myself if you explain well what to do or I can provide you with access to the back office, the important thing is that you provide us with the necessary support and, precisely, explain well what the necessary changes are so that we will not have need to ask the same things several times boring you and also we will be able to get back online in a short time.

Thank you in advance

Attachments:

frontoffice.png (304.4 KiB)
text_color.png (1.74 MiB)
width.png (1.03 MiB)

Comments

Simon WebSupport 15 Feb 2023, 12:33

I forgot … even the breadcrumbs are still dark in color, I would like to make them white or very light gray with a green in hover

Attachments:

breadcrumb.png (98.8 KiB)
Fred 15 Feb 2023, 17:22

Hi, Simon.
Please fill out all necessary fields in your profile https://support.promokit.eu/myprofile to access to your Back-office

Simon WebSupport 15 Feb 2023, 22:55

I forgot … even the breadcrumbs are still dark in color, I would like to make them white or very light gray with a green in hover

Attachments:

breadcrumb.png (98.8 KiB)
Simon WebSupport 15 Feb 2023, 22:57

ok, I have filled in all the necessary fields. let me know, thanks in advance

Fred 16 Feb 2023, 22:03

I don’t have permissions to disable Maintenance mode, or add my IP to exceptions

Simon WebSupport 17 Feb 2023, 08:32

Ok I gave you the permissions but please don’t disable the maintenance mode because the site is not ready

Fred 17 Feb 2023, 18:27

1. Fixed
2. Yes, some text has different color because it can be part of some logical block.
3. I can’t find where is the issue. Please give me direct link to that page and let me know your window width
4. Fixed (see CSS code in the Theme Settings)

Simon WebSupport 17 Feb 2023, 20:18

Thank you!

Simon WebSupport 17 Feb 2023, 20:20

Excuse my ignorance but I can’t even find where I can change the 404 standard page of prestashop, could you please indicate it to me?

Simon WebSupport 17 Feb 2023, 20:28

And in your opinion what is the best way to find and modify at logical block level?

Fred 18 Feb 2023, 09:45

1. Try this file

/themes/alysum/templates/errors/not-found.tpl

2. If you just want to change the color, we recommend to use Developer Tools of your browser to change such small things https://www.youtube.com/watch?v=wcFnnxfA70g

Simon WebSupport 27 Feb 2023, 21:53

we’re almost there, I think
But there are some things I can’t change to fix:

the + and - buttons on the product and cart pages are invisible

I can’t change the color of the counter of items in the cart, I would like 61ce70 with black text (number)

I can’t get rid of the white band at the bottom of the page, it can be seen when the desktop page is narrowed down and also when viewed from a tablet, furthermore, still in tablet mode, I can’t reduce the fonts of the “products” modules

in the preset page “menu-1” in subcategories if I set medium images type the system searches in a folder where there are no images or looks for another name

AMP doesn’t have any examples to work on, I dont find how to make it work with my images and slides from the desktop/tablet version, also it shows error 500 if I go to any category

help please,
thanks in advance

Fred 28 Feb 2023, 19:15

To change the color, just open web developer tools of your browser to find an element, like this https://take.ms/Nyevl The code will be like this:

.bootstrap-touchspin .btn-touchspin {background:#333}

The same for other elements.
We recommend to use Developer Tools of your browser to change such small things https://www.youtube.com/watch?v=wcFnnxfA70g

As for the AMP. Please check out theme’s documentation to decide do you need it or not → https://alysum.promokit.eu/promokit/documentation/amp/.
AMP is just an option and might be disabled with no problem.
To fix the issue on category page, try this https://support.promokit.eu/task/24280

Simon WebSupport 01 Mar 2023, 19:02

Thanks but,
for the buttons I only succeeded in the product page but the result is not what I wanted, I wanted the green border around the button and the whole green button only in on-hover
I don’t know where to insert the background color of the buttons in the cart page.
Same for the color of the counter of items in the cart, I would like 61ce70 with black text (number) and the white band at the bottom when sctretch the window and in tablet mode.
I started thinking about AMP because I can’t fix the homepage in mobile mode and regarding the guide you linked to me I don’t know what are the object cookies to comment…

please help me, it’s child’s play for you

Simon WebSupport 01 Mar 2023, 20:20

in the video guide there are already several elements and images set up but I don’t have them, I just need a base to work from.
And I also don’t understand where some elements spawn, as I show you in this screenshot

Attachments:

Fred 02 Mar 2023, 20:30

Yes, it’s true that it’s not hard for me, but customisation is not included in our support.
To change buttons background on hover use this:

.product-quantity .input-group-btn-vertical .btn:hover {
    background: #069309;
}

As for the cart counter, you can change the color in the header template. See widget settings
Yes, because that a demo content. You just have to add your images there

Simon WebSupport 03 Mar 2023, 07:44

I manage if I can find which files to modify and if they are not generated on the fly. I need to fix the mobile view where the order of the home items is completely different from the desktop and tablet version. I don’t see any images in the AMP version otherwise I wasn’t asking. What is included in the price paid? How much does customization cost?

Fred 03 Mar 2023, 09:16

You don’t need to modify files, just add that code to Theme Settings → Customer CSS in your back office
I’m not asking to pay us in such way. Unfortunately, we don’t have time to provide customisations at all.
As for the AMP, looks like I see where the problem is. All demo content is in English, but you have Italian language.
Just try to add a new widgets with your images and so on…

Simon WebSupport 03 Mar 2023, 19:36

Ok I will try to do what you told me but, please, I ask you at least these two things:

the buttons on the cart page are still fully transparent

and I want to fix the white band at the bottom of the page when narrowing the window, the background is not consistent with the window size

Simon WebSupport 03 Mar 2023, 20:41

P.S
Also, when I enter any code in custom css in amp settings and click save it doesn’t keep the code I entered and the field remains empty

Fred 03 Mar 2023, 22:02

The code you need is:

.product-line-grid .input-group .input-group-btn-vertical button {background:#YOUR_COLOR}

Page background:

html {background:black}

Looks like the file doesn’t have permissions for writing

Simon WebSupport 04 Mar 2023, 10:10

P.S
Also, when I enter any code in custom css in amp settings and click save it doesn’t keep the code I entered and the field remains empty

Fred 04 Mar 2023, 10:38

Looks like the file doesn’t have permissions for writing
Please check that out

Simon WebSupport 04 Mar 2023, 11:15

P.S
Also, when I enter any code in custom css in amp settings and click save it doesn’t keep the code I entered and the field remains empty

Simon WebSupport 04 Mar 2023, 11:19

I looked via ftp in the modules/pkamp folder but the permissions all seem correct

Simon WebSupport 04 Mar 2023, 11:20

I made the change you wrote to me but the result is not what I hoped for

Attachments:

Fred 04 Mar 2023, 15:53

to make the button transparent:

.product-line-grid .input-group .input-group-btn-vertical button {background:none}

to add background on hover:

.product-line-grid .input-group .input-group-btn-vertical button:hover {background:#YOUR_COLOR}
Simon WebSupport 04 Mar 2023, 16:28

I finally disabled AMP and don’t intend to use it.

However, I noticed that from devtools in the mobile version the theme is correct, but if I visit the site from my smartphone (and therefore I don’t know how to proceed) the white band on the bottom remains and the text of the widget is gray and not white.

All I need is that the up & down buttons on the cart page are the same, like those on the product page or very similar, but not invisible.
With whatever changes we’ve made so far we haven’t gotten to the point.

I apologize again for my requests but I need to fix only these things and then we finished, I promise

Attachments:

product_page.png (923.5 KiB)
cart_page.png (0.99 MiB)
Simon WebSupport 04 Mar 2023, 16:46

Mobile version ok, sorry for the inaccuracy, now it’s ok.
Only those blessed buttons remain

Fred 04 Mar 2023, 23:17

I just checked out the problem with white screen on mobile phones and I can’t see it neither on iPhone not on Android, see attached screenshots


No worries about reporting any issues here, that’s our work.

Simon WebSupport 04 Mar 2023, 23:23

Yes I know. All I need is that the up & down buttons on the cart page are the same, like those on the product page or very similar, but not invisible.
With whatever changes we’ve made so far we haven’t gotten to the point.
See my last message with the screenshots.
I need to fix only these things and then we finishe

Fred 04 Mar 2023, 23:24

Cart buttons are ok now. The code is in Theme Settings

Simon WebSupport 17 Mar 2023, 11:58

please, can you point me to the right direction?
I can’t find anymore the place where I can modify the cookie-message of the cookie-bar.
I need to change the text and insert the link to the page.
help please

Attachments:

Simon WebSupport 17 Mar 2023, 12:27

also i tried to change the background to black in css config and also edit the file directly, cleared the cache, but i still see the gray background…

Attachments:

Fred 17 Mar 2023, 18:26

Cookie is a part of Theme Settings module, so just go to Translations → Modules → Theme Settings. Find that phrase there and change it.
As for the CSSS, that’s not theme’s problem that some CSS doesn’t work.
1. make sure your selectors are correct
2. try to add “!important” in the end of CSS, more information here https://www.w3schools.com/css/css_important.asp

Simon WebSupport 18 Mar 2023, 12:33

also i tried to change the background to black in css config and also edit the file directly, cleared the cache, but i still see the gray background…

Attachments:

Simon WebSupport 18 Mar 2023, 12:53

I only saw now that it’s the banner generated by amp… there is another one included in the theme I hope
because if I disable amp I no longer have the banner

Attachments:

Simon WebSupport 18 Mar 2023, 12:56

I can’t put a link to the relevant page and also it’s only one part of the text

Attachments:

Fred 19 Mar 2023, 09:38

But where exactly do you want to put a link?

Simon WebSupport 19 Mar 2023, 09:49

But then I’m forced to use AMP?

I think the rules are these:
Show a cookie banner on the user’s first visit
The cookie notice must:

inform users that your site/app (or any third-party service used by your site/app) is using cookies;
clearly describe the actions that will be considered as a statement of consent;
be sufficiently discontinuous in the navigation of the site to be clearly evident;
contain a link to a cookie policy that explains in detail the purposes, use and activities of third parties available to the user.

Keep in mind that the ones just mentioned are the minimum requirements. The requirements for the content of the cookie banner may change from country to country, based on the indications of the competent authority.

Fred 19 Mar 2023, 09:53

We currently in contact with Prestashop developers in regards of fixing compatibility issue with PS8.0
As for the cookies, we offer basic module, if you need extended features you need to find another module for example this one https://mypresta.eu/modules/front-office-features/european-union-cookie-law.html

Simon WebSupport 19 Mar 2023, 12:01

I disabled AMP and the banner that appears is the same, I just want to know how I can change its content

Simon WebSupport 19 Mar 2023, 13:45

Update: I can’t disable the module..

Attachments:

Simon WebSupport 19 Mar 2023, 14:34

Thanks for the module:
https://mypresta.eu/modules/front-office-features/european-union-cookie-law.html but it can’t save the text I entered… we are stuck here :(

Simon WebSupport 19 Mar 2023, 16:28

I also tried amp in a local installation and I can confirm that, even if I only use the English language, all the demo images are missing and I can’t start from an already made structure… so I still haven’t figured out how I can modify without causing disasters

Fred 19 Mar 2023, 18:10

I can’t enter your back office to check.
Do you need to enable AMP and have all demo images, right?

Simon WebSupport 19 Mar 2023, 18:29

I’m trying on a local installation, can you send me the files to insert please?

Simon WebSupport 19 Mar 2023, 18:31

I can’t disable AMP in the online installation, don’t work.

Simon WebSupport 19 Mar 2023, 18:33

Now your login it’s enabled

Fred 20 Mar 2023, 09:14

Yes, I see, for some reason Prestashop can’t disable AMP module.
Go to your server into “modules” folder, find there “pkamp” folder, and rename it somehow to disable the module

Simon WebSupport 20 Mar 2023, 11:25

I’m trying AMP on a local installation but there’s no demo images, can you send me the files to insert and tell me where, please?

Fred 20 Mar 2023, 17:01

I assume you don’t have “https” enabled on your local server. That’s necessary for AMP to have enabled https

Simon WebSupport 20 Mar 2023, 18:01

I also tried amp in a local installation and I can confirm that, even if I only use the English language, all the demo images are missing and I can’t start from an already made structure… so I still haven’t figured out how I can modify without causing disasters

Simon WebSupport 20 Mar 2023, 18:15

it should work, presta is running in https with laragon and ssl active

Fred 20 Mar 2023, 18:18

It’s hard to say what’s wrong without access to website.
You can also check out troubleshooting page here https://alysum.promokit.eu/promokit/documentation/amp/troubleshooting.html

Simon WebSupport 20 Mar 2023, 20:29

it should work, presta is running in https with laragon and ssl active

Simon WebSupport 20 Mar 2023, 20:42

there are two files in override/controllers/front, AuthController.php and index.php, should they be removed?
the linked document that talks about SSI is a little out of my reach but, if acting on htaccess can solve the problem… I just need to know how.
if it helps you to understand something more, know that the only image I see is the: /modules/pkamp/views/img/block_bg_mobile.webp in a horizontal strip in the center of the homepage with a white background both above and below, no other image on the page

Attachments:

Fred 21 Mar 2023, 20:05

I would suggest you to move your website to live server and let me check out what’s wrong

Simon WebSupport 21 Mar 2023, 21:12

there are two files in override/controllers/front, AuthController.php and index.php, should they be removed?
the linked document that talks about SSI is a little out of my reach but, if acting on htaccess can solve the problem… I just need to know how.
if it helps you to understand something more, know that the only image I see is the: /modules/pkamp/views/img/block_bg_mobile.webp in a horizontal strip in the center of the homepage with a white background both above and below, no other image on the page

Attachments:

Simon WebSupport 21 Mar 2023, 21:14

I cannot. And anyway there is the same content also in the live online version

Fred 21 Mar 2023, 21:32

should they be removed? - no, that’s not a problem for sure
The question of SSI matter only on real server, not localhost.
Where I can see the online version?

Simon WebSupport 22 Mar 2023, 08:40

where you have already looked, spypoint.it

Simon WebSupport 22 Mar 2023, 12:37

and there is also a problem related to structured data, please help me to solve because
I have already been told from multiple sources that I need to ask the theme vendor for this

Attachments:

Simon WebSupport 22 Mar 2023, 16:48

if we just need to remove the snippets from the thumbnails it’s perfect,
but I didn’t understand if I can and/or should deactivate them all in one fell swoop

Fred 22 Mar 2023, 20:54

How to login to back office? I see only this → https://take.ms/z4kef

Simon WebSupport 23 Mar 2023, 08:01

it’s the link below

Attachments:

Simon WebSupport 23 Mar 2023, 19:04

were you successful in logging in? Everything is OK? please let me know when I can validate the fix in the google console because it’s penalizing us

Fred 23 Mar 2023, 19:21

Yes, I can login now.
I can’t understand where the issue is coming from. There is no such problem in the theme by default.
Do you have some specific module to add snippets?

Simon WebSupport 23 Mar 2023, 21:16

please, do you know how to deal with this ?

Attachments:

Fred 23 Mar 2023, 21:28

Do you have some specific module to add snippets?

Simon WebSupport 23 Mar 2023, 21:34

No, I don’t think so

Simon WebSupport 24 Mar 2023, 18:54

please, do you know how to deal with this ?

Attachments:

Fred 24 Mar 2023, 18:59

Please don’t worry, we other customers and not able to reply immediately.
The issue has been fixed. Please test to confirm the change → https://search.google.com/test/rich-results/result?id=a4YjvKzMJ79anzfA1cI0Nw

Simon WebSupport 25 Mar 2023, 09:49

Thank you, validation has started and five have already passed
I also found this among the errors

Fred 25 Mar 2023, 10:23

AMP is valid by default.
In most cases, such errors are caused by the content you have added to the website. Please check the content and make sure it is valid. You can use this validator to help you do so https://validator.ampproject.org

Simon WebSupport 25 Mar 2023, 11:10

I also tried to add, but it never let me save… so
we still have to fix one important thing, the cookie banner.
Since we are talking about amps, we could fix it or exclude it permanently, it depends
I wanted to use amp but it doesn’t work correctly, I followed the guide but I didn’t find a solution, I entered the homepage configuration but it didn’t let me change anything, there were no images in the preview but yes on the server… also for a while I no longer see its menu on the left in the dashboard (the module is active)
If AMP gives problems and cannot be corrected, it’s fine for me to disable it, but it is important that in any case the standard cookie banner is visible! I also need to be able to configure it (you still haven’t told me where to change it, I have to insert the link to: https://www.spypoint.it/content/6-cookie-law)

Fred 26 Mar 2023, 11:04

Looks like AMP module is not installed correctly, for some reason → https://take.ms/vPlgw Please try to reset it

Simon WebSupport 28 Mar 2023, 20:05

I also tried to add, but it never let me save… so
we still have to fix one important thing, the cookie banner.
Since we are talking about amps, we could fix it or exclude it permanently, it depends
I wanted to use amp but it doesn’t work correctly, I followed the guide but I didn’t find a solution, I entered the homepage configuration but it didn’t let me change anything, there were no images in the preview but yes on the server… also for a while I no longer see its menu on the left in the dashboard (the module is active)
If AMP gives problems and cannot be corrected, it’s fine for me to disable it, but it is important that in any case the standard cookie banner is visible! I also need to be able to configure it (you still haven’t told me where to change it, I have to insert the link to: https://www.spypoint.it/content/6-cookie-law)

Simon WebSupport 28 Mar 2023, 20:06

I can’t find how can I reset in the documentation, please help

Fred 28 Mar 2023, 21:22

Because resetting is not a feature of the theme, but of Prestashop itself, go to Modules, search for AMP, and click the Reset button.

Simon WebSupport 05 Apr 2023, 20:01

I can’t find how can I reset in the documentation, please help

Simon WebSupport 05 Apr 2023, 20:06

I finally turned off amp, but we’re still missing the gdpr cookie law bar… Can you check if it is present, please, or tell me how I should do it and where I change the content?
Thank you

Fred 06 Apr 2023, 21:10

Please try now, it should be working

Simon WebSupport 07 Apr 2023, 21:09

ok thanks but I have to modify the content and also associate the right link, what is there now is useless. Can you please tell me from where I can edit text and links?

Fred 07 Apr 2023, 23:48

Which links do you mean? Please show it to me on a screenshot

Simon WebSupport 10 Apr 2023, 12:30

Yes, look at this

Attachments:

Simon WebSupport 10 Apr 2023, 12:39

Apologies again, but in the google console there is also another problem and I’m not sure what to do… Please, your advice or repair is needed

Fred 11 Apr 2023, 19:33

it says that canonical link is not available, as I understand.
But I see canonical link there https://take.ms/MXoYF

Simon WebSupport 11 Apr 2023, 21:11

I don’t know how to do… And, how to modify the content and also associate the right link?

Fred 11 Apr 2023, 22:01

I just can’t understand what’s wrong to fix that

Simon WebSupport 11 Apr 2023, 22:12

In cookiebar how to modify the content and also associate the right link?

Attachments:

Fred 12 Apr 2023, 21:16

1. Go to Theme Settings and change the link there.
2. go to translation → modules → Theme Settings and search the phrase to change

Simon WebSupport 13 Apr 2023, 01:18

the cookie law page is already assigned, I had already seen this for a while… but it doesn’t work!
and now there is also another problem, watch the video

Fred 13 Apr 2023, 23:37

Everything is fixed, please check

Simon WebSupport 15 Apr 2023, 17:15

OK, thanks a lot!
but for the canonical tag of all those 95 pages how can i fix?

Fred 17 Apr 2023, 19:15

I don’t understand how that’s possible because I see canonical link there https://take.ms/MXoYF

Simon WebSupport 30 Apr 2023, 18:39

ok thanks but I have to modify the content and also associate the right link, what is there now is useless. Can you please tell me from where I can edit text and links?

Simon WebSupport 30 Apr 2023, 18:40

please I need help, there are 83 pages with the error
Here is the link:
https://search.google.com/search-console/index/drilldown?resource_id=https%3A%2F%2Fwww.spypoint.it %2F&item_key=CAMYGCAC&sharing_key=cI4ubcgGR39sPwyiA79oWQ

Simon WebSupport 30 Apr 2023, 19:07

and please look:
https://www.spypoint.it/home/283-jammer-portatile-potenza-12-frequenze-80-watt.html in any product page only the first image is showing maximized and the thumbnails aren’t even clickable
please help

Fred 02 May 2023, 20:16

Please be careful with custom code. This line causes the issue → https://take.ms/7AGhaf

Simon WebSupport 02 May 2023, 21:27

ok my bad, sorry
but what to do with the 83 pages with the error?
Here is the link:
https://search.google.com/search-console/index/drilldown?resource_id=https%3A%2F%2Fwww.spypoint.it %2F&item_key=CAMYGCAC&sharing_key=cI4ubcgGR39sPwyiA79oWQ

please I need help, I don’t know what to do

Fred 03 May 2023, 11:41

Please check out this link first https://developers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls

You can find there the following tip:


To specify which URL that you want people to see in search results.
You might prefer people to reach your green dresses product page via

https://www.example.com/dresses/green/greendress.html 

rather than

https://example.com/dresses/cocktail?gclid=ABCD.

and that’s what we have, if you check out your page source code you will see clear link without parameters → https://take.ms/S9fHX

You are first who reports such problem and I really can’t find what we have to fix, because everything is defined according to official Google recommendations

Simon WebSupport 04 May 2023, 23:19

the problem remained, only the main image enlarges, the other thumbnails are not clickable
https://www.spypoint.it/jammer-disturbatori-di-frequenze/283-jammer-portatile-potenza-12-frequenze-80-watt.html

Fred 05 May 2023, 21:15

How to reproduce the issue? It seems to work for me https://take.ms/GvEce

Simon WebSupport 06 May 2023, 21:25

I don’t know
Also on mobile doesn’t work
Thumbnails aren’t clickable

Fred 07 May 2023, 23:44

I just test it out on my phone and everything works fine → https://take.ms/A68Zv

Simon WebSupport 08 May 2023, 13:49

On my phone doesn’t work

Fred 08 May 2023, 17:50

I just make one more test on both iPhone and Android devices, and everything works fine for me

Simon WebSupport 16 May 2023, 19:29

the problem remained, only the main image enlarges, the other thumbnails are not clickable
https://www.spypoint.it/jammer-disturbatori-di-frequenze/283-jammer-portatile-potenza-12-frequenze-80-watt.html

Simon WebSupport 16 May 2023, 23:28

The owner is pressing for this picture problem, yes he has it too..
What can be done?

Fred 16 May 2023, 23:46

I just recorded two live video special for you on iOS and Android devices and as you can see everything is working fine
https://take.ms/3Vko1

https://take.ms/H00aI