Jump to content

[RESOLU] Petit problème d'affichages

Alpes Eco Matériaux
 Share

Recommended Posts

Alpes Eco Matériaux Newbie

Alpes Eco Matériaux

Posted
Posted (edited)

Bonjour à tous,

 

J'ai quelque petit problème d'affichage et voudrai savoir si vous pouviez m'aider car je ne trouve pas la solution malgré de multiple recherche :unsure:

 

1/ le menu horizontale de mon header  : le texte et trop petit avec une ombre ce qui le rend quasiment illisible  comment  et ou modifier le texte ??? :huh:

 

2/ J'ai un problème avec mon bloc PROMOTIONS  en effet le texte ce superpose légèrement sur l'image  :(

 

je vous mais un lien vers le site pour que vous puissiez vous rendre compte par vous même . 

 

Lien vers le site

 

Merci d'avance pour votre aide précieuse .

Edited by Alpes Eco Matériaux (see edit history)
Link to comment
Share on other sites
semor Newbie

semor

Posted
Posted (edited)

Bonjour,

 

1)-Tu as activé la compression du CSS, on ne peut donc pas voir avec Firebug sur quel fichier se situe la variable text-shadow appliqué sur le texte et sur la balise .sf-menu a ( je suppose ton fichier principal CSS)

 

-Ensuite pour la taille et pour l'ombre, le plus simple tu as un fichier nommé http://alpes-ecomateriaux.com/themes/green_presta15/css/mycss/mycss.css , modifie celui la.

Cette balise .sf-menu a 

{

font-size: *Ici la taille que tu veux*

text-shadow:0 0 0;

}

 

2) -Meme point que pour le 1) concernant la compression du CSS

- A modifier #special_block_right li.product_image {width: 89px}

#special_block_right .products li {width:102px}

 

Si tu as des soucis, je suis disponible par MP pour modifier avec toi tout ça ;)

Edited by semor (see edit history)
Link to comment
Share on other sites
  • 5 weeks later...
PiAi Newbie

PiAi

Posted
Posted (edited)

Bonjour,

 

je suis heureux de voir que je ne suis pas le seul.

 

J'ai le même problème pour le bloc promotion qui superpose le texte et image. Ce n'est d'ailleur pas le seul j'ai un léger décalage global avec le site. http://www.les-passagers-du-vent.com/boutique2/fr/

 

Cependant je n'ai pas le fichier mycss dans le theme par default, voici ce que j'ai :

 

problem-affichage-theme.jpg

 

Une idée ?

 

Merci en tout cas pour votre aide.

Edited by PiAi (see edit history)
Link to comment
Share on other sites
PiAi Newbie

PiAi

Posted
Posted (edited)

Je pense que dans la ressemblance à ton problème le miens doit se trouver dans global.css

 

Mais alors là aucune idée de ce qu'il faut modifier pour ne pas avoir mon texte et mes images qui se superposent.

 

Je poste un nouveau topic ? Est-ce nécessaire ?

 

 
Merci pour votre aide. 
Edited by PiAi (see edit history)
Link to comment
Share on other sites
semor Newbie

semor

Posted
Posted

Bonjour,

 

Piai tu utilise le thème par défaut de Prestashop.
 

Deux étapes, - Si tu es sur Firefox, installe Firebug / Si tu es sur Chrome, appuye sur F12 / Si tu es sur IE>= 10, appuye sur F12 aussi / Si tu es sur IE< 10, télécharge vite un vrai navigateur !
 

- Deuxième étape, tu ne peut à l'heure actuelle voir à quel fichier CSS la propriété est affectée car tu as activé la compression du CSS (chose utile pour les clients, mais moins pour toi quand tu veux développer) donc désactive cette fonction dans paramètres/ performances.

Après que tu ai fait tout ça, tu clique droit sur ton problème, tu fais 'Inspecter', et tu regarde à quel fichier CSS ça correspond.

Link to comment
Share on other sites
PiAi Newbie

PiAi

Posted
Posted (edited)

Merci semor de venir nous rejoindre pour remédier à ce problème...

 

J'ai donc fais ce que tu m'as demandé et la class s'appelerai apparement "product_image" (fichier ci joint)

 

copie d'écran 1

copie d'écran 2

 

Où trouve t-on product_image et quelle ligne faut-il modifier ?

 

Merci encore de votre aide.

 

ps: j'ai aussi un problème d'affichage sur le descriptif de chaque produits qui affiche une image qui dépasse sur le texte :

 

Voici le lien du site qui a le problème

Edited by PiAi (see edit history)
Link to comment
Share on other sites
semor Newbie

semor

Posted
Posted (edited)

Il faudrait que tu laisse en désactiver au moins une journée, histoire de regarder vraiment quel balise CSS (et je dis CSS, pas html comme tu le dis juste au dessus).

 

Moi ce que je vois c'est que cette partie la : 

<li><p class="s_title_block"><a href="http://www.les-passagers-du-vent.com/boutique2/fr/home/499-bavaria-40-cruiser.html" title="BAVARIA 40 Cruiser">BAVARIA 40 Cruiser</a></p> <span class="price-discount">164 000,00 €</span> <span class="price">129 000,00 €</span></li>

est concerné par ce morceau de code CSS suivant : 
 

#special_block_right .products li {padding: 15px 0;width: 130px;border: none;

Malheureusement tu as activé à nouveau la compression du CSS donc je peut pas voir quel fichier précis est ciblé.

(Le CSS est la partie à droite dans Firebug, celle qui nous intéresse dans ton cas).

 

---------------

 

Ensuite le probleme sur tes pages produits, viens du fait que ton image qui s'affiche est bien trop grande par rapport au deux colonnes construite en HTML et CSS.

 

Réglons déjà la partie promotions, on s'occupe de ça après.

 

En gros, il te faudra agrandir la partie gauche, et diminuer la partie droite.
 

#pb-right-column {float: left;width: 302px;
#pb-left-column {float: left;margin-left: 14px;width: 218px;}
Edited by semor (see edit history)
Link to comment
Share on other sites
PiAi Newbie

PiAi

Posted
Posted (edited)

Ok super tu es trop fort,

 

j'ai bien sésactivé tous les css et apache et aussi le cache mais plutôt sur ma version test avant celle du site final.

 

Voici le lien de ma boutique test sur lequel je vais appliquer ce que tu me dis :

 

http://www.les-passagers-du-vent.com/boutiquetest/fr/home/605-place-de-port-8-m-par-3-m-empuriabrava.html

 

J'ai essayé de retrouver ce que tu as vu et moi le

 #special_block_right .products li {  

 

est barré sur le 130, est ce normal ?

 

Est-ce bien le padding-top qu'il faut modifier ?

Apparement il se trouve dans :

http://www.les-passagers-du-vent.com/boutiquetest/modules/blockspecials/blockspecials.css

Edited by PiAi (see edit history)
Link to comment
Share on other sites
PiAi Newbie

PiAi

Posted
Posted (edited)

Combien dois-je mettre sur :

 

#special_block_right .products li {
    padding:15px 0;
    width: 130px;
    border:none;

 

 

Si non j'ai trouvé la colonne qui s'appel 

 

http://www.les-passagers-du-vent.com/boutiquetest/themes/default/css/grid_prestashop.css

 

202 width

 

C'est peut être mieux ça non ?

 

car je n'ai pas trouver ce que tu as vu :

#pb-right-column {float: left;width: 302px;

#pb-left-column {float: left;margin-left: 14px;width: 218px;}
 

Merci encore.

Edited by PiAi (see edit history)
Link to comment
Share on other sites
semor Newbie

semor

Posted
Posted

--' 

Sur ta page de test : 

 

Pour cause de maintenance, votre boutique en ligne est temporairement inaccessible.

Nous nous excusons pour la gêne occasionnée. Merci de revenir plus tard.


Pour le block specials, c'est bien ce fichier à modifier ;)

 

Pour les colonnes, normalement, c'est ton fichier product.css

Link to comment
Share on other sites
PiAi Newbie

PiAi

Posted
Posted

Raaa désolé 'joublie toujours un truc j'avais rentré mon ip je voyais pas la maintenance.

 

J'ai donc essayé de changer le border du bloc special en mettant:

 

#special_block_right .products li {
padding:15px 0;
width: 130px;
border:20px;
 
Mais ça ne marche po...    :mellow:
Link to comment
Share on other sites
PiAi Newbie

PiAi

Posted
Posted

Bon ça y est j'ai trouvé je savais pas la différence entre border et margin.

 

Donc j'ai rajouté un margin-left:20px;

 

J'ai enfin trouvé les lignes que tu m'avais écris semor pour "product"

 

Je suis trop heureux de savoir faire ça. Un grand merci à toi je continue à modifier les autres modules...

 

I love prestashop !

 

Merci Semor !  ;)

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...