Search the Community
Showing results for tags 'galerie'.
-
Bonjour, Je suis actuellement à la recherche d'un module ou d'une astuce (simple car je ne suis pas expert en développement prestashop) pour ajouter une seconde galerie d'image à un produit (du coup je doute pour l'astuce "simple"). Le but étant d'avoir la galerie d'image de base montrant le produit et la seconde montrant par exemple comment l'installer, le construire, ... bref plutôt des informations techniques. Je cherche à avoir une seconde galerie d'image distincte et non une liste d'image comme on pourrait le faire avec un éditeur wysiwyg. Merci d'avance.
-
Bonjour à tous, je recherche desesperemment un module galerie gratuit pour une page CMS... Quelqu'un en connaitrait ? Merci d'avance
-
Bonjour, Je vais tâcher de vous exposer clairement mon problème dans l'espoir que quelqu'un puisse m'aider. Tout d'abord, voici le lien vers une fiche produit, c'est ici que j'ai un soucis : http://cadrespro.com...-ipod-nano.html - Si on ouvre avec chrome, le bug est visible de la manière suivante : il s'agit de la galerie photo du produit, celle-ci est presque non-visible (on voit simplement un ipod bleu). Elle apparait correctement une fois que l'on a cliqué sur "inspecter l'élément". - Si on ouvre avec firefox, la galerie est visible mais on remarque alors une foto en bas à gauche (un ipod jaune, sous l'ipod noir). J'ai tenté de le résoudre avec du CSS mais rien n'y fait. J'ai donc cherché ailleurs et j'ai trouvé le problème, il vient d'un script : <script type="text/javascript"> jQuery('.thumbnail-arrow.prev').addClass('disabled'); jQuery('.zoom-gallery').iosSlider({ desktopClickDrag: true, snapToChildren: true, infiniteSlider: false, navNextSelector: '.thumbnail-arrow.next', navPrevSelector: '.thumbnail-arrow.prev', onFirstSlideComplete: function(){ jQuery('.thumbnail-arrow.prev').addClass('disabled'); }, onLastSlideComplete: function(){ jQuery('.thumbnail-arrow.next').addClass('disabled'); }, onSlideChange: function(){ jQuery('.thumbnail-arrow.prev').removeClass('disabled'); jQuery('.thumbnail-arrow.next').removeClass('disabled'); } }); </script> Ce script est dans mon fichier product.tpl. Si je le supprime, la galerie s'affiche correctement mais alors celle-ci ne défile plus quand je clique sur les flèches de défilement. Je suppose donc qu'il y a un problème soit dans le script, dans le fichier CSS correspondant au script. Problème : mon niveau en JS est 0 et mon niveau en CSS est très faible, j'ai donc besoin de vous. En vous remerciant par avance =) p.s.1 : voici le thème dans sa version démo avec la galerie qui fonctionne, si ça peut aider : http://metro.ecommer...oduct&id_lang=1(j'ai bien entendu comparé les deux fichiers TPL qui sont identiques au niveau du JS!) p.s.2 : Voici une partie du CSS correspondant à un intitulé du script : .iosSlider { overflow: hidden; width: 690px; height: 344px; margin:auto 0 0px; float:left; } .iosSlider .slider { width: 100%; height: 100%; } .iosSlider .slider .slide { width: 100%; height: 100%; padding: 0 0 0 0; position: relative; } .tintButton { color:#fff!important; cursor:pointer; padding:5px 12px; font-size:12px; font-weight: normal; text-decoration: none; } /* Bullets and thumbnails navigation */ .iosSlider .sliderNavi { position: absolute; right:15px; bottom:15px; } .iosSlider .sliderNavi .naviItem { float: left; background: none repeat scroll 0 0 #EAE5E4; cursor: pointer; display: block; font-size: 0; height: 15px; text-indent: -9999px; width: 50px; border:3px solid #fff; } /* Current bullet */ .iosSlider .sliderNavi .naviItem.selected { background:#F15A3B; } /* Bullet hover state */ .iosSlider .sliderNavi .naviItem:hover { background:#F15A3B; } .iosSlider:hover .prev, .iosSlider:hover .next { display:block; } .iosSlider .prev, .iosSlider .next { display:none; position: absolute; z-index: 25; width: 45px; height: 45px; top:165px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/ -moz-opacity: 0.5; /* Mozilla 1.6 � ���� */ -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */ } .iosSlider .next { width: 40px; height: 40px; cursor: pointer; } .iosSlider .next:hover, .iosSlider .next:focus { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/ -moz-opacity: 1; /* Mozilla 1.6 � ���� */ -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */ opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */ } .iosSlider .next:active { } .iosSlider .prev { width: 40px; height: 40px; cursor: pointer; } .iosSlider .prev:hover, .iosSlider .prev:focus { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/ -moz-opacity: 1; /* Mozilla 1.6 � ���� */ -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */ opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */ } .iosSlider .prev:active { } /* left arrow */ .iosSlider .prev { left: 15px; } /* right arrow */ .iosSlider .next { right: 15px; }
-
Bonjour à tous, Je souhaiterai ne pas faire apparaître l'image de couverture dans la galerie de la page produit (product.tpl) tout en gardant la galerie disponible. Cela afficherai alors la deuxième image du produit en premier... J'ai bien compris que cela se passer ici: <div id="pb-right-column"> <!-- product img--> <div id="image-block"> {if $have_image} <span id="view_full_size"> <img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')}"{if $jqZoomEnabled} class="jqzoom"{/if} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" id="bigpic" width="{$largeSize.width}" height="{$largeSize.height}"/> etc.... Mais je ne sais pas comment faire cette modification. Quelqu'un a une solution? Merci pour votre aide
- 2 replies
-
- galerie
- page produit
-
(and 1 more)
Tagged with:
-
Bonjour, Voila j'aimerai ajouter une page GALERIE photo sur mon site. J'ai donc créée une nouvelle page CMS mais je ne vois pas comment ajouter une galerie. J'ai téléchargé le module "jgalerie" gratuit qui me conviendrait mais si je l'active il se greffe a toute les pages. Avez vous une idée, une piste. Dois je créer une page moi même avec du code Php... Merci.
-
Bonjour, Après quelque recherche sur la Toile, je suis à la recherche d'un module Prestashop qui ressemblerait à ceci : http://www.shop.ddlx.org/fr/303-jgaleryview-galerie-photo.html En gros, il faudrait la photo en grand + légende avec les thumbs en-dessous pour naviguer. Si possible qu'il soit administrable côté Back Office. Connaissez-vous un tel module ? (Payant ou gratuit mais de préférence gratuit ) En vous remerciant par avance pour vos réponses.
-
Dobrý den, potřeboval bych poradit, mám nainstalovaný prestashop1.4.5.1., ale potřebuju možnost zobrazit jako katalog (vedle sebe, jak je to např.v modulu doporučené produkty), ale zaroveň možnost zobrazit jako seznam (tak jak se to zobrazuje ve výchozím nastavení) samozřejmě s možností přepínání. Pokud někdo víte o nějakém modulu a nebo jak upravit zdroják budu strašně rád za jakoukoliv pomoc. příklad přepínání je zde: http://www.broucek-a...ukavu?list=full Tabulkový výpis/ Katalogový výpis - toto by mi stačilo. Zde to mají řešeno takto zdrojový Kód: <!-- Product list type switch --> <p id="product-list-switch"> <a id="short" href="/demo/vcelak-shop/25-body-bez-rukavu?list=short" title="Tabulkový výpis">Tabulkový výpis</a> <span>|</span> <a id="full" href="/demo/vcelak-shop/25-body-bez-rukavu?list=full" title="Katalogový výpis">Katalogový výpis</a> </p> <!-- Product list type switch --> ale nevím jak to implementovat, co instalovat a nebo kde to zapnout. díky předem za jakoukoliv odpověď či odkaz na návod. Jirka