Jump to content

Déplacer Custom Bloc


Recommended Posts

Bonjour à tous,

 

J'ai acheté un thème Prestahop, mais lorsque je l'installe les custom bloc ne sont pas au même endroit que le thème de base, je m'explique, sur le thème les petit bloc roses sont à coté de la diapo, au dessus du mec devant son ordi (voir image 1)

 

Mais quand moi je les actives, il se mettent collés à droite (voir image 2)  est ce que vous pouvez me dire vers ou je dois fouiller pour les remettre à coté de ma diapo ?    

 

Merci pour votre aide

 

 

post-867302-0-41218000-1426152102_thumb.jpg

post-867302-0-76836800-1426152108_thumb.jpg

Link to comment
Share on other sites

Bonjour,

 

Pour commencer sans lien juste avec des captures d'écran c'est pas évident. L'url du site en question faciliterait les choses.

Pour continuer, il semble déjà que ce ne soit pas le même slide d'utiliser de l'image 1 à l'image 2.

 

Je penses, (je dis bien je penses car sans lien pas très évident), que le problème est résolvable depuis le css et les positions des modules.

 

Dans l'attente éventuelle d'un lien pour vous aider d'avantage.

 

Cordialement

Link to comment
Share on other sites

Bonjour, merci beaucoup pour votre réponse, bien sur je suis disposé à donner le lien, je pensais que ce n'était pas permis, le voilà : http://www.lacroixrose.fr    je pense aussi que c'est dans le CSS et la position des blocs, mais le problème est que tout ces blocks collés à droite plus celui avec écris 10€, sont tous dans un seul module qui est "Custom Blocks", donc quand je le déplace ça me déplace tout.

 

Voilà le code qui se trouve dans \modules\customblocks\css\less\default.less   (mais je ne sais pas si il faut chercher de ce coté la)

 

/* -----------------------------------------
   Module Prestashop CustomBlocks
   Copyright Prestacrea
   Author: Prestacrea
   ----------------------------------------- */
 
/* ----------------------------------------
   IMPORT VARIABLES AND MIXINS
   ---------------------------------------- */
@import "variables-mixins.less";
 
/* ----------------------------------------
   CONTAINER
   ---------------------------------------- */
.customblocks_container { text-align:center; }
 
/* ----------------------------------------
   BLOCKS
   ---------------------------------------- */
.customblocks_block {
#gradient > .vertical(#ffffff, #eeeeee);
.styledBorder(#cccccc, 2px);
.box-sizing(border-box);
display:inline-block;
width:100%;
position:relative;
line-height:normal;
margin:10px 0;
padding:5px;
overflow:hidden;
-webkit-text-size-adjust:100%;
}
.customblocks_block p {
margin:5px!important;
padding:0!important;
}
.customblocks_block a { text-decoration:none; }
.customblocks_block a:active { background:none; }
.customblocks_block .customblocks_button {
.buttonBackground(#ffffff, #eeeeee, #888888, #ffffff);
.styledBorder(#cccccc, 2px);
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05)");
display:block;
clear:both;
font-family:Arial, sans-serif;
font-size:12px;
font-weight:300;
line-height:12px;
text-align:center;
text-decoration:none;
vertical-align:top;
cursor:pointer;
outline:0;
margin:5px;
padding:8px 16px;
.ie8-buttonBackground(#eeeeee);
}
 
/* ----------------------------------------
   CUSTOMIZED BLOCKS
   ---------------------------------------- */
#customblocks_block_1 { margin:5px 0; }
 
#customblocks_block_2 { margin:5px 0; }
 
#customblocks_block_3 {
width:30%;
margin:10px 5px;
}
 
#customblocks_block_4 {
width:30%;
margin:10px 5px;
}
 
#customblocks_block_5 {
width:30%;
margin:10px 5px;
}
 
#customblocks_block_6 img {
float:left;
margin:0 10px 0 0;
}
 
#customblocks_block_7 { margin:5px 0; }
 
 

 

Merci pour votre aide

Link to comment
Share on other sites

Bonjour, le problème viens du fait que les bloc sont positionnés "en dur"

 

#customblocks_block_1 {

positionabsolute;

  1. top10px;
  2. right0;

 

et 

 

#customblocks_block_2 {
  1. positionabsolute;
  2. top112px;
  3. right0;

 

Il y a un problème de positionnement du bloc référent, avez vous modifier la feuille de style ?

Il vous faut peux être déplacer le module qui gère les blocs sur la droite.

Link to comment
Share on other sites

J'ai essayé de changer toute les options possible du hook à savoir :

 

<option value="leftColumn">Colonne gauche</option>
<option value="rightColumn">Colonne droite</option>
<option value="footer">Footer</option>
<option value="home">Page accueil</option>
<option value="extraLeft">Page produit colonne gauche</option>
<option value="extraRight">Page produit colonne droite</option>
<option value="productActions">Page produit actions</option>
<option value="productOutOfStock">Page produit disponibilité</option>
<option value="productfooter">Page produit footer</option>
<option value="shoppingCart">Page panier footer</option>
<option value="shoppingCartExtra">Page panier extra footer</option>
<option value="createAccountForm">Page création compte footer</option>
<option value="customerAccount">Page compte client</option>
<option value="extraCarrier">Page transporteurs</option>
<option value="topColumn">Colonne top (uniquement pour les templates Prestacrea)</option>
 
Mais aucun ne me le place correctement....  il est actuellement "Page accueil" j'aurais pensé qu'il fallait le mettre en Colonne droite, mais celui ci le fait carrément disparaître.
 
 
J'offre un coffret à celui qui me trouve la solution  ;)
Link to comment
Share on other sites

Dans l'onglet module, cliquer sur position puis sur greffer un module. Dans la première liste déroulante en haut sélectionner votre module, puis sur deuxième liste déroulante  sélectionner le hook display TopColumn (Top column blocks).

Enlever le module de la page d'accueil. Même si ca ne marche pas comme ça, laisser le comme ça je peux voir pourquoi ça ne marche pas.

Link to comment
Share on other sites

Non il ne faut pas enlever le module de la page d'accueil.

Il faut juste le greffer au hook "TopColumn" (et pas au hook "displayTopColumn") et greffer les 3 petits blocs au hook "Colonne Top" depuis la configuration du module.

Link to comment
Share on other sites

Vous contactez le support soit depuis le formulaire de contact du site Prestacrea si vous avez acheté le thème sur le site Prestacrea, soit depuis le formulaire de contact du site Prestashop Addons si vous avez acheté le thème sur le site Prestashop Addons.

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
×
×
  • Create New...