Problème CSS suite à passage site en https/SSL

[fraise]

Bonjour à tous,

 

C'est mon premier message sur le forum.. j'espère qu'il est au bon endroit.

 

J'ai voulu passer ma boutique en https et depuis, je rencontre un problème d'affichage front office depuis l'activation du SSL.

Voici comment j'ai procédé:

 

1- Sur mon serveur o2switch, j'ai créé un certificat SSL

2- Dans ma boutique PS en version 1.7.2.0, j'ai activé ces 2 paramètres dans mon back office

3- L'affichage du header et du footer est totalement en vrac (sur le thème par défaut CLASSIC)

4- Enfin, après avoir fais ces étapes, j'ai fais un https://httpstatus.io/ et le résultat n'est pas vraiment ce qui devrait je pense.

 

Au final, je ne sais pas d’où vient le problème... Avez-vous des idées? des pistes?

 

 

Merci d'avance pour vos idées.

 

 

Bonne journée.

 

[doekia]

Non nous ne savons pas, et nous sommes vraiment impatient que tu nous fasses un prochain épisode.

Vivement la saison 2 où le protagoniste de cette belle saga de l'été nous révélera son url.

Une divulgation de Rick Forrester ?

Restez connectés

[fraise]

tadamm, épisode two !!

 

La boutique est hors ligne actuellement car toujours en cours de création... Comment peut on donc procéder?

 

Merci

[doekia]

Ce Ridge n'est décidément pas bavard donc ...

[fraise]

Finalement, ce Rick nous a fait une révélation: http://boutique.tendance-cafe.com/

 

Thanks!

[doekia]

Les code 503 sont le code normal de la maintenance.

 

Sur mon mobile tous est parfait.

Je testerais sur desktop demain

 

To certidicat ssl letsencrypt est configuré

 

Ca sent la fin de saison ça

[doekia]

Dernier épisode.

 

Ton problème de CSS en HTTPS (chevauchement) n'a rien a voir ni avec la css, ni avec le HTTPS.

C'est un problème dans ton tpl (footer.tpl)

il y a ceci:

<div class="footer-container">
  <div class="container">
    <div class="row">
        <div class="col-md-6">

à remplacer par celà

<div class="footer-container">
  <div class="container">
    <div class="row">
        <div class="col-md-12">

Très probable que ton réglage Préférences avancées > performances est sur "ne jamais recompiler", la vraie bonne valeur est "recompiler si mise à jour".

Au moment du passage en SSL la config à été obligé de tout recompiler et ce changement latent à donc été appliqué. D'où l'impression que les 2 phénomènes étaient liés.

 

- GENERIQUE -

[fraise]

Salut doekia,

 

Merci pour tes conseils précieux.

1- Effectivement, en production, le https://httpstatus.io/ est bien sur 200 !

2- Ok pour le footer, c'était bien cela, bien que je n'y avais pas touché! Ma config Prestashop était sur la "recompilation à chaque appel"...

3- Par contre, pour le header.tpl

{block name='header_nav'}
  <nav class="header-nav">
      <div class="container">
        <div class="row">
            <div class="hidden-sm-down">
            <div class="col-md-4 col-xs-12" style="background-color:blue">
              {hook h='displayNav1'}
            </div>
            <div class="col-md-8 right-nav" style="background-color:red">
                {hook h='displayNav2'}
            </div>
          </div>
          <div class="hidden-md-up text-sm-center mobile">
            <div class="float-xs-left" id="menu-icon">
              <i class="material-icons d-inline"></i>
            </div>
            <div class="float-xs-right" id="_mobile_cart"></div>
            <div class="float-xs-right" id="_mobile_user_info"></div>
            <div class="top-logo" id="_mobile_logo"></div>
            <div class="clearfix"></div>
          </div>
        </div>
    </div>
  </nav>
{/block}

Je ne comprends pas pourquoi j'ai ce décalage alors que normalement cela devrait être sur la même ligne non?

 

Merci pour ton œil avisé! T'auras droit à ton petit café...

[fraise]

Season 2.

 

J'ai identifié le problème (cf capture).

Je sais pas pourquoi mais par défaut il est sur class="col-md-4 links"... alors qu'avec le class="col-md-12 links", l'affichage est ok.

Par contre je ne sais pas ou trouver ce code html... dans le prochaine épisode....

[fraise]

Last épisode:

 

Voila le chemin: /boutique/themes/classic/modules/ps_linklist/views/templates/hook/linkblock.tpl

 

Peut être cela servira à d'autres...

[fraise]

Bon... au final, je corrige le header et c'est le footer qui part en vrille....

Je pige pas pourquoi je dois modifier ces fichiers alors que j'ai rien modifié sur la structure...c'est ça qui me rend fou...

Edited July 30, 2017 by fraise (see edit history)