Jump to content

Personnalisation de modules


Recommended Posts

bonjour,

 

je suis encore débutant sur prestashop quelqu'un peut il m'aider ?

 

1) je n'arrive pas à mettre une bordure noir de 1px autour de mon module homeslides

2) dans le module en bas de la page a droite comment aligner les horaires sur la droite, pour que les : soit dans le même axe.

3) dans la fiche produit comment mettre une déclinaison vide pour que le client n'oublie pas de sélectionner sa taille.

 

www.aventure-equipement.fr

 

merci :)

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

Bonjour,

 

Le site est en .fr et non .com ;)

Pour la bordure sur le slide, c'est dans "/themes/aventureec/css/modules/homeslider/bx_styles.css" à la ligne 11:

.bx-wrapper {
    border: 1px solid #000000;
    height: 300px;
    margin-bottom: 20px;
}

Pour l'alignement des horaires apparemment c'est OK, enfin chez moi sur FF oui.

Je ne comprends pas l'histoire des déclinaisons... pour l'achat de vêtement je pense que c'est plutôt acquis qu'il faut choisir sa taille ;)

Link to comment
Share on other sites

Merci julien pour vos conseil.

Par contre pour le homesliber j'ai un décalage de 2 px sur le coté droit.

Pour les déclinaisons j'aimerai créer une valeur du type "sélectionner" comme ça si le lient n'à pas choisi une taille un message apparait "veuillez sélectionnez un taille".

Pour les horaire chez moi impossible d'aligner les ":"

Link to comment
Share on other sites

  • 5 weeks later...

bonjour j'ai également un soucis avec le homeslider je souhaite qu'il prenne toute la largeur de l'écran...

Hors j'arrive à modifier que le côté droit (et encore ca ne s'enregistre pas) 
J'ai beau modifier le fichier css correspondant cela ne fonctionne pas :/

Merci beaucoup de l'aide que vous pourrez m'apporter  :huh:  :rolleyes: 

Link to comment
Share on other sites

Allez voir footer.tpl 

La colonne de droite c'est :

<div id="right_column" class="column grid_2 omega">
    {$HOOK_RIGHT_COLUMN}
</div>

Pour la colonne de gauche, dans le header.tpl :

<div id="left_column" class="column grid_2 alpha">
{$HOOK_LEFT_COLUMN}
</div>

Remplacez juste le HOOK_LEFT_COLUMN, par HOOK_RIGHT_COLUMN, le texte entre parenthèse, en gardant le petit dollar,

 

de ce fait votre colonne de droite sera transférée à gauche, et chaque modules installé sera automatiquement placé à gauche.

 

Pour élargir la colonne centrale, il faut aller dans le header.tpl 

 

<!-- Center -->
    <div id="center_column" class=" grid_5">

 

et changer la class=" grid_5"  

la faire passer à class=" grid_7" 

Comme cela votre colonne centrale prendra la place laissée par la colonne de droite.

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

La page d'accueil de mon thème est composé de la colonne centrale et de la colonne de droite.

 

En appliquant les conseils de WillFrite sur mon thème ça fait juste disparaitre la colonne de droite. Cette fichu collonne ne va pas pour autant se placé à gauche.

 

 

La colonne de droite dans Mon footer.tpl :

<!-- Right -->
			{if $page_name=='index'} 
				<div id="right_column" class="column span3 hidden-phone">
					{$HOOK_RIGHT_COLUMN}
				</div>
			{/if}
				{if $page_name!='index'}
				</div>
				{/if}
			</div>
		</div>

et voici mon header.tpl  :

<!-- Left -->
			<div id="left_column" class="column span3 hidden-phone">
				{$HOOK_LEFT_COLUMN}
			</div>
			{/if}

Donc je remplace comme ceci pour deplacer la colonne de droite vers la gauche  (header.tpl) :

			<!-- Left -->
			<div id="left_column" class="column span3 hidden-phone">
				{$HOOK_RIGHT_COLUMN}
			</div>
			{/if}

et modification effectuer dans footer.tpl :

<!-- Right -->
			{if $page_name=='index'} 
				<div id="right_column" class="column span3 hidden-phone">
					{$HOOK_LEFT_COLUMN}
				</div>
			{/if}
				{if $page_name!='index'}
				</div>
				{/if}
			</div>
		</div>

 En procédant comme ça, je fais juste disparaitre ma colonne de droite :wacko:

Link to comment
Share on other sites

En fait, ça fait effectivement disparaitre ta colonne de droite, essaie d'installer des modules, tu verra que normalement ils seront automatiquement placés à gauche.

En tout cas pour moi ça marche correctement.

 

A la limite essaie peut être de désinstaller les modules de ta colonne de gauche puis de réinstaller plus de modules pour voir si tout fonctionne.

Link to comment
Share on other sites

Normalement il n'est utile de déplacer les hooks.

 

pour qu'un module aille à gauche, il faut le greffer à la colonne de gauche dans le back office.

 

Pour ne plus avoir la colonne de droite il faut faire un override dans /override/classes/controller  -> FrontController.php

ajouter

public $display_column_right = false;

entre les { }

 

Si vous n'avez pas le fichier FrontController.php dans le dossier prenez celui ci-joint, je vous ais fait l'override et mettez le dans le dossier

FrontController.php

Link to comment
Share on other sites

En fait ce qui m'intéresse c'est pas d'inverser les colonnes mais vraiment de placer le slider sur toute la largeur, d'un bout à l'autre de l'ecran de manière responsive qui s'adapte à l'écran du visteur.

 

je l'ai greffer sans probleme dans le hook top of page et modifier le bx_style avec une valeur de 100%  mais il continue de rester bloqué dans les même dimensions que la colonne centrale :angry::(

rageant

Link to comment
Share on other sites

Ca y est j'ai reussi à le mettre sur toute la largeur...

 

dans le header.tpl de mon thème j'ai enlever class "container" qui est dans la <div page

		{$HOOK_BLOCK_SLIDE}<div id="page" class="container">

			<!-- Header -->

Un problème en cache un autre... maintenant je me retrouve avec tout le header, le menu, le panier et les colonne centre et celle de droite décentré complétement à gauche. 

 

Ma question est : Est-il possible de metre le slider dans une <div ? de créer une <div juste pour le slider.

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

Salut Bondaty and Co,

Voilà du coup quand je vois ton post, je me pose la question suivante: ta méthode fonctionne de manière définitive? Je veux dire, si je change de thème et que je veux avoir des colonnes à droite, il me faudra alors modifier l'override?

 

Comment s'y prendre pour avoir le même rendu, de façon à ce que les hooks soient relatifs au thème.

 

Par exemple, je suis en train de faire un thème pour ma boutique, et j'ai du passer par ma méthode pour que le rendu soit relatif au thème justement.

J'aimerais concrêtement faire apparaître mes hooks à gauche et non pas à droite.

 

Je ne sais pas si je me suis exprimé clairement.

 

N'hésite pas à me le signaler en tout cas si ce n'est pas clair pour toi

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

Up!

 

 

Un exemple de ce que j'ai fait.

 

Le problème finalement c'est que j'ai beau désactiver et activer différents modules, je n'arrive pas à mettre ceux dont j'ai besoin.

Concrêtement, je voudrais réduire la taille du block nouveaux produits, ce que j'ai essayé de faire depuis le back office, et qui a visiblement échoué,

Puis, implanter le module catégories à gauche toujours. et en première position.

 

Pour l'instant, le block catégorie ne s'affiche pas, et ce depuis que j'ai fais la modification dans le TPL comme je l'ai expliqué plus haut.

 

Si vous avez des suggestions, ce serait vraiment très sympa! 

Link to comment
Share on other sites

J'ai trouvé une solution qui semble marcher.

 

Modification à faire dans le Header.tpl ligne 87

 

<!-- Left -->
<div id="left_column" class="column grid_2 alpha">
{$HOOK_LEFT_COLUMN}
<div id="right_column" class="column grid_2 alpha">
{$HOOK_RIGHT_COLUMN}
</div>
</div>
 
 
Tout marche correctement
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...