Prestashop: [BOOM-6279] probleme affichage mobile "bloc texte personnalis茅"

Created on 22 Aug 2018  路  11Comments  路  Source: PrestaShop/PrestaShop

This issue has been migrated from the Forge. Read the original ticket here.

  • _Reporter:_ florianchauvineau
  • _Created at:_ Sat, 18 Aug 2018 16:27:13 +0200

Probleme d'affichage des photos sur page d'accueil (blog texte personnalis茅"

Comment r茅soudre cela ?

  • How to reproduce the issue ?

N/A

1.7.4.2 1.7.6.0 Bug Customtext FO Fixed Front-end Modules & Themes PR available Trivial

Most helpful comment

Done: #16147

All 11 comments

This comment has been migrated from the Forge. Read the original comment here.

  • _Author:_ khouloud.belguith
  • _Created at:_ Mon, 20 Aug 2018 10:06:25 +0200

Hi chauvineau,

Please, send your request in English.
English is the norm on the Forge
Thank you!

Best regards, Khouloud

This comment has been migrated from the Forge. Read the original comment here.

  • _Author:_ khouloud.belguith
  • _Created at:_ Mon, 20 Aug 2018 12:34:21 +0200

Hi chauvineau,

I manage to reproduce the issue with the last version 1.7.4.2 & the Custom text blocks v4.1.0

We will see how to fix it.

Best regards, Khouloud

Khouloud
It's possible to be informed of the bug fix
Florian

@khouloudbelguith It's when you upload an image in the editor bloc text like this ?

capture d'茅cran_1565

in the editor everything is fine, that's when the page is displayed on mobile and tablet

@marion, yes!
image

I manage to reproduce the issue with PS1.7.6.0beta1
image
Thanks!

@khouloudbelguith The image size can be reduced in the editor bloc

@marionf, but in the FO, when we don't use a mobile, it is well displayed
image
Thanks!

Fixed by adding in #custom-text tag in themes/classic/_dev/css/components/custom-text.scss file, following lines:

img{
  max-width: 100%;
  height: 100%;
}

And recompile theme assets with npm run build

before-after

Hi @Klemart3D,

Would you be willing to make a pull request on GitHub with your code suggestion?
https://github.com/PrestaShop/PrestaShop/tree/develop
Thank you!

Done: #16147

Was this page helpful?
0 / 5 - 0 ratings