HIKASHOP ESSENTIAL 60€The basic version. With the main features for a little shop.
HIKAMARKETAdd-on Create a multivendor platform. Enable many vendors on your website.
HIKASERIALAdd-on Sale e-tickets, vouchers, gift certificates, serial numbers and more!
MARKETPLACEPlugins, modules and other kinds of integrations for HikaShop
-- HikaShop version -- : 6.5
-- Joomla version -- : 6.1
-- PHP version -- : 8.4
Bonjour
À partir d'une vieille version, je repars sur du neuf avec hikashop et joomla
J'ai un champ de type article (item) product_size (bouton radio) requis ! Mais j ai mis aucune valeurs
et un champ de type product product_size_values (case à cocher pointures de 40 à 48)
Message d erreur perso warn_size_choose
or je peux ajouter dans le panier sans choisir de pointure
Et comme je n'ai pas retouché à l'ancien site depuis longtemps, je me demande ce que j'ai raté
Quelle est la condition nécessaire ?
Merci
Please Log in or Create an account to join the conversation.
Bonjour,
J'ai fait un patch qui devrait aider, mais difficile de confirmer sans information exact sur les options de vos champs, ni l'URL de la page en question pour pouvoir étudier la situation.
Cela pourrait également être lié à un ancien override de vue.
Téléchargez le paquet d'installation d'HikaShop sur notre site, et installez le à nouveau sur votre site. Cela ajoutera le patch.
Avant de retester vider le cache du navigateur avec un hard refresh.
Si vous avez toujours le souci, alors il nous faudra plus d'information.
Please Log in or Create an account to join the conversation.
J'ai installé le patch mais ça ne change absolument rien
Et là je n'ai plus aucun overrides
Voici le code du main container
<main id="main">
<div id="hikashop_product_gavara_platine_page" class="hikashop_product_page hikashop_product_of_category_705 hikashop_product_of_category_42 hikashop_product_of_category_43 hikashop_product_of_category_44 hikashop_product_of_category_45 hikashop_product_of_category_46 hikashop_product_of_category_47 hikashop_product_of_category_20 hikashop_product_of_category_1037 hikashop_product_of_category_1031 hikashop_product_of_category_1147 hikashop_product_of_category_1049 hikashop_product_of_category_1145 hikashop_product_of_category_1166 hikashop_product_of_category_507 hikashop_product_of_category_79 hikashop_product_of_category_269 hikashop_product_of_category_254 hikashop_product_of_category_52 hikashop_product_of_category_513 hikashop_product_of_category_802 hikashop_product_of_category_244 hikashop_product_of_category_1082 hikashop_product_of_category_604 hikashop_product_of_category_711 hikashop_product_of_category_518 hikashop_product_of_category_2 hikashop_product_show_default">
<div class="clear_both"></div>
<script type="text/javascript">
function hikashop_product_form_check() {
var d = document, el = d.getElementById('hikashop_product_quantity_main');
if(!el)
return true;
var inputs = el.getElementsByTagName('input');
if(inputs && inputs.length > 0)
return true;
var links = el.getElementsByTagName('a');
if(links && links.length > 0)
return true;
return false;
}
</script>
<form action="/sacapuce/index.php?option=com_hikashop&ctrl=product&task=updatecart" method="post" name="hikashop_product_form" id="hikashop_product_form" onsubmit="return hikashop_product_form_check();" enctype="multipart/form-data">
<input type="hidden" name="cart_type" id="type" value="cart">
<input type="hidden" name="add" value="1">
<input type="hidden" name="ctrl" value="product">
<input type="hidden" name="task" value="updatecart">
<input type="hidden" name="return_url" value="L3NhY2FwdWNlL2luZGV4LnBocD9vcHRpb249Y29tX2hpa2FzaG9wJmN0cmw9Y2hlY2tvdXQ%3D">
</form>
<div id="hikashop_product_top_part" class="hikashop_product_top_part">
<!-- TOP BEGIN EXTRA DATA -->
<!-- EO TOP BEGIN EXTRA DATA -->
<h1>
<!-- NAME -->
<span id="hikashop_product_name_main" class="hikashop_product_name_main">GAVARA platine</span>
<!-- EO NAME -->
<!-- CODE -->
<!-- EO CODE -->
</h1>
<!-- TOP END EXTRA DATA -->
<!-- EO TOP END EXTRA DATA -->
<!-- SOCIAL NETWORKS -->
<div id="hikashop_social" style="text-align:left;"><span class="hikashopsocial_inline hikasocial_btn hikasocial_twitter"><a href="https://twitter.com/intent/tweet?url=http%3A%2F%2F192.168.68.52%3A8888%2Fsacapuce%2F%3Foption%3Dcom_hikashop%26ctrl%3Dproduct%26task%3Dshow%26cid%3D8078%26name%3D8078-mules-tres-grande-pointure-femmes" target="_blank"><span class="hikasocial_icon"><img src="/sacapuce/media/com_hikashop/images/icons/twitter_icon.png"></span><span class="hikasocial_name">Twitter</span></a></span><span class="hikashopsocial_inline hikasocial_btn hikasocial_pintinterest"><a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2F192.168.68.52%3A8888%2Fsacapuce%2F%3Foption%3Dcom_hikashop%26ctrl%3Dproduct%26task%3Dshow%26cid%3D8078%26name%3D8078-mules-tres-grande-pointure-femmes&media=http://192.168.68.52:8888/sacapuce/shoes/thumbnails/100x100/8078-0-mule-plate-synthetique-platine-anatomique-femme-taille-extreme.jpg" target="_blank"><span class="hikasocial_icon"><img src="/sacapuce/media/com_hikashop/images/icons/pintinterest_icon.png"></span><span class="hikasocial_name">Pinterest</span></a></span><span class="hikashopsocial_inline hikasocial_btn fb-share-button hikasocial_facebook " data-href="http://192.168.68.52:8888/sacapuce/"><a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2F192.168.68.52%3A8888%2Fsacapuce%2F%3Foption%3Dcom_hikashop%26ctrl%3Dproduct%26task%3Dshow%26cid%3D8078%26name%3D8078-mules-tres-grande-pointure-femmes&display=page" target="_blank"><span class="hikasocial_icon"><img src="/sacapuce/media/com_hikashop/images/icons/facebook_icon.png"></span><span class="hikasocial_name">Facebook</span></a></span><span class="hikashopsocial_inline hikasocial_btn hikasocial_linkedin"><a href="https://www.linkedin.com/sharing/share-offsite/?url=http%3A%2F%2F192.168.68.52%3A8888%2Fsacapuce%2F%3Foption%3Dcom_hikashop%26ctrl%3Dproduct%26task%3Dshow%26cid%3D8078%26name%3D8078-mules-tres-grande-pointure-femmes" target="_blank"><span class="hikasocial_icon"><img src="/sacapuce/media/com_hikashop/images/icons/linkedin_icon.png"></span><span class="hikasocial_name">Linkedin</span></a></span></div><!-- EO SOCIAL NETWORKS -->
</div>
<div class="hk-row-fluid">
<div id="hikashop_product_left_part" class="hikashop_product_left_part hkc-md-6">
<!-- LEFT BEGIN EXTRA DATA -->
<!-- EO LEFT BEGIN EXTRA DATA -->
<!-- IMAGE -->
<figure class="hk-prod-imgs"><picture><source srcset="/sacapuce/shoes/8078-0-mule-plate-synthetique-platine-anatomique-femme-taille-extreme.webp" type="image/webp"><source srcset="/sacapuce/shoes/8078-0-mule-plate-synthetique-platine-anatomique-femme-taille-extreme.jpg" type="image/jpeg"><img src="/sacapuce/shoes/8078-0-mule-plate-synthetique-platine-anatomique-femme-taille-extreme.jpg" width="1400" height="1400" alt="mules métallisées metallise platine or, chaussures femme grande taille" loading="lazy"></picture><picture><source srcset="/sacapuce/shoes/8078-1-mule-plate-synthetique-platine-anatomique-femme-taille-extreme.webp" type="image/webp"><source srcset="/sacapuce/shoes/8078-1-mule-plate-synthetique-platine-anatomique-femme-taille-extreme.jpg" type="image/jpeg"><img src="/sacapuce/shoes/8078-1-mule-plate-synthetique-platine-anatomique-femme-taille-extreme.jpg" width="1400" height="1400" alt="8078-1-mule-plate-synthetique-platine-anatomique-femme-taille-extreme" loading="lazy"></picture><picture><source srcset="/sacapuce/shoes/8078-3-mule-plate-synthetique-platine-anatomique-femme-taille-extreme.webp" type="image/webp"><source srcset="/sacapuce/shoes/8078-3-mule-plate-synthetique-platine-anatomique-femme-taille-extreme.jpg" type="image/jpeg"><img src="/sacapuce/shoes/8078-3-mule-plate-synthetique-platine-anatomique-femme-taille-extreme.jpg" width="1400" height="1400" alt="8078-3-mule-plate-synthetique-platine-anatomique-femme-taille-extreme" loading="lazy"></picture><picture><source srcset="/sacapuce/shoes/8078-2-mule-plate-synthetique-platine-anatomique-femme-taille-extreme.webp" type="image/webp"><source srcset="/sacapuce/shoes/8078-2-mule-plate-synthetique-platine-anatomique-femme-taille-extreme.jpg" type="image/jpeg"><img src="/sacapuce/shoes/8078-2-mule-plate-synthetique-platine-anatomique-femme-taille-extreme.jpg" width="1400" height="1400" alt="8078-2-mule-plate-synthetique-platine-anatomique-femme-taille-extreme" loading="lazy"></picture><figcaption>mules métallisées metallise platine or, chaussures femme grande taille</figcaption></figure><!-- EO IMAGE -->
<!-- LEFT END EXTRA DATA -->
<!-- EO LEFT END EXTRA DATA -->
</div>
<div id="hikashop_product_right_part" class="hikashop_product_right_part hkc-md-6">
<!-- RIGHT BEGIN EXTRA DATA -->
<!-- EO RIGHT BEGIN EXTRA DATA -->
<!-- VOTE -->
<div id="hikashop_product_vote_mini" class="hikashop_product_vote_mini"></div>
<!-- EO VOTE -->
<!-- PRICE -->
<span id="hikashop_product_price_main" class="hikashop_product_price_main">
<label class="hk-prod-price"><span class="hk-price">55,00 €</span></label> </span>
<!-- EO PRICE -->
<!-- RIGHT MIDDLE EXTRA DATA -->
<!-- EO RIGHT MIDDLE EXTRA DATA -->
<!-- DIMENSIONS -->
<!-- WEIGHT -->
<!-- EO WEIGHT -->
<!-- WIDTH -->
<!-- EO WIDTH -->
<!-- LENGTH -->
<!-- LENGTH -->
<!-- HEIGHT -->
<!-- EO HEIGHT -->
<!-- BRAND -->
<!-- EO BRAND -->
<!-- EO DIMENSIONS -->
<br>
<!-- BUNDLED PRODUCTS -->
<!-- EO BUNDLED PRODUCTS -->
<!-- CHARACTERISTICS -->
<br>
<!-- EO CHARACTERISTICS -->
<!-- OPTIONS -->
<div id="hikashop_product_options" class="hikashop_product_options"><table class="hikashop_product_options_table">
<tbody><tr>
<td class="hikashop_option_image_td">
<a rel="shadowbox" id="hikashop_option_image_'.7663.'_popup" href="/sacapuce/shoes/7663-0-mule-plate-anatomique-croco-platine-marron-femme-taille-extreme.jpg"><img id="hikashop_option_image_7663" src="/sacapuce/shoes/thumbnails/50x50/7663-0-mule-plate-anatomique-croco-platine-marron-femme-taille-extreme.jpg" alt="mules croco marron metallise platine or, chaussures femme grande taille" class="hikashop_options_image"></a> </td>
<td class="hikashop_option_name_td">
<span class="hikashop_option_name">GAVARA or marron<span class="hikashop_option_info" title="Mule de la marque K.DAQUES montée sur une semelle anatomique en liège avec revêtement en daim pour un très bon confort tout au long de la journée. La tige est constituée de 3 brides alternant couleurs et motifs. Deux brides sont de couleur marron à motif serpent en relief, et les autres sont de couleur métallisée platine brossé sur un motif croco en relief. La bride du haut est ajustable par boucle. Disponible en très grandes tailles jusqu'à 47." alt="Information"></span></span>
</td>
<td class="hikashop_option_selector_td"><div class="controls"><div class="form-check form-check-inline"><input type="checkbox" class="form-check-input" name="hikashop_product_option[]" id="hikashop_product_option_07663" value="7663" size="1" data-product-option="0" onchange="hikaProductOptions.change();" form="hikashop_product_form"><label for="hikashop_product_option_07663" class="form-check-label" id="hikashop_product_option_07663-lbl">Oui ( + 45,83 € )</label></div></div></td>
</tr>
</tbody></table>
</div>
<br>
<!-- EO OPTIONS -->
<!-- CUSTOM ITEM FIELDS -->
<div id="hikashop_product_custom_item_info" class="hikashop_product_custom_item_info">
<table class="hikashop_product_custom_item_info_table">
<tbody><tr id="hikashop_item_product_size" class="hikashop_item_product_size_line">
<td class="key">
<span id="hikashop_product_custom_item_name_40" class="hikashop_product_custom_item_name"><label>pointures</label></span>
</td>
<td>
<span id="hikashop_product_custom_item_value_40" class="hikashop_product_custom_item_value"><div class="hkradio"><label for="product_size_42"><input type="radio" name="data[item][product_size]" value="42" id="product_size_42" class="hkform-control" onclick="window.hikashop.toggleField(this,'product_size','item',0);" form="hikashop_product_form"><span>42</span></label></div><div class="hkradio"><label for="product_size_43"><input type="radio" name="data[item][product_size]" value="43" id="product_size_43" class="hkform-control" onclick="window.hikashop.toggleField(this,'product_size','item',0);" form="hikashop_product_form"><span>43</span></label></div><div class="hkradio"><label for="product_size_44"><input type="radio" name="data[item][product_size]" value="44" id="product_size_44" class="hkform-control" onclick="window.hikashop.toggleField(this,'product_size','item',0);" form="hikashop_product_form"><span>44</span></label></div><div class="hkradio"><label for="product_size_45"><input type="radio" name="data[item][product_size]" value="45" id="product_size_45" class="hkform-control" onclick="window.hikashop.toggleField(this,'product_size','item',0);" form="hikashop_product_form"><span>45</span></label></div><div class="hkradio"><label for="product_size_46"><input type="radio" name="data[item][product_size]" value="46" id="product_size_46" class="hkform-control" onclick="window.hikashop.toggleField(this,'product_size','item',0);" form="hikashop_product_form"><span>46</span></label></div><div class="hkradio"><label for="product_size_47"><input type="radio" name="data[item][product_size]" value="47" id="product_size_47" class="hkform-control" onclick="window.hikashop.toggleField(this,'product_size','item',0);" form="hikashop_product_form"><span>47</span></label></div> <span class="hikashop_field_required">*</span></span>
</td>
</tr>
</tbody></table>
</div>
<!-- EO CUSTOM ITEM FIELDS -->
<!-- PRICE WITH OPTIONS -->
<span id="hikashop_product_price_with_options_main" class="hikashop_product_price_with_options_main"><span class="hikashop_option_price_title">Prix avec options:</span> <span class="hikashop_option_price_value">45,83 €</span></span>
<!-- EO PRICE WITH OPTIONS -->
<!-- ADD TO CART BUTTON -->
<div id="hikashop_product_quantity_main" class="hikashop_product_quantity_main"><!-- SALE END MESSAGE -->
<!-- EO SALE END MESSAGE -->
<!-- SALE START MESSAGE -->
<!-- EO SALE START MESSAGE -->
<!-- STOCK MESSAGE -->
<span class="hikashop_product_stock_count">
</span>
<!-- EO STOCK MESSAGE -->
<!-- WAITLIST BUTTON -->
<!-- EO WAITLIST BUTTON -->
<!-- QUANTITY INPUT -->
<!-- EO QUANTITY INPUT -->
<!-- ADD TO CART BUTTON -->
<a class="hk-btn hk-cart" onclick="if(window.hikashop.addToCart) { return window.hikashop.addToCart(this); }" data-addtocart="8078" data-addto-div="hikashop_product_form" data-addto-class="add_in_progress" rel="nofollow" href="/sacapuce/index.php?option=com_hikashop&ctrl=product&task=updatecart&add=1&product_id=8078"><span>Ajouter au panier</span></a>
<!-- EO ADD TO CART BUTTON -->
<!-- WISHLIST BUTTON -->
<!-- EO WISHLIST BUTTON -->
</div>
<div id="hikashop_product_quantity_alt" class="hikashop_product_quantity_main_alt hikashop_alt_hide">
L'ajout au panier apparaîtra après la sélection des valeurs ci-dessus </div>
<!-- EO ADD TO CART BUTTON -->
<!-- CONTACT US BUTTON -->
<div id="hikashop_product_contact_main" class="hikashop_product_contact_main"> </div>
<!-- EO CONTACT US BUTTON -->
<!-- CUSTOM PRODUCT FIELDS -->
<div id="hikashop_product_custom_info_main" class="hikashop_product_custom_info_main">
<h4>Spécifications</h4>
<table class="hikashop_product_custom_info_main_table">
<tbody><tr class="hikashop_product_custom_product_semelle_line">
<td class="key">
<span id="hikashop_product_custom_name_20" class="hikashop_product_custom_name">
<label>semelle</label> </span>
</td>
<td>
<span id="hikashop_product_custom_value_20" class="hikashop_product_custom_value">
compensee liege </span>
</td>
</tr>
<tr class="hikashop_product_custom_product_semelle_int_line">
<td class="key">
<span id="hikashop_product_custom_name_21" class="hikashop_product_custom_name">
<label>semelle int.</label> </span>
</td>
<td>
<span id="hikashop_product_custom_value_21" class="hikashop_product_custom_value">
cuir </span>
</td>
</tr>
<tr class="hikashop_product_custom_product_doublure_line">
<td class="key">
<span id="hikashop_product_custom_name_22" class="hikashop_product_custom_name">
<label>doublure</label> </span>
</td>
<td>
<span id="hikashop_product_custom_value_22" class="hikashop_product_custom_value">
autre matériau </span>
</td>
</tr>
<tr class="hikashop_product_custom_product_dessus_line">
<td class="key">
<span id="hikashop_product_custom_name_23" class="hikashop_product_custom_name">
<label>dessus</label> </span>
</td>
<td>
<span id="hikashop_product_custom_value_23" class="hikashop_product_custom_value">
autre matériau </span>
</td>
</tr>
<tr class="hikashop_product_custom_product_talon_line">
<td class="key">
<span id="hikashop_product_custom_name_25" class="hikashop_product_custom_name">
<label>talon</label> </span>
</td>
<td>
<span id="hikashop_product_custom_value_25" class="hikashop_product_custom_value">
15 mm </span>
</td>
</tr>
<tr class="hikashop_product_custom_product_talep_line">
<td class="key">
<span id="hikashop_product_custom_name_26" class="hikashop_product_custom_name">
<label>épaisseur talon</label> </span>
</td>
<td>
<span id="hikashop_product_custom_value_26" class="hikashop_product_custom_value">
compense </span>
</td>
</tr>
<tr class="hikashop_product_custom_product_chaussant_line">
<td class="key">
<span id="hikashop_product_custom_name_27" class="hikashop_product_custom_name">
<label>chaussant</label> </span>
</td>
<td>
<span id="hikashop_product_custom_value_27" class="hikashop_product_custom_value">
Chaussant normal </span>
</td>
</tr>
</tbody></table>
</div>
<!-- EO CUSTOM PRODUCT FIELDS -->
<!-- TAGS -->
<div id="hikashop_product_tags_main" class="hikashop_product_tags"></div>
<!-- EO TAGS -->
<!-- RIGHT END EXTRA DATA -->
<!-- EO RIGHT END EXTRA DATA -->
<span id="hikashop_product_id_main" class="hikashop_product_id_main">
<input type="hidden" name="product_id" value="8078" form="hikashop_product_form">
</span>
</div>
</div>
<!-- END GRID -->
<div id="hikashop_product_bottom_part" class="hikashop_product_bottom_part">
<!-- BOTTOM BEGIN EXTRA DATA -->
<!-- EO BOTTOM BEGIN EXTRA DATA -->
<!-- DESCRIPTION -->
<div id="hikashop_product_description_main" class="hikashop_product_description_main"><p>Mule de la marque K.DAQUES montée sur une semelle anatomique en liège avec revêtement en daim pour un très bon confort tout au long de la journée. La tige est constituée de 3 brides métallisées platine avec un motif de tissu imprimé en relief. La bride du haut est ajustable par boucle. Disponible en très grandes tailles jusqu'à 47.</p></div>
<!-- EO DESCRIPTION -->
<!-- MANUFACTURER URL -->
<span id="hikashop_product_url_main" class="hikashop_product_url_main"></span>
<!-- EO MANUFACTURER URL -->
<!-- FILES -->
<div id="hikashop_product_files_main" class="hikashop_product_files_main">
</div>
<!-- EO FILES -->
<!-- BOTTOM MIDDLE EXTRA DATA -->
<!-- EO BOTTOM MIDDLE EXTRA DATA -->
<!-- BOTTOM END EXTRA DATA -->
<!-- EO BOTTOM END EXTRA DATA -->
</div>
<input type="hidden" name="hikashop_price_product" value="8078" form="hikashop_product_form">
<input type="hidden" id="hikashop_price_product_8078" value="45.83" form="hikashop_product_form">
<input type="hidden" id="hikashop_price_product_with_options_8078" value="45.83" form="hikashop_product_form">
<div class="hikashop_submodules" id="hikashop_submodules" style="clear:both">
<nav id="menu-collections" class="menu-link"><a href="/sacapuce/index.php?option=com_hikashop&amp;view=product&amp;layout=listing&amp;Itemid=433">Ballerines plates et talons</a><a href="/sacapuce/index.php?option=com_hikashop&amp;view=product&amp;layout=listing&amp;Itemid=434">Bottes et bottines</a><a href="/sacapuce/index.php?option=com_hikashop&amp;view=product&amp;layout=listing&amp;Itemid=435">Escarpins habillés</a><a href="/sacapuce/index.php?option=com_hikashop&amp;view=product&amp;layout=listing&amp;Itemid=436">Mocassins confort</a><a href="/sacapuce/index.php?option=com_hikashop&amp;view=product&amp;layout=listing&amp;Itemid=441">sandales habillées</a><a href="/sacapuce/index.php?option=com_hikashop&amp;view=product&amp;layout=listing&amp;Itemid=438">Sandalettes sabots</a><a href="/sacapuce/index.php?option=com_hikashop&amp;view=product&amp;layout=listing&amp;Itemid=439">Sportswear et Derbies</a><a href="/sacapuce/index.php?option=com_hikashop&amp;view=product&amp;layout=listing&amp;Itemid=440">Trotteurs ville détente</a></nav> </div>
<div class="hikashop_external_comments" id="hikashop_external_comments" style="clear:both">
</div>
</div>
<!-- HikaShop Component powered by http://www.hikashop.com -->
<!-- version Business : 6.5.0 [2606191011] -->
</main>Please Log in or Create an account to join the conversation.
Les deux champs export en pdf que j ai mis en lien car ça ne marche pas en attachement
Product size values
Product size
Please Log in or Create an account to join the conversation.
Bonjour,
Le code confirme que la modification a été prise en compte sur le site.
Les captures d'écran des paramètres n'ont pas permis de reproduire le problème de notre coté.
Malheureusement, je ne peux pas en dire plus.
Il faudrait mettre le site en accessible pour que je puisse étudier le problème de plus près car je ne vois pas d'où ça pourrait venir d'autre et je n'arrive pas à reproduire.
Please Log in or Create an account to join the conversation.
Je viens de voir que le message apparaît avec l'ajout au panier, sans toutefois l'ajouter au panier, mais il est complètement collé en haut à droite et reste peu de temps
Je ne trouve errormessage que dans /com_hikashop/controllers/cart,php
Il génère ça avec le css dans WordPress.css ?!
<div class="notifyjs-corner" style="top: 0px; right: 0px;">
<div class="notifyjs-wrapper notifyjs-hidable">
<div class="notifyjs-arrow"></div>
<div class="notifyjs-container" style="">
<div class="notifyjs-metro-base notifyjs-metro-error">
<div class="image" data-notify-html="image"><img
src="/shoes/thumbnails/700x700/7871-0-bottine-synthetique-bleu-plate-mustang-femme-grande-taille.jpg"
alt=""></div>
<div class="text-wrapper">
<div class="title" data-notify-html="title">AMBER multi-bleu</div>
<div class="text" data-notify-html="text">Choisissez une pointure</div>
</div>
</div>
</div>
</div>
</div>Please Log in or Create an account to join the conversation.
Bonjour,
Déjà une bonne nouvelle : le patch fonctionne, votre champ obligatoire bloque bien l'ajout au panier (le message s'affiche et le produit n'est pas ajouté), ce qui était l'objectif de départ.
Pour le message lui-même : c'est une notification notify.js. Sur Joomla, son apparence (position, style, durée d'affichage) vient du fichier media/com_hikashop/css/notify-metro.css, et non de wordpress.css. Le fichier wordpress.css n'est chargé que sur WordPress (il contient juste, en plus, une règle pour décaler les notifications sous la barre d'admin de WordPress), donc sur votre site Joomla ce n'est pas lui qui agit : d'où votre surprise de le voir mentionner notifyjs.
S'il apparaît collé en haut à droite, sans mise en forme et très brièvement, c'est que notify-metro.css n'est pas appliqué sur la page : le script de notification s'exécute, mais sans sa feuille de style. À vérifier :
- le réglage load_css dont on a parlé dans votre autre sujet : à 0, notify-metro.css n'est plus chargé non plus, car il l'est en même temps que les autres CSS de HikaShop ;
- ou un plugin d'optimisation/minification CSS qui retirerait ce fichier.
Pour personnaliser la position ou l'apparence de la notification, c'est donc media/com_hikashop/css/notify-metro.css qu'il faut regarder (ou surcharger).
Please Log in or Create an account to join the conversation.
Il y a pourtant dans le head en dur :
</style><style type="text/css" id="notify-metro">.notifyjs-metro-error {
color: #a94442 !important;
background-color: #f2dede;
border: 1px solid #ebccd1;
}
.notifyjs-metro-success {
color: #3c763d !important;
background-color: #dff0d8;
border: 1px solid #d6e9c6;
}
.notifyjs-metro-info {
color: #31708f !important;
background-color: #d9edf7;
border: 1px solid #bce8f1;
}
.notifyjs-metro-warning {
color: #8a6d3b !important;
background-color: #fcf8e3;
border: 1px solid #faebcc;
}
.notifyjs-metro-black {
color: #fafafa !important;
background-color: #333;
border: 1px solid #000;
}
.notifyjs-metro-white {
background-color: #f1f1f1;
border: 1px solid #ddd;
}
</style><style type="text/css" id="notify-metro-lite">.notifyjs-metro-lite-error {
color: #a94442 !important;
background-color: #f2dede;
border: 1px solid #ebccd1;
}
.notifyjs-metro-lite-success {
color: #3c763d !important;
background-color: #dff0d8;
border: 1px solid #d6e9c6;
}
.notifyjs-metro-lite-info {
color: #31708f !important;
background-color: #d9edf7;
border: 1px solid #bce8f1;
}
.notifyjs-metro-lite-warning {
color: #8a6d3b !important;
background-color: #fcf8e3;
border: 1px solid #faebcc;
}
.notifyjs-metro-lite-black {
color: #fafafa !important;
background-color: #333;
border: 1px solid #000;
}
.notifyjs-metro-lite-white {
background-color: #f1f1f1;
border: 1px solid #ddd;
}
</style>Please Log in or Create an account to join the conversation.
Bonjour,
Oui, et c'est normal qu'il reste là même après avoir désactivé les CSS : ce bloc style id="notify-metro" n'est pas un fichier CSS et n'est pas rajouté par le PHP d'HikaShop.
Il est injecté directement dans la page par le script de notification (notify.js , la librairie que nous utilisons pour le système de boite de notification). Le réglage load_css ne retire que les fichiers CSS (les balises link) ; il ne touche pas aux styles qu'un script écrit lui-même dans le head. C'est pour ça qu'il est toujours là « en dur ».
Et ce bloc ne contient que les couleurs (.notifyjs-metro-error / success / info / warning). Toute la mise en forme de la notification (la boîte, les marges, le positionnement de l'icône, l'habillage du texte) est, elle, dans un fichier séparé chargé via une balise link : notify-metro.css. Ce fichier-là, en revanche, est bien retiré quand les CSS de HikaShop sont désactivées (load_css), ou par un plugin d'optimisation/minification.
D'où ce que vous voyez : les couleurs restent (injectées par le script) mais la mise en forme a disparu (notify-metro.css non chargé), ce qui donne une notification colorée mais sans habillage et collée dans le coin.
Donc :
- pour qu'elle s'affiche correctement, il faut laisser notify-metro.css se charger (réactiver les CSS, ou ne réautoriser que ce fichier / ses règles) ;
- pour la faire disparaître complètement, c'est le script de notification qu'il ne faut plus charger, ce qui désactive la notification elle-même.
- pour la personnalisé, vous pouvez rajouter du CSS similaire dans votre template avec !important si besoin pour override le CSS de la librairie.
(L'affichage très bref est, lui, le comportement normal de notify.js : masquage automatique, et paramètrables dans les options du plugin HikaShop cart notification)
Please Log in or Create an account to join the conversation.
