Jump to content

gouna

Members
  • Posts

    194
  • Joined

  • Last visited

Everything posted by gouna

  1. Re-bonjour, Il n'y a donc pas moyen d'avoir une image avec fond transparent (PNG) sur sa fiche produit (pour pouvoir insérer un background customisé en CSS par exemple) et de retrouver son image au format JPG avec fond blanc sur google shopping ? Merci.
  2. Enfait c'est OK, les templates des mails sont trop vieux et il y a des règles pour outlook dans les nouveaux templates. J'ai juste repris le template de base des mails de commande, c'est tout bon maintenant !
  3. A prioris, les mails issus de modules tiers (Ask about product) et les mails issus du module ps_reminder (relance client) sont concernés. Voici par exemple le fichier mail html du module Ask about product : <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/> <title>Message from {shop_name}</title> <style> /****** responsive ********/ @media only screen and (max-width: 300px) { body { width: 218px !important; margin: auto !important; } .table { width: 195px !important; margin: auto !important; } .logo, .titleblock, .linkbelow, .box, .footer, .space_footer { width: auto !important; display: block !important; } span.title { font-size: 20px !important; line-height: 23px !important } span.subtitle { font-size: 14px !important; line-height: 18px !important; padding-top: 10px !important; display: block !important; } td.box p { font-size: 12px !important; font-weight: bold !important; } .table-recap table, .table-recap thead, .table-recap tbody, .table-recap th, .table-recap td, .table-recap tr { display: block !important; } .table-recap { width: 200px !important; } .table-recap tr td, .conf_body td { text-align: center !important; } .address { display: block !important; margin-bottom: 10px !important; } .space_address { display: none !important; } } @media only screen and (min-width: 301px) and (max-width: 500px) { body { width: 308px !important; margin: auto !important; } .table { width: 285px !important; margin: auto !important; } .logo, .titleblock, .linkbelow, .box, .footer, .space_footer { width: auto !important; display: block !important; } .table-recap table, .table-recap thead, .table-recap tbody, .table-recap th, .table-recap td, .table-recap tr { display: block !important; } .table-recap { width: 293px !important; } .table-recap tr td, .conf_body td { text-align: center !important; } } @media only screen and (min-width: 501px) and (max-width: 768px) { body { width: 478px !important; margin: auto !important; } .table { width: 450px !important; margin: auto !important; } .logo, .titleblock, .linkbelow, .box, .footer, .space_footer { width: auto !important; display: block !important; } } /* Mobile */ @media only screen and (max-device-width: 480px) { body { width: 308px !important; margin: auto !important; } .table { width: 285px; margin: auto !important; } .logo, .titleblock, .linkbelow, .box, .footer, .space_footer { width: auto !important; display: block !important; } .table-recap { width: 285px !important; } .table-recap tr td, .conf_body td { text-align: center !important; } .address { display: block !important; margin-bottom: 10px !important; } .space_address { display: none !important; } } </style> </head> <body style="background-color:#fff;width:650px;font-family:Open-sans, sans-serif;color:#555454;font-size:13px;line-height:18px;margin:auto"> <table class="table table-mail" style="width:100%;margin-top:10px;-moz-box-shadow:0 0 5px #afafaf;-webkit-box-shadow:0 0 5px #afafaf;-o-box-shadow:0 0 5px #afafaf;box-shadow:0 0 5px #afafaf;filter:progid:DXImageTransform.Microsoft.Shadow(color=#afafaf,Direction=134,Strength=5)"> <tr> <td class="space" style="width:20px;border:none;padding:7px 0">&nbsp;</td> <td align="center" style="border:none;padding:7px 0"> <table class="table" style="width:100%;background-color:#fff"> <tr> <td align="center" class="logo" style="border-bottom:4px solid #333!important;border:none;padding:7px 0"> <a title="{shop_name}" href="{shop_url}" style="color:#337ff1"> <img src="{shop_logo}" alt="{shop_name}"/> </a> </td> </tr> <tr> <td align="center" class="titleblock" style="border:none;padding:7px 0"> <span class="title" style="font-weight:500;font-size:28px;text-transform:uppercase;line-height:33px">Hi,</span><br/> </td> </tr> <tr> <td class="space_footer" style="padding:0!important;border:none">&nbsp;</td> </tr> <tr> <td class="box" style="background-color:#fbfbfb;border:1px solid #d6d4d4!important;padding:10px!important"> <p style="margin:3px 0 7px;text-transform:uppercase;font-weight:500;font-size:18px;border-bottom:1px solid #d6d4d4!important;padding-bottom:10px"> New inquiry about <a href="{productLink}" target="_blank"><strong>{product}</strong></a></p><br/>Phone: {phone}<br/>Email: {customerMail}<br/><br/> <blockquote> {question} </blockquote> </td> </tr> <tr> <td class="space_footer" style="padding:0!important;border:none">&nbsp;</td> </tr> <tr> <td class="footer" style="border-top:4px solid #333!important;border:none;padding:7px 0"> <span><a href="{shop_url}" style="color:#337ff1">{shop_name}</a></span> </td> </tr> </table> </td> <td class="space" style="width:20px;border:none;padding:7px 0">&nbsp;</td> </tr> </table> </body> </html>
  4. Bonjour, Je suis confronté à un problème assez ... retournant .... Certains mails de ma boutiques sont tout simplement retournée de 180 degrés, et affichés en minuscule, uniquement sur mobile (j'utilise outlook). Cela ne concerne pas tous les mails, par exemple les mails de confirmation de commande ne sont pas affectés, mais les mails de relance pour panier abandonné oui. Sur PC : cela semble ok (bon, à revoir les règles css car les alignements sont mauvais !) Sur mobile, la cata totale !! : Avez-vous déjà eu ce genre de problème ? Cordialement.
  5. 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!!
  6. 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 !!
  7. 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 !!
  8. 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 🙂
  9. 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 !
  10. 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.
  11. 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 !
  12. 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.
  13. 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.
  14. 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.
  15. Hello ! Can you share your code? Thank you so much ! Guillaume.
  16. 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
  17. Je viens de corriger mon premier message pour qu'il soit plus clair, merci.
  18. 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
  19. 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.
  20. 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
  21. Je pense avoir trouvé, problème apparemment résolu en ajoutant : overflow: hidden; dans "main"
×
×
  • Create New...

Important Information

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