osCommerce France : Accueil Forum Portail osCommerce France Réponses aux questions Foire aux contributions

Bienvenue invité ( Connexion | Inscription )

 
Reply to this topicStart new topic
> Alignement image / texte en page produit
jacqueskyo
posté 23 Jul 2012, 02:37
Message #1


Ceinture blanche+ OSC
Icône de groupe

Groupe : Membres
Messages : 36
Inscrit : 17-January 09
Membre no 24253



Ma boutique avance, reste le fichier en Japonais a reprendre, mais j'ai un problème (quelque soit la langue)
l'image se place au centre de la page et ecrase le texte (ou une partie) rendant difficile a la présentation du produit

Comment puis je faire en sorte qu'avant d'afficher le texte de presentation (et apres l'affichage de la photo) j'ai un retour a la ligne.
Actuellement on dirait que la photo se place dans le texteet le pousse sur la gauche

merci d avance
Go to the top of the page
 
Gnidhal
posté 23 Jul 2012, 08:57
Message #2


5eme dan OSC
Icône de groupe

Groupe : Administrateur
Messages : 9221
Inscrit : 4-March 03
Lieu : Auray
Membre no 927



Bonjour,
version de ton osc ?
C'est un préalable à placer dans ta signature afin qu'on puisse t'aider (voir nos conseils pour bien rédiger sa question)


--------------------
Tout d'abord : - Ni Hotline ni Service Après Vente, ces forums sont un lieu d'échange. BIEN POSER SA QUESTION (généralités)
Les "Informations Importantes" que vous devez ABSOLUMENT avoir lues :
Règlement, Bien poser sa question dans ces forums et Bien utiliser les Forums.
Les raccourcis pour gagner du temps : la FAQ, les PDF de la Doc (MS2-fr): PDF-V1 et PDF-V2, le moteur de Recherche sur les forums , la Liste des Contributions de Corbin.

----------------------------- Quelques sites de référence ---------------------------
PHP: Le site du Zéro et PHP Débutant avec la DOC en français -- HTML: Self HTML - WebProgrammation -- CSS: OpenWeb - AlsaCréations - CSS/Edge -- Autres ressources: - XajaX - highslide js
Les bons outils : EasyPHP - WAMP-5 - - Notepad++ - Firefox et son extension WebDeveloper
Le gène idéal c'est le gène original. Le génie des halles est un Génie des Alpages qui tente d'être à la page. (Merci f'murrr pour les cours de philosophie de chien)
Go to the top of the page
 
jacqueskyo
posté 23 Jul 2012, 11:34
Message #3


Ceinture blanche+ OSC
Icône de groupe

Groupe : Membres
Messages : 36
Inscrit : 17-January 09
Membre no 24253



oui pardon en version 2.3
Go to the top of the page
 
chti_poupon
posté 23 Jul 2012, 16:01
Message #4


Ceinture noire OSC
Icône de groupe

Groupe : TechDev
Messages : 2744
Inscrit : 9-September 08
Lieu : Douai
Membre no 22915



Tu devrais trouver les éléments de réponse dans le fil ici et là.
Go to the top of the page
 
jacqueskyo
posté 24 Jul 2012, 01:43
Message #5


Ceinture blanche+ OSC
Icône de groupe

Groupe : Membres
Messages : 36
Inscrit : 17-January 09
Membre no 24253



Merci chti_poupon
le 2eme fil s'en rapproche mais mon problème est pas aléatoire

La position des images se fait elle via le CSS?

par exemple
http://no_pub.com/catalog/product_inf...;products_id=xx
et avec une image plus petite
http://no_pub.com/catalog/product_inf...;products_id=xx

mon probleme c est que je sais pas quel fichier CSS? page? aller tenter de modifier pour corriger ce probleme
Raison de l'édition : pas de publicité
Go to the top of the page
 
krokus
posté 24 Jul 2012, 10:01
Message #6


Ceinture orange+ OSC
Icône de groupe

Groupe : Membres
Messages : 337
Inscrit : 23-February 07
Membre no 15518



dans ta fiche produit tu doit mettre 2 images identique, 1 à image principale et 1 à image large, sinon l'image s'affiche en taille maximum, ensuite verifie dans la configuration largeur et hauteur image en tete une bonne taille serait env 200

Ce message a été modifié par krokus - 24 Jul 2012, 10:05.


--------------------
Ms2.3+Category Description+Ckeditor+Colissimo+EasyPopulate+Header tags seo+Otf autothumb+PIM osSlideshow+Theme switcher+Ultimate Seo Urls+Icone stock+crawlprotect+Who's Online Enhancement+Master password+lien suivi colis
Go to the top of the page
 
jacqueskyo
posté 25 Jul 2012, 01:27
Message #7


Ceinture blanche+ OSC
Icône de groupe

Groupe : Membres
Messages : 36
Inscrit : 17-January 09
Membre no 24253



merci krokus mais j'ai bien 2 images identiques, 1 à image principale et 1 à image large,
j'ai essaye mais cela resoud pas le problème
http://no_pub.com/catalog/product_inf...;products_id=51

j'ai plutot l'impression que l'image est centrée ou avec une marge/pading a droite mais je vois pas d'ou ca vient

Images
Titre Valeur Action
Largeur imagettes 130
Hauteur imagettes 127
Largeur image en-tête 200
Hauteur image en-tête 196
Largeur image sous-catégorie 100
Hauteur image sous-catégorie 57
Calculer la taille des images Oui
Images manquantes Oui
Raison de l'édition : No pub
Go to the top of the page
 
krokus
posté 25 Jul 2012, 11:29
Message #8


Ceinture orange+ OSC
Icône de groupe

Groupe : Membres
Messages : 337
Inscrit : 23-February 07
Membre no 15518



il y a deja une amelioration puisque maintenant les images ont la bonne taille, ensuite tu as du modifier ta page product_info le prix n'est pas cense etre ici mais en dessous du texte, tu as du faire une erreure en modifiant la place de l'appel au prix ce qui fout le boxon dans l'architecture de ta page, si tu regarde bien ton prix que tu as place dans la meme div que le titre est en faites decale vers le bas et repousse ton image vers la gauche ce qui decale aussi ton texte, donc tout tes problemes viennent du prix, une fois regle ca tout le reste ce remettra à ça place.

Ce message a été modifié par krokus - 25 Jul 2012, 11:33.


--------------------
Ms2.3+Category Description+Ckeditor+Colissimo+EasyPopulate+Header tags seo+Otf autothumb+PIM osSlideshow+Theme switcher+Ultimate Seo Urls+Icone stock+crawlprotect+Who's Online Enhancement+Master password+lien suivi colis
Go to the top of the page
 
jacqueskyo
posté 26 Jul 2012, 01:03
Message #9


Ceinture blanche+ OSC
Icône de groupe

Groupe : Membres
Messages : 36
Inscrit : 17-January 09
Membre no 24253



Merci,
mais je n'ai pas modifier le fichier "page product_info"
mes modifs se porte sur les blocs des colonnes uniquement
Go to the top of the page
 
krokus
posté 26 Jul 2012, 18:06
Message #10


Ceinture orange+ OSC
Icône de groupe

Groupe : Membres
Messages : 337
Inscrit : 23-February 07
Membre no 15518



oui ok desole c'est moi qui ai modifier l'emplacement du prix, je vois que tu as regle ton probleme tout a l'air d'etre à ça place


--------------------
Ms2.3+Category Description+Ckeditor+Colissimo+EasyPopulate+Header tags seo+Otf autothumb+PIM osSlideshow+Theme switcher+Ultimate Seo Urls+Icone stock+crawlprotect+Who's Online Enhancement+Master password+lien suivi colis
Go to the top of the page
 
jacqueskyo
posté 27 Jul 2012, 02:55
Message #11


Ceinture blanche+ OSC
Icône de groupe

Groupe : Membres
Messages : 36
Inscrit : 17-January 09
Membre no 24253



malheureusement non j'ai toujours un gros espace a droite, l'image n'est pas sous le prix
a la rigueur je prefererai avoir le texte sous l'image plutot que a cote

Ce message a été modifié par jacqueskyo - 27 Jul 2012, 02:56.
Go to the top of the page
 
krokus
posté 27 Jul 2012, 06:32
Message #12


Ceinture orange+ OSC
Icône de groupe

Groupe : Membres
Messages : 337
Inscrit : 23-February 07
Membre no 15518



ok alors en faites l'emplacement pour l'image comprend aussi l'emplacement des thumbs (vignettes multi-images)
qui est sur la page product_info mais je n'est pas teste

<script type="text/javascript">
$('#piGal ul').bxGallery({
maxwidth: 300,
maxheight: 200,
thumbwidth: <?php echo (($pi_counter > 1) ? '75' : '0'); ?>,
thumbcontainer: 300,
load_image: 'ext/jquery/bxGallery/spinner.gif'
});
</script>

donc si tu penses ne jamais mettre plus d'une image ou deux tu peus diminuer la largeur jusqu'a 200px qui est la largeur de l'image principale


--------------------
Ms2.3+Category Description+Ckeditor+Colissimo+EasyPopulate+Header tags seo+Otf autothumb+PIM osSlideshow+Theme switcher+Ultimate Seo Urls+Icone stock+crawlprotect+Who's Online Enhancement+Master password+lien suivi colis
Go to the top of the page
 

Reply to this topicStart new topic
1 utilisateur(s) sur ce sujet (1 invité(s) et 0 utilisateur(s) anonyme(s))
0 membre(s) :

 



RSS Version bas débit Nous sommes le : 28th March 2020 - 08:44
Ce site est déclaré auprès de la commision Nationale
de l'Informatique et des Libertés (déclaration n°: 1043896)