Jump to content

deplacer blocksearch et panier

chounpyt
 Share

Recommended Posts

chounpyt Explorer

chounpyt

Posted
Posted

Bonjour

je rame pour modifier le Css du thème default-bootstrap de la 1.6 afin que mon thème soit proche du précédent en prod sous 1.5 :

 

- deplacer blocksearch tout à gauche à la place du logo (pas de logo, j'utilise un background-image)

- deplacer blockcart en haut de la colonne de gauche sous le header

 

quelqu'un peut-il m'indiquer les bonnes valeurs et bonnes lignes à rentrer dans le global.css ou fichiers .tpl ?

 

merci de votre aide

Didier

Link to comment
Share on other sites
Eolia Grand Master

Eolia

Posted
Posted

Bonsoir,

 

Allez faire un tour dans le header.tpl de votre thème pour modifier les éléments qui vous intéressent, notamment:

						<div class="container">
							<div class="row">
								<div id="header_logo">
									<a href="{$base_dir}" title="{$shop_name|escape:'html':'UTF-8'}">
										<img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
									</a>
								</div>
								{if isset($HOOK_TOP)}{$HOOK_TOP}{/if}
							</div>
						</div>

Vous pouvez dépacer {if isset($HOOK_TOP)}{$HOOK_TOP}{/if} pour afficher les éléments accrochés à ce hook à un autre endroit du header.

Une fois vos changements de structure effectués vous pourrez peaufiner le css :)

Link to comment
Share on other sites
chounpyt Explorer

chounpyt

Posted
  • Author
Posted

Bonsoir Eolia,

merci d'avoir réagit, je suis en train d'essayer de comprendre comment faire, intellectuellement j'ai compris les 'hook' et la grille du bootstrap... mais je bloque par incompétence pour écrire les commandes

j'ai bien trouvé le header.tpl

 

pourriez-vous me donner la syntaxe à recopier ?

pour :

placer le blocksearch tout à gauche du header

placer le block cart en haut de la colonne gauche

Link to comment
Share on other sites
Eolia Grand Master

Eolia

Posted
Posted

Pas evident sans voir le site.

Vous pourriez déjà commenter ou supprimer ce bloc si vous n'utilisez pas le logo:

								<div id="header_logo">
									<a href="{$base_dir}" title="{$shop_name|escape:'html':'UTF-8'}">
										<img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
									</a>
								</div>

Ensuite, voir comment se comporte votre  nouvel affichage.

Si vos éléments sont en float:right passez-les en left et ainsi de suite.

Link to comment
Share on other sites
chounpyt Explorer

chounpyt

Posted
  • Author
Posted

Bonjour Eolia

OK j'ai supprimé le bloc 'logo' = le blocsearch est maintenant à gauche, mais décalé en hauteur

 

voici l'url vers le thème en cours de modification pour l'intégrer dans ma MAJ 1.6.0.9

http://www.aero-passion.fr/AP16/

 

voici l'url de ma boutique en prod, je souhaite modifier le thème default-bootstrapt pour désorienter au minimum mes internautes visiteurs lors de la migration 1.5 vers 1.6

objectif :

mettre à la même place le blocksearch, le panier

je ne parviens pas à afficher la colonne de gauche malgré choix fait dans le configurateur de thème

enfin à la différence de 1.5 où je trouvais assez facilement les fichiers et lignes ou mettre mes background :

- fond de site

- header

- content en 'transparent'

- box title, box cart, box product price

- footer

 

dans la 1.6 je ne trouve pas, je suis désorienté par footstrapt, les grid que je ne maitrise pas

 

je pense que j'ai besoin de l'intervention de quelqu'un qui maitrise pour modifier mon thème,

sauriez-vous le faire ?

quelles seraient vos conditions ?

bien cdt, Didier

Link to comment
Share on other sites
Eolia Grand Master

Eolia

Posted
Posted

Concernant les décalages en hauteur c'est une histoire de padding-top

 

Pour les colonnes, vous avez activé la colonne de gauche pour la page index (ou Accueil) ?

Avez-vous vidé le cache (Onglet Performances en haut à droite -> Vider le cache) et rafraîchi votre page (ctrl + f5) ?

 

Dans votre ancien thème le panier n'existe pas en haut à droite. Si vous le voulez dans votre colonne gauche, vous devez aller dans modules->positions -> greffer un module et accrocher le module bloc panier dans le hookleftcolumn, ensuite ajustez son ordre dans les différents modules de cette colonne.

 

Personnellement, je trouve votre ancien site un peu "old school" et il serait dommage d'essayer de conserver l'aspect visuel. Ce qui compte pour ne pas déstabiliser vos clients, c'est qu'ils retrouvent les rubriques/catégories, leur compte, et des éléments de la palette graphique (couleurs, images,...). Ensuite, si la navigation est fluide et intuitive, ils seront à l'aise sur votre nouveau site.

 

Ensuite commencez à mettre vos images et quelques produits pour avoir une idée du rendu final (les demoiselles en robe d'été sont très jolies mais pas vraiment en rapport avec votre activité)

 

Si vous avez besoin d'une intervention, merci de me contacter par Message Privé.

Link to comment
Share on other sites
chounpyt Explorer

chounpyt

Posted
  • Author
Posted

est-ce une 'tendance' de trouver le panier à droite ?

coté style 'oldschool' je ne sais pas ce que je pourrai faire de plus 'tendance', le style 'metro' ou 'w8' ne correspondent pas à mon contenu, et l'essentiel de nos internautes sont des >50 ans

 

je suis ouvert à vos suggestions

 

coté colonne à gauche , je n'ai trouvé qu'un sélecteur 'colonne à gauche' dans le configurateur mais sans l'option de l'index ou page d'accueil

Link to comment
Share on other sites
Eolia Grand Master

Eolia

Posted
Posted

Pour les occidentaux, et en rapport avec notre sens de lecture, oui c'est assez naturel. Cette page est assez instructive à ce propos: http://www.mon-design-web.com/que-voient-visiteurs.php

Concernant le style, ne le prenez pas mal, c'est juste une suggestion :)
La tendance actuelle est plus tournée vers un style plus épuré, clair. Un site très chargé demande une attention particulière de la part de l'internaute, s'il doit trop chercher l'information, il risque d'aller voir ailleurs.
En arrivant sur votre site, on doit:

  • Savoir où on est (le nom, logo, une phrase d'accroche)
  • Comprendre le type de site (blog, annonces, boutique, etc...)
  • Voir des éléments du contenu, facilement repérables (produits, panier, mon compte, infos légales)
  • Avoir envie de cliquer pour en savoir plus

Si à chaque fois que vous ajoutez/modifiez un élément de votre site vous avez ces règles en tête, votre site devrait rester homogène et convivial.

Ne cherchez pas à en mettre trop sur votre page d'accueil, mettez-vous à la place de l'internaute qui arrive sur votre site. 2 cas s'offrent à vous, soit c'est un habitué, soit c'est un visiteur.

Dans les 2 cas le site doit être accessible et compréhensible facilement:

- Le client connait le site et recherche les éléments qu'il connait + les nouveautés

- Le visiteur découvre votre site et en quelques secondes détermine si ce site a un intérêt pour lui

 

Il y a une 3ème catégorie de visiteurs plus discrets à ne pas négliger : les robots. Pour eux vous devez particulièrement soigner vos contenus (textes, images, balises, tag,etc...) et les renouveler régulièrement, si vous voulez être indexé correctement.

 

Regardez ce qui se fait sur d'autres boutiques également.

Quelques exemples de thèmes: http://www.templatemonster.com/templates.php?propertylist%5B2566%5D%5B0%5D=58&propertylist%5B2617%5D%5B0%5D=87351&propertylist%5Btypes%5D%5B0%5D=50116

Link to comment
Share on other sites
chounpyt Explorer

chounpyt

Posted
  • Author
Posted

OUI je suis tout à fait d'accord avec vous, j'ai une autre boutique en prod sous 1.3

www.replicart-wood.com

que je souhaite rappatrier dans le multi-boutique de mon site pivot aero-passion

et j'ai considérablement épuré la page d'accueil depuis cette boutique 1.3

 

toutefois, je retiens vos remarque et notamment pour l'image de fond qui a tendance à 'brouiller' la visibilité je vais faire plus léger.

 

j'ai réussi à déplacer à gauche en jouant sur le marging la fenètre de recherche, mais le bouton reste obstinément dessous au lieu de s'aligner à coté

 

le panier peut être touit à fait lisible à droite comme sur le thème par defaut, mais je ne parviens pas à l'y replacer, il s'est mis au milieu en supprimant la colonne du logo

il faudrait sans doute que je modifie le .tpl  : <div id="cart_block_top" class="col-sm-5 clearfix">

 

mais je n'ai pas de fichier blockcart.tpl

 

enfin, vous voyez sur le header un dédoublement de l'affichage de mon background-image (je l'ai mis dans 'row'),

je pense que c'est un affichage 'hérité' ... mais je ne trouve pas ou le supprimer

 

pouvez-vous m'aider ?

Link to comment
Share on other sites
Eolia Grand Master

Eolia

Posted
Posted

 

le panier peut être touit à fait lisible à droite comme sur le thème par defaut, mais je ne parviens pas à l'y replacer, il s'est mis au milieu en supprimant la colonne du logo

il faudrait sans doute que je modifie le .tpl  : <div id="cart_block_top" class="col-sm-5 clearfix">

Il faut lui appliquer un float:right

mais je n'ai pas de fichier blockcart.tpl

Ce fichier se trouve dans votre_theme/modules/blockcart

enfin, vous voyez sur le header un dédoublement de l'affichage de mon background-image (je l'ai mis dans 'row'),

je pense que c'est un affichage 'hérité' ... mais je ne trouve pas ou le supprimer

mettez la dans le header plutôt avec un no-repeat

pouvez-vous m'aider ?

Link to comment
Share on other sites
chounpyt Explorer

chounpyt

Posted
  • Author
Posted

OK j'ai trouvé le blockcart.tpl

j'ai modifié le texte ainsi :

 

<!-- MODULE Block cart -->
{if isset($blockcart_top) && $blockcart_top}
<div class="col-sm-4 clearfix{if $PS_CATALOG_MODE} header_user_catalog{/if}">
<float:right>
<style="width: 240px; margin-left: 247px; margin-top: -75px">
{/if}
    <div class="shopping_cart">

 

ça se placait correctement dans firebird de firefox, mais une fois enregistré et rafraichi : neni

 

ma syntaxe doit être fausse,

poiuvez-vous m'aider à replacer le panier à droite, merci
 

Link to comment
Share on other sites
chounpyt Explorer

chounpyt

Posted
  • Author
Posted

je ne m'en sors pas :

<!-- MODULE Block cart -->
{if isset($blockcart_top) && $blockcart_top}
<div class="col-sm-4 clearfix{if $PS_CATALOG_MODE} header_user_catalog{/if}">
<style="float: right;margin-top: 50px;">
{/if}
 

rien ne bouge

 

je ne voudrais pas abuser de votre gentillesse, mais ce serait peut-être plus efficace si je vous donnais un accès et que vous puissiez corriger vous même les fichiers .tpl ?

Link to comment
Share on other sites
Eolia Grand Master

Eolia

Posted
Posted

bonjour, j'ai un souci du même genre suite à la configuration de H1 (que j'ai fait en suivant un tuto... je ne m'y connais pas trop), mais par contre quand je vérifie ... le float:right y est bien... puis-je aussi abuser de la gentillesse de Eolia ???

ma page: www.bolabolitashop.com

merci :-)

Humm, vous avez du toucher au tpl, il est tout cassé :(

 

C'était quoi le tuto ?

Link to comment
Share on other sites
  • 3 months later...
publisa2002 Newbie

publisa2002

Posted
Posted

Salut j'ai presque le même problème,

Dans la banner header

j'ai enlevé l'image banner et son lien.

Je veux mettre dans sa place à gauche le Blocksearch et à droite le blockcart

Peut tu m'expliqué un peu détaillé parce que je suis débutante.

post-363604-0-12368700-1430473728_thumb.jpg

 

  

Link to comment
Share on other sites
Eolia Grand Master

Eolia

Posted
Posted

Pas évident comme ça...

Il faut vérifier dans modules ->positions, que les modules que tu veux sont bien accrochés dans les hooks concernés.

Un accès au bo de ton site serait un plus :)  (à envoyer par MP)

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