Jump to content

gouna

Members
  • Posts

    190
  • Joined

  • Last visited

Everything posted by gouna

  1. Hi ! I just tested this code on my prestashop. But the focus is not triggered and the request is launched. I must have made a mistake ... input.form-control.search-widget__input-right { width: 0; min-width: inherit; padding: 10px 10px 10px 20px; border: none; background: none; float: right; transition: width .4s ease-in-out; -webkit-transition: width .4s ease-in-out; } input.form-control.search-widget__input-right:focus { width: 100%; border: 1px solid #cfcfcf; border-radius: 40px; font-size: 14px; height: 34px; color: #535252; background: #fff; } and <!-- Block search module TOP --> <form method="get" action="{$search_controller_url}" class="search-widget" data-search-widget data-search-controller-url="{$search_controller_url}"> <input type="hidden" name="controller" value="search"> <div class="search-widget__group"> <input class="form-control search-widget__input-right" type="text" name="s" value="{$search_string}" placeholder="{l s='Search our catalog' d='Shop.Theme.Catalog'}" aria-label="{l s='Search' d='Shop.Theme.Catalog'}"> <button type="submit" class="search-widget__btn btn btn-link" onmouseover="setFocus()"> <i class="material-icons search">&#xE8B6;</i> <span class="d-none">{l s='Search' d='Shop.Theme.Catalog'}</span> </button> </div> </form> <!-- /Block search module TOP --> <script> function setFocus() { document.getElementById("input.form-control.search-widget__input-right").focus(); } </script> My search div is : <div class="search-widget__group"> <input class="form-control search-widget__input-right" type="text" name="s" value="" placeholder="Rechercher" aria-label="Rechercher" autocomplete="off"> <button type="submit" class="search-widget__btn btn btn-link" onmouseover="setFocus()"> <i class="material-icons search"></i> <span class="d-none">Rechercher</span> </button> </div> Thanks!!
  2. Je viens de modifier ma façon de faire, l'affichage semble correct, je voudrais savoir si ma méthode est bonne ou si elle risque de provoquer un crash . J'ai donc recommencé depuis zéro en modifiant uniquement ces fichiers : 1) category-header.tpl = commenter la partie faisant référence au titre des catégories <div class="block-category card-block visible--desktop"> {*<div id="_desktop_category_header"> <h1 class="h1">{$category.name}{if isset($smarty.get.page) && $smarty.get.page > 1} <span class="small"> - Page {$smarty.get.page}</span>{/if}</h1> </div>*} {if ($category.description || $category.image.large.url) && $listing.pagination.items_shown_from == 1} <div class="d-flex"> {if $category.description} <div id="category-description" class="text-muted">{$category.description nofilter}</div> {/if} {if $category.image.large.url} <div class="category-cover"> <img src="{$category.image.large.url}" class="lazyload" alt="{if !empty($category.image.legend)}{$category.image.legend}{else}{$category.name}{/if}"> </div> {/if} </div> {/if} </div> <div class="_mobile_category_header"></div> 2) layout-both-columns.tpl = ajouté une condition pour que la div faisant référence au titre des catégories ne s'affiche que sur les pages category <div id="page_banner_container_1" class="breadcrumb_wrapper "> <div class="container"> {*début mod*} {if $page.page_name == 'category'} <div class="name_category"> <h1 class="h1">{$category.name}{if isset($smarty.get.page) && $smarty.get.page > 1} <span class="small"> - Page {$smarty.get.page}</span>{/if}</h1> </div> {/if}{*fin mod*} {block name='breadcrumb'} {include file='_partials/breadcrumb.tpl'} {/block} </div> </div> Est-ce correct selon vous? Aussi, est-ce que je peux laisser la balise H1 pour les titres de catégorie ? Merci !!
  3. Bonjour, J'essaye de déplacer le titre de mes catégories dans mon Breacrumb. Cela fonctionne pour toutes les pages SAUF les pages produit, il y a un blocage total de l'affichage de la page (la page ne se charge pas en dessous du breadcrumb). Ce que j'ai fait : 1) fichier category-header.tpl = j'ai commenté la div faisant référence au H1 <div class="block-category card-block visible--desktop"> {*<div id="_desktop_category_header"> <h1 class="h1">{$category.name}{if isset($smarty.get.page) && $smarty.get.page > 1} <span class="small"> - Page {$smarty.get.page}</span>{/if}</h1> </div>*} {if ($category.description || $category.image.large.url) && $listing.pagination.items_shown_from == 1} <div class="d-flex"> {if $category.description} <div id="category-description" class="text-muted">{$category.description nofilter}</div> {/if} {if $category.image.large.url} <div class="category-cover"> <img src="{$category.image.large.url}" class="lazyload" alt="{if !empty($category.image.legend)}{$category.image.legend}{else}{$category.name}{/if}"> </div> {/if} </div> {/if} </div> <div class="_mobile_category_header"></div> 2) fichier breadcrumb.tpl = j'ai inséré la div faisant référence au H1 de la partie catégorie {*début mod*}<div id="_desktop_category_header"> <h1 class="h1">{$category.name}{if isset($smarty.get.page) && $smarty.get.page > 1} <span class="small"> - Page {$smarty.get.page}</span>{/if}</h1> </div>{*fin mod*} <nav data-depth="{$breadcrumb.count}" class="visible"> <ol class="breadcrumb"> {foreach from=$breadcrumb.links item=path name=breadcrumb} {block name='breadcrumb_item'} {if $smarty.foreach.breadcrumb.last} <li class="breadcrumb-item active"> {else} <li class="breadcrumb-item"> <a itemprop="item" href="{$path.url}"> {/if} <span itemprop="name">{$path.title}</span> {if !$smarty.foreach.breadcrumb.last} </a> {/if} </li> {/block} {/foreach} </ol> </nav> Je suppose que le blocage est du au fait que la div H1 catégorie entre en conflit avec le H1 produit ? Y aurait-il un moyen simple d'afficher le nom des catégories dans mon breadcrumb sur toutes les pages sauf les pages produits ? Merci !!
  4. Merci pour l'info, en testant le {else} à la place du premier {/if} on obtient une erreur 500 <label for="field-{$field.id_customization_field}"> {$field.label}{if $field.required}<small class="texte-requis"> ({l s='Requis' d='Shop.Forms.Labels'})</small>{else} {if !$field.required}<small class="text-muted"> ({l s='Optional' d='Shop.Forms.Labels'})</small>{/if}</label> J'ai peut-être fait une grossière erreur 🙂 Sinon avec les 2 if cela fonctionne correctement, merci 🙂
  5. Le code donné rendait une erreur 500, je l'ai modifié comme ceci : <label for="field-{$field.id_customization_field}"> {$field.label}{if $field.required}<small class="texte-requis"> ({l s='Requis' d='Shop.Forms.Labels'})</small>{/if} {if !$field.required}<small class="text-muted"> ({l s='Optional' d='Shop.Forms.Labels'})</small>{/if}</label> Cela semble fonctionner ! Merci !
  6. Bonjour, Pour les champs non obligatoires, on a : <small class="text-muted"> (En option)</small> Pour les éléments obligatoire par contre on a rien de spécial, il y a peut-être moyen de modifier cela dans le tpl, mais j'ai peur que l'ajout d'une class et d'un texte (Obligatoire) s'affiche sur tous les champs... Dans le product-customization.tpl : <label for="field-{$field.id_customization_field}"> {$field.label}{if !$field.required}<small class="text-muted"> ({l s='Optional' d='Shop.Forms.Labels'})</small>{/if}</label> L'idée serait d'afficher un texte en cas de customisation obligatoire.
  7. Bonjour, J'ai un petit soucis avec mes options de personnalisation. En effet, lorsqu'un champ de personnalisation est obligatoire, il n'y a aucune mention entre parenthèse, et le texte est de la même couleur, ce qui me semble peu pertinent pour faire ressortir le caractère obligatoire. J'aimerais si possible que le texte "Prénom" dans l'exemple soit coloré, et qu'il y ai un ajout entre parenthèse (Obligatoire); comme c'est le cas pour (En option). Voici un exemple de produit concerné : https://gounacreations.com/mug/1214-mug-prenom-indien-enfant.html Merci beaucoup !
  8. Bonjour, J'ai pu remonter à 205 articles au lieu de 9, en désactivant / réactivant tous mes produits. Mais il m'en reste 150 pour lesquels la synchronisation échoue. Sans compter que pour certains, c'est le prix HT qui est affiché, etc... Usine à gaz.
  9. Tout à fait! Ce module est gratuit par contre (enfin, en ce moment), mais force est de constater que le fonctionnement est aléatoire. Eventuellement, si vous avez un module fonctionnel d'exportation du catalogue Prestashop vers la boutique Facebook, je suis intéressé, car depuis X mois je ne parvient pas à relancer mon activité via ce biais. Cordialement.
  10. Bonjour, J'ai exactement le même soucis. Ma synchronisation ne s'effectue pas correctement, et je n'ai plus que 8 produits envoyés vers facebook actuellement (sur plus de 300). Même erreur : Id_Retailer spécifié inexistant. J'attends un retour de l'équipe de développement depuis 15 jours, en vain. Ps : mon problème existe depuis le départ.
  11. Hello ! Can you share your code? Thank you so much ! Guillaume.
  12. Bonjour, Je viens de remarquer un problème sur mon site, lié au zoom sur les images des fiches produits. En effet, si je choisi un produit avec déclinaisons, que je change la déclinaison et que je clique sur la "loupe" de zoom pour agrandir l'image, parfois, le pop-up contenant l'image disparait, et la page reste bloquée sur un écran grisé. Exemple : choisir la taille "9-12", puis zoomer sur l'image, puis choisir taille "12-18", zoomer sur l'image = bug Est-ce qu'une personne pourrait tester cela de chez elle voir si le soucis vient de moi ou de mon template ? Merci beaucoup... Voici le lien de mes produits avec déclinaison : https://gounacreations.com/54-body-bebe
  13. Je viens de corriger mon premier message pour qu'il soit plus clair, merci.
  14. Bonjour, Concernant mes travaux sur mon thème (je travaille sur une base de BLCK), je cherche un moyen de modifier le comportement du champs de recherche. J'aimerais pouvoir afficher uniquement une icone de type "Loupe", et faire apparaitre un champs de recherche lorsqu'on clique sur cette icone. Pour ce faire j'ai reproduit un bout de code en css sur ce thème : https://addons.prestashop.com/demo/FO19813.html Donc voici le css que j'ai ajouté : input.form-control.search-widget__input-right { width: 0; min-width: inherit; padding: 10px 10px 10px 20px; border: none; background: none; float: right; transition: width .4s ease-in-out; -webkit-transition: width .4s ease-in-out; } input.form-control.search-widget__input-right:focus { width: 100%; border: 1px solid #cfcfcf; border-radius: 40px; font-size: 14px; height: 34px; color: #535252; background: #fff; } Avec çà, j'ai bien uniquement mon icone de recherche qui est apparent, puis lors du click, la zone de texte s'affiche... Sauf que, dans mon cas, quand on clique sur l'icone de recherche, cela exécute la requête. Sur le thème dont j'ai reproduit le code css : https://addons.prestashop.com/demo/FO19813.html ; le clique sur l'icone de recherche permet juste de passer le champs en "Focus" et donc de l'afficher, mais tant qu'il n'y a pas de texte dans la zone de texte, le clique sur l'icone ne déclenche pas la requête. J'aimerais reproduire ce comportement sur mon site, mais mes compétences s'arrêtent là. Quelqu'un pourrait-il m'aiguiller? Merci Ps: voici mon site en cours de travaux, le bout de css n'est pas appliqué actuellement : gounacreations.com
  15. Bonjour, c'est très embêtant ce bug. Je n'avais jamais rencontré çà lorsque que ma boutique était en 1.6. Après ma migration en 1.7 j'ai eu quelques commandes qui ne sont déroulées sans bug également.
  16. Bonjour, Je me permets de remonter ce sujet, je viens d'avoir le même problème sur une commande. La cliente a le choix entre 2 transporteurs : La Poste (transporteur créé, je n'utilise pas le module) et Mondial Relay (module actif). Je n'avais jamais eu ce soucis avant, mais voici ce qu'il se passe : La cliente à choisi "La Poste", et lorsque j'ai voulu insérer le numéro de suivi, le montant des frais de port à augmenté, et le message suivant est apparu : "Attention 17,25 € payé au lieu de 18,89 €" Cela n'apparait heureusement pas sur la facture par contre ! Merci par avance si une solution existe pour régler ce problème. Ps : je suis sous PS 1.7.6.8
  17. Je pense avoir trouvé, problème apparemment résolu en ajoutant : overflow: hidden; dans "main"
  18. Bonjour, Je suis en train de re-travailler sur le visuel de mon site. Actuellement j'ai des cadres "border" qui me servent à compartimenter mes blocs (description, personnalisation, etc etc). Je voudrais passer à un système plus moderne en utilisant uniquement les couleurs de background. Pour "colorier" les côtés droit et gauche, afin d'avoir une coloration sur toute la largeur de mes blocs, j'utilise les :before et :after. Or j'ai un problème sur le :after, mon background dépasse les limites de l'écran. .tabs.product-tabs .tab-content:after { left: 100%; } .tabs.product-tabs .tab-content:before { right: 100%; } .tabs.product-tabs .tab-content:after, .tabs.product-tabs .tab-content:before { position: absolute; content: ""; background: #ececec; top: 0; bottom: 0; width: 100%; z-index: -1; } Y aurait-il une solution? Voici l'url : https://gounacreations.com/mug/1262-mug-photo-personnalise.html Merci par avance. Cordialement
  19. J'ai tenté une régénération de mes images en forçant JPEG, mais j'ai eu une belle erreur 503 et mes images sont disparues. Du coup upload de mon dossier img/p sauvegardé. Je vais refaire tous mes visuels un par un, ca ne fera que 4 fois en 2 ans haha.
  20. Bonjour, Je pense avoir fait une erreur, j'ai uploadé toutes mes images produit en PNG avec fond transparent. Je viens de me rendre compte que mes annonces google shopping ont un fond noir derrière l'image, mais pas sur toutes les annonces (alors que toutes mes images sont au format PNG avec un fond transparent). Est-ce que je suis bon pour convertir toutes mes images et de modifier chaque fiche produit une par une? Merci. PS : je suis sous PS 1.7
×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More