Jump to content

Problème de positionnement du carousel sur ma boutique

avoriaz
 Share

Recommended Posts

avoriaz Newbie

avoriaz

Posted
Posted

Bonjour,

 

J'ai un soucie dont je n'arrive pas à me défaire :

 

Voici le lien de ma boutique www.coursessurinternet.fr

 

 

 

Informations sur votre serveur

 

Version de Prestashop: 1.4.7.0

 

Informations sur votre serveur: Linux #1 SMP Thu Jan 26 14:55:34 UTC 2012 x86_64

 

Version du logiciel serveur: Apache/2.2.X (OVH)

 

Version de PHP: 5.2.17

 

Version de MySQL: 5.1.49-3-log

 

 

Le carousel n’apparaît pas du tout ou cela devrait l'être et je n'arrive pas à le remonter. Il à déjà été à sa place mais je n'ai pas compris pourquoi il avait descendu...

 

Merci de votre aide.

Link to comment
Share on other sites
avoriaz Newbie

avoriaz

Posted
  • Author
Posted

Bonjour en fait je vois qu'il a changé (tout seul ?) de position il a même changé littéralement de place.

 

Il est dans homepage content alors qu'il devrait être au dessus ..

 

Quand je le désinstalle et le réinstalle il se met toujours dans la mauvaise catégorie et tout en bas... la j'y pige plus rien.

Link to comment
Share on other sites
Oron Rookie

Oron

Posted
Posted

Désinstaller l'éditeur de la page d'accueil et le module produit phare

Désinstaller le module MGC carrousels et réinstaller le

 

Puis vous réinstaller l'éditeur de la page d'accueil si vous en avez l'usage et le produits phare.

Link to comment
Share on other sites
avoriaz Newbie

avoriaz

Posted
  • Author
Posted

Merci pour l'aide, mais c'est bien ce que j'essai de faire

 

 

pas moyen de le sortir de "Homepage content" de cette façon tout comme les autres modules, je vois bien les flèches vers les 4 positions, Homepage content, il est facilement déplaçable mais par contre pour l'amener à "Top of page" pas moyen.

Link to comment
Share on other sites
avoriaz Newbie

avoriaz

Posted
  • Author
Posted

Désinstaller l'éditeur de la page d'accueil et le module produit phare

Désinstaller le module MGC carrousels et réinstaller le

 

Puis vous réinstaller l'éditeur de la page d'accueil si vous en avez l'usage et le produits phare.

 

Merci, je viens de suivre à la lettre ces démarches, mais la situation n'as pas changé d'un pousse, comment puis je remonter "LATEST DEALS" juste sous la bannière ?

 

Encore merci

Link to comment
Share on other sites
hulk Newbie

hulk

Posted
Posted

essaye de virer la ligne position: absolute; dans le fichier themes/ton_theme/css/global.css (ligne 1739) 

.latest-deals {
   margin-top: 20px;
  --> position: absolute;
}

le block "LATEST DEALS" s'affiche tout en bas puis essaye de le remonter a travers le BO sous ta bannière.

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

avoriaz

Posted
  • Author
Posted

essaye de virer la ligne position: absolute; dans le fichier themes/ton_theme/css/global.css (ligne 1739) 

.latest-deals {
margin-top: 20px;
  --> position: absolute;
}

le block "LATEST DEALS" s'affiche tout en bas puis essaye de le remonter a travers le BO sous ta bannière.

 

Il y a une vrai différence, merci, mais par contre cela devait comme au début aller la ou il y a un énorme espace sous la bannière...

 

Ont y est presque!!

Link to comment
Share on other sites
avoriaz Newbie

avoriaz

Posted
  • Author
Posted

Il y a une vrai différence, merci, mais par contre cela devait comme au début aller la ou il y a un énorme espace sous la bannière...

 

Ont y est presque!!

 

Sinon cela me dérange pas que ça reste sur la blanc au pire tant que l'on peut voir comment enlever ce grands espace entre la banniere et le blanc

Link to comment
Share on other sites
hulk Newbie

hulk

Posted
Posted

pour enlever l'espace blanc tu peut modifier la valeur padding-top : 390px a la ligne 280 dans fichier global.css 

#index #columns {
padding-top: 600px;
}

puis tu déplace le module qui scroll tout en bas et voir ce que ça donne

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

hulk

Posted
Posted

autre chose: essaye de modifier la class css suivante dans le fichier themes/votre_theme/css/modules/editorial/editorial.css a la ligne 2 

.editorial_block {
   margin-bottom: 2em;
}

par 

.editorial_block {
   margin-bottom: 2em;
   margin-top: 9em;
}

pour faire descendre le block "Votre club de consommateur" sous le block "FEATURED PRODUCTS" et comme ça ça sera plus clair

Link to comment
Share on other sites
hulk Newbie

hulk

Posted
Posted

impeccable, je vois que t'a résolu ton problème :)

ok, des petits trucs a modifier:

remonter un peut le module scroll en modifiant la ligne 1739 du fichier theme/votre_theme/css/global.css 

.latest-deals {
   margin-top: 20px;
}

par 

.latest-deals {
   margin-top: 0;
}

-centrer un peu le div du scroll en modifiant la ligne 7 du fichier modules/homecarousel/jcrousel/skins/skin.css 

.jcarousel-skin-tango .jcarousel-container-horizontal {
   padding: 5px 40px;
   width: 388px;
}

par 

.jcarousel-skin-tango .jcarousel-container-horizontal {
   padding: 5px 26px;
   width: 388px;
}

en plus les modification dans mon post précédant (#14)

;) et good luck

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

avoriaz

Posted
  • Author
Posted

autre chose: essaye de modifier la class css suivante dans le fichier themes/votre_theme/css/modules/editorial/editorial.css a la ligne 2 

.editorial_block {
margin-bottom: 2em;
}

par 

.editorial_block {
margin-bottom: 2em;
margin-top: 9em;
}

pour faire descendre le block "Votre club de consommateur" sous le block "FEATURED PRODUCTS" et comme ça ça sera plus clair

 

super mais editorial.css n'existe pas

impeccable, je vois que t'a résolu ton problème :)

ok, des petits trucs a modifier:

remonter un peut le module scroll en modifiant la ligne 1739 du fichier theme/votre_theme/css/global.css 

.latest-deals {
margin-top: 20px;
}

par 

.latest-deals {
margin-top: 0;
}

-centrer un peu le div du scroll en modifiant la ligne 7 du fichier modules/homecarousel/jcrousel/skins/skin.css 

.jcarousel-skin-tango .jcarousel-container-horizontal {
padding: 5px 40px;
width: 388px;
}

par 

.jcarousel-skin-tango .jcarousel-container-horizontal {
padding: 5px 26px;
width: 388px;
}

en plus les modification dans mon post précédant (#14)

;) et good luck

 

J'ai fait cela mais ça ne semble pas avoir changé quelque chose, après actualisation sur chrome et ff...

 

mais pour le reste c'est impeccable, c'est un costaud Hulk :

 

Me reste à savoir comment ont fait pour faire apparaître les images dans le carousel...

 

Merci

Link to comment
Share on other sites
hulk Newbie

hulk

Posted
Posted

essaye de vider le cache de ton navigateur, je vois que t'a réussi à corriger le block en bas et il te reste de centrer le module scroll à partir de son fichier css qui se trouve sous répertoire modules.

-centrer un peu le div du scroll en modifiant la ligne 7 du fichier modules/homecarousel/jcrousel/skins/skin.css

.jcarousel-skin-tango .jcarousel-container-horizontal {

padding: 5px 40px;

width: 388px;

}

par

.jcarousel-skin-tango .jcarousel-container-horizontal {

padding: 5px 26px;

width: 388px;

 

}

 

-aussi j'ai remarqué que le logo est trop décaler par rapport au contenu central du site

 

pour le corriger, il faut modifier le fichier global.css à la ligne 295:

#header_logo {
   left: -79px;
   position: absolute;
   top: 0;
}

par

#header_logo {
   left: 0;
   position: absolute;
   top: 0;
}

pour les images dans le scroll t'a les lien des images erronés, elles doivent être sous cette forme http://www.depannageinformatique-95.fr/coursessurinternet/img/p/37-78-home.jpg ou le 37 et l'id du produit==> pour le corriger essaye de copier le même lien qui se trouve dans le fichier tpl module "FEATURED PRODUCTS" 

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" />

au lieu de la balise <img src="..."> qui se trouve dans le fichier tpl du module scroll.

j'espère que c'est assez clair pour vous avoriaz ;)

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

avoriaz

Posted
  • Author
Posted

essaye de vider le cache de ton navigateur, je vois que t'a réussi à corriger le block en bas et il te reste de centrer le module scroll à partir de son fichier css qui se trouve sous répertoire modules.

 

 

-aussi j'ai remarqué que le logo est trop décaler par rapport au contenu central du site

 

pour le corriger, il faut modifier le fichier global.css à la ligne 295:

#header_logo {
left: -79px;
position: absolute;
top: 0;
}

par

#header_logo {
left: 0;
position: absolute;
top: 0;
}

pour les images dans le scroll t'a les lien des images erronés, elles doivent être sous cette forme http://www.depannage.../37-78-home.jpg ou le 37 et l'id du produit==> pour le corriger essaye de copier le même lien qui se trouve dans le fichier tpl module "FEATURED PRODUCTS" 

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" />

au lieu de la balise <img src="..."> qui se trouve dans le fichier tpl du module scroll.

j'espère que c'est assez clair pour vous avoriaz ;)

 

GENIAL,

 

je fait cela dès que j'ai réussi à modifier les images pour qu'elle apparaisse dans le carousel.

 

Merci encore!

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...