Jump to content

Agimus Atelier Attend Vos Remarques Pour Avancer

Claire Gharsallah

By Claire Gharsallah
in Testez mon site ! :)

 Share

Recommended Posts

Claire Gharsallah Newbie

Claire Gharsallah

Posted
Posted

Bonsoir,

 

A mon tour de soumettre mon site à vos remarques.

Je suis novice et donc j' attends ces remarques pour modifier dans le bon sens mon site.

 

www.agimus.fr

 

Je suis sur Prestashop 1.5.3

Thème par défaut

Hébergement mutualisé perso chez OVH

 

Je suis disponible pour vous donner toute autre information nécessaire.

Par contre, je vous demande de bien vouloir utiliser un langage simple pour que je comprenne.

 

Par avance, MERCI.

Link to comment
Share on other sites
coeos.pro Community Regular

coeos.pro

Posted
Posted

Bonjour,

 

pour le thème, pas grand chose à dire c'est le thème de base, par contre il serait bon de revoir les cgv, la taille de la police est un peu exagérée pour certains paragraphes :

XbXm.jpeg

 

 

idem pour les mentions légales :

XbXf.jpeg

 

 

le panier dans la colonne de droite n'est pas très joli je trouve :

XbXE.jpeg

 

le logo est pas mal du tout, mais c'est très (trop) blanc autour, il y a une impression de vide :

 

Xekh.jpeg

dans le pied de page tu as un drapeaux FR, il est franchement moche, je te conseil de mettre plutôt :

http://www.iconfinder.com/icondetails/41146/128/flag_france_icon

ou http://www.iconfinder.com/icondetails/15862/48/flag_france_french_icon

 

voila, c'est tout pour l'instant ;)

  • Like 1
Link to comment
Share on other sites
Claire Gharsallah Newbie

Claire Gharsallah

Posted
  • Author
Posted

"c' est tout pour l' instant" et c' est déjà pas si mal.

Merci beaucoup.

 

Pour les textes, je vais modifier cela

pour le drapeau aussi

 

Pour le panier, je ne sais pas comment faire... Une piste ?

 

Pour le fond blanc... je suis bien d' accord mais je ne sais pas non plus comment faire... Une piste ici aussi ?

 

Encore MERCI

Tout commentaire est bon à prendre.

Link to comment
Share on other sites
Szed Newbie

Szed

Posted
Posted

hello :)

Le logo pourrait être réduit, pour se caler a gauche et éviter ce header assez vide :)

Si vous pouvez sortir le logo en .png transparent (via photoshop ou autre), ça éviterais de l'avoir sur fond blanc et ca serait plus sympa !

Pour passer uniquement le centre en blanc, vous pouvez agir sur la div #column :

#columns{

background: #fff;

}

  • Like 1
Link to comment
Share on other sites
Claire Gharsallah Newbie

Claire Gharsallah

Posted
  • Author
Posted

Merci pour votre intervention.

 

Pour le logo, j' en parlais à l' instant même avec mon mari...

Je vais m' en occuper.

 

Par contre je ne peux pas le sortir en transparent car il y a un fond. Il a été fait pour les étiquettes textiles également et donc mon fond est presque blanc mais coloré.

 

Pour agir sur la div#column: ... , je trouve cela où ?

Et oui je suis une très très très novice... qui ne demande qu' à apprendre pour faire au mieux en attendant de faire développer cela par un pro.

 

Merci encore.

Link to comment
Share on other sites
Szed Newbie

Szed

Posted
Posted

Vous pouvez mettre ça dans le global.css de votre thème.

Sous

/* ************************************************************************************************

struture

************************************************************************************************ */

par exemple, dans #columns, rajoutez background:#fff; ca devrait marcher.

  • Like 1
Link to comment
Share on other sites
oolivvv Newbie

oolivvv

Posted
Posted

un petit coup de middle sur les textes du footer serraient du plus bel effet car tout est décalé par rapport aux images.

pour le logo si vous avez le psd ou eps originel, il suffit de masquer le fond et enregistrer en png :-)

 

le "align right" sur le texte de la home page est un choix ? en testant un center je trouves cela plus adapté.

 

petite modif simple sur le header

 

post-434106-0-45052500-1361741676_thumb.png

 

global css

 

commenter le 100% du header_logo

diminuer le 646px du .container_9 .grid_6

  • Like 1
Link to comment
Share on other sites
Claire Gharsallah Newbie

Claire Gharsallah

Posted
  • Author
Posted

Merci pour votre temps.

 

un petit coup de middle sur les textes du footer

Vous parlez du bloc de réassurance ?

Si oui, je suis bien de votre avis mais je ne sais où ni comment faire.

Sinon, je ne vois pas car pour moi les textes du footer sont bien alignés.

 

si vous avez le psd ou eps

après vérification, ni l' un ni l' autre de ces formats.

 

le "align right" sur le texte de la home page est un choix ? en testant un center je trouves cela plus adapté.

 

Disons qu' il était d' un bel effet avec la colonne de droite mais en effet, il n' est plus approprié.

Sauf si je réussis à agrandir cette colonne du centre pour combler le vide à droite mais j' ai beau chercher, je ne trouve pas !

 

petite modif simple sur le header

 

post-434106-0-45052500-1361741676_thumb.png

 

global css

 

commenter le 100% du header_logo

 

diminuer le 646px du .container_9 .grid_6

 

C' est exactement ça que je veux réussir à faire.... en vain !

et malgré vos explications, cela ne change pas...

 

Voici mon global css :

 

* ************************************************************************************************

HEADER

************************************************************************************************ */

#header {position:relative}

#header_logo {100%;

float:left;

display:block;

margin-top:2px;

}

 

#header_right {

position:relative;

float:right;

 

et mon grid_prestashop :

 

/* Grid >> 9 Columns

----------------------------------------------------------------------------------------------------*/

.container_9 .grid_1 {width:91px;}

.container_9 .grid_2 {width:202px;}

.container_9 .grid_3 {width:313px;}

.container_9 .grid_4 {width:424px;}

.container_9 .grid_5 {width:535px;}

.container_9 .grid_6 {width:313px;}

.container_9 .grid_7 {width:757px;}

.container_9 .grid_8 {width:868px;}

.container_9 .grid_9 {width:979px;}

 

j' ai bien peur d' avoir encore besoin d' abuser de votre temps... Oups !

Link to comment
Share on other sites
Claire Gharsallah Newbie

Claire Gharsallah

Posted
  • Author
Posted
Le logo pourrait être réduit, pour se caler a gauche et éviter ce header assez vide

le logo est bien à gauche mais le bloc avec contact - panier... ne remonte pas !

 

Pour passer uniquement le centre en blanc, vous pouvez agir sur la div #column :

Impeccable mais comment agrandir la colonne pour combler le vide à droite ?

 

Il y a encore beaucoup de travail...

et de nuits blanches mais je vais bien y arriver !!!

Link to comment
Share on other sites
oolivvv Newbie

oolivvv

Posted
Posted (edited)

Merci pour votre temps.

 

 

Vous parlez du bloc de réassurance ?

Si oui, je suis bien de votre avis mais je ne sais où ni comment faire.

Sinon, je ne vois pas car pour moi les textes du footer sont bien alignés.

 

 

après vérification, ni l' un ni l' autre de ces formats.

 

 

 

Disons qu' il était d' un bel effet avec la colonne de droite mais en effet, il n' est plus approprié.

Sauf si je réussis à agrandir cette colonne du centre pour combler le vide à droite mais j' ai beau chercher, je ne trouve pas !

 

 

 

C' est exactement ça que je veux réussir à faire.... en vain !

et malgré vos explications, cela ne change pas...

 

Voici mon global css :

 

* ************************************************************************************************

HEADER

************************************************************************************************ */

#header {position:relative}

#header_logo {100%;

float:left;

display:block;

margin-top:2px;

}

 

#header_right {

position:relative;

float:right;

 

et mon grid_prestashop :

 

/* Grid >> 9 Columns

----------------------------------------------------------------------------------------------------*/

.container_9 .grid_1 {width:91px;}

.container_9 .grid_2 {width:202px;}

.container_9 .grid_3 {width:313px;}

.container_9 .grid_4 {width:424px;}

.container_9 .grid_5 {width:535px;}

.container_9 .grid_6 {width:313px;}

.container_9 .grid_7 {width:757px;}

.container_9 .grid_8 {width:868px;}

.container_9 .grid_9 {width:979px;}

 

j' ai bien peur d' avoir encore besoin d' abuser de votre temps... Oups !

 

Ya pas d'abus, la communauté c'est ca aussi :-)

 

alors points par points

 

pour le header

virer le 100% du logo car cela veut dire qu'il va prendre 100% de la largeur :-)

 

pour le container 6 (celui ou y a le panier) <div id="header_right" class="grid_6 omega"> il est si j'ai bonne mémoire dans le grid_prestashop.css recherchez header_right

 

pour l'alignement middle, oui c'est dans le réinsurance (voir le css du bloc dans les modules)

 

pour la colonne du centre mettre le grid 5 en 590px :-)

 

suis encore derrière le clavier pour vérifier les modifs si besoin

Edited by oolivvv (see edit history)
  • Like 1
Link to comment
Share on other sites
Claire Gharsallah Newbie

Claire Gharsallah

Posted
  • Author
Posted

pour le container 6

rien dans grid_prestashop.css en recherchant header_right

 

voici la totalité du grid... :

 

 

*

Variable Grid System.

Learn more ~ http://www.spry-soft.com/grids/

Based on 960 Grid System - http://960.gs/

 

Licensed under GPL and MIT.

*/

 

/* Containers

----------------------------------------------------------------------------------------------------*/

.container_9 {

margin:0 auto;

width: 980px;

}

 

 

/* Grid >> Global

----------------------------------------------------------------------------------------------------*/

.grid_1,

.grid_2,

.grid_3,

.grid_4,

.grid_5,

.grid_6,

.grid_7,

.grid_8,

.grid_9 {

display:inline;

float: left;

position: relative;

margin-right: 20px;

}

 

 

/* Grid >> Children (Alpha ~ First, Omega ~ Last)

----------------------------------------------------------------------------------------------------*/

.alpha {margin-left: 0;}

.omega {margin-right: 0;}

 

 

/* Grid >> 9 Columns

----------------------------------------------------------------------------------------------------*/

.container_9 .grid_1 {width:91px;}

.container_9 .grid_2 {width:202px;}

.container_9 .grid_3 {width:313px;}

.container_9 .grid_4 {width:424px;}

.container_9 .grid_5 {width:735px;}

.container_9 .grid_6 {width:313px;}

.container_9 .grid_7 {width:757px;}

.container_9 .grid_8 {width:868px;}

.container_9 .grid_9 {width:979px;}

 

 

/* Prefix Extra Space >> 9 Columns

----------------------------------------------------------------------------------------------------*/

.container_9 .prefix_1 {padding-left:111px;}

.container_9 .prefix_2 {padding-left:222px;}

.container_9 .prefix_3 {padding-left:333px;}

.container_9 .prefix_4 {padding-left:444px;}

.container_9 .prefix_5 {padding-left:555px;}

.container_9 .prefix_6 {padding-left:666px;}

.container_9 .prefix_7 {padding-left:777px;}

.container_9 .prefix_8 {padding-left:888px;}

 

 

/* Suffix Extra Space >> 9 Columns

----------------------------------------------------------------------------------------------------*/

.container_9 .suffix_1 {padding-right:111px;}

.container_9 .suffix_2 {padding-right:222px;}

.container_9 .suffix_3 {padding-right:333px;}

.container_9 .suffix_4 {padding-right:444px;}

.container_9 .suffix_5 {padding-right:555px;}

.container_9 .suffix_6 {padding-right:666px;}

.container_9 .suffix_7 {padding-right:777px;}

.container_9 .suffix_8 {padding-right:888px;}

 

 

/* Push Space >> 9 Columns

----------------------------------------------------------------------------------------------------*/

.container_9 .push_1 {left:111px;}

.container_9 .push_2 {left:222px;}

.container_9 .push_3 {left:333px;}

.container_9 .push_4 {left:444px;}

.container_9 .push_5 {left:555px;}

.container_9 .push_6 {left:666px;}

.container_9 .push_7 {left:777px;}

.container_9 .push_8 {left:888px;}

 

 

/* Pull Space >> 9 Columns

----------------------------------------------------------------------------------------------------*/

.container_9 .pull_1 {left:-111px;}

.container_9 .pull_2 {left:-222px;}

.container_9 .pull_3 {left:-333px;}

.container_9 .pull_4 {left:-444px;}

.container_9 .pull_5 {left:-555px;}

.container_9 .pull_6 {left:-666px;}

.container_9 .pull_7 {left:-777px;}

.container_9 .pull_8 {left:-888px;}

 

 

/* Clear Floated Elements

----------------------------------------------------------------------------------------------------*/

 

/* http://sonspring.com/journal/clearing-floats */

.clear {

/*clear: both;

display: block;

overflow: hidden;

visibility: hidden;

width: 0;

height: 0;*/

}

 

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack

 

.clearfix:after {

clear: both;

content: ' ';

display: block;

font-size: 0;

line-height: 0;

visibility: hidden;

width: 0;

height: 0;

}

 

.clearfix { display: inline-block;

}

 

* html .clearfix {

height: 1%;

}

 

.clearfix {

display: block;

}

*/

Link to comment
Share on other sites
oolivvv Newbie

oolivvv

Posted
Posted

pour le 100%, il est viré

 

pour le bloc réinsurance, je ne le trouve pas dans mes blocs dans theme default modules

 

pour la colonne du milieu, j' ai mis 735

 

Bloc reinssurance il est dans les modules pas dans le theme :-)

 

735 vraiment TRES mauvaise idée, regarde dans une page produit tu vas vite comprendre :D max 590 et encore !!!

 

par contre le 100% est toujours la essaie de désactiver les cache au cas ou ou force la recompilation quand tu modifie des trucs c'est mieux sinon il prend pas directement les modifs :(

 

ps tu as un petit mail de ma part :D

  • Like 1
Link to comment
Share on other sites
Claire Gharsallah Newbie

Claire Gharsallah

Posted
  • Author
Posted

Module reinsurance :

 

}

{if $infos|@count > 0}

<!-- MODULE Block reinsurance -->

<div id="reinsurance_block" class="clearfix">

<ul class="width{$nbblocks}">

{foreach from=$infos item=info}

<li><img src="{$module_dir}img/{$info.file_name}" alt="{$info.text|escape:html:'UTF-8'}" /> <span>{$info.text|escape:html:'UTF-8'}</span></li>

{/foreach}

</ul>

</div>

<!-- /MODULE Block reinsurance -->

{/if}

Link to comment
Share on other sites
oolivvv Newbie

oolivvv

Posted
Posted

tu n'as pas une erreur dans un css, un ; qui manque ou qque chose du genre, normalement il doit pas avoir d'erreur 500 vu que tu ne touche qu'aux css donc au pire ca peut partir en sucette au niveau design, mais pas en 500

 

Je le mets dans quel dossier pour le réexpédier via ftp ?

 

/img

  • Like 1
Link to comment
Share on other sites
Claire Gharsallah Newbie

Claire Gharsallah

Posted
  • Author
Posted

Tout d' abord un grand MERCI à Oolivvv pour les heures passées sur mon site cette nuit pour un gros bug !!!

Nous avons changé plusieurs choses et souhaitons toujours votre avis.

 

J' ai eu un retour plutôt négatif :

les photos des produits phares et des fiches articles n' apparaissent pas sous Internet Explorer...

 

Une piste pour régler ce souci ?

Link to comment
Share on other sites
  • 4 weeks later...
oolivvv Newbie

oolivvv

Posted
Posted

Bonjour,

 

Vous devriez voir si tous les modules installés dans votre back office vous sont utiles pour gagner en temps de chargement des pages de votre site.

 

Bonne continuation

 

 

 

c'est pas le site, c'est ovh :(

prochaine étape le site en cdn et ca ira mieux, mais d'abord finir les modifs :D

Link to comment
Share on other sites
Claire Gharsallah Newbie

Claire Gharsallah

Posted
  • Author
Posted

Tu crois que c'est plus compréhensible pour Claire ? :P

En gros, ça va accélérer.

 

Si vous vous mettez à 2 pour vous moquez... Je ne vais pas m' en sortir ! :)

Oui j' ai déjà lu : système de cache et cloud... même sur ce forum !!! Et il n' y a même pas un smiley qui tire vraiment la langue !!! :P

  • Like 1
Link to comment
Share on other sites
SclStore Newbie

SclStore

Posted
Posted

Merci.

Il n' a pas été trop long à charger ?

 

J' ai (un ami !) changé le thème et je suis en train de travailler les photos.

 

Très bonne chose un ami :)

Ton site est sympa mais j'ai un soucis avec le menu :

Avec Firefox, dès que tu le survoles, tout part dans tous les sens,

Sous Chrome et IE, il reste en place, mais il manque les photos des catégories.

 

vala

Bonnne soirée

Stéphane

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...