Défilement fenêtre anormale

  • Posts: 364
  • Thank you received: 16
  • Hikashop Business
9 years 4 months ago #179702

-- HikaShop version -- : 2.3.4
-- Joomla version -- : 3.3.6

Bonjour,
j’ai un défilement anormal de la fenêtre au moment de sélectionner la méthode de payement.
Juste après la sélection j’ai l’ascenseur de la fenêtre qui défile vers le bas ce qui a comme conséquence de cacher le bloc contenant les infos, c’est ennuyant. Le problème est présent sur tous les navigateurs.
Est-ce une règle CSS qui gère ce comportement?
Puisqu’une image vaut mieux qu’un long discours, voici une petite vidéo du problème.

Merci.

Please Log in or Create an account to join the conversation.

  • Posts: 25994
  • Thank you received: 4004
  • MODERATOR
9 years 4 months ago #179733

Bonjour,

Vous devez faire un override pour la vue "checkout | shipping" afin de supprimer ces deux lines

if($this->config->get('auto_submit_methods',1) && empty($checked))
	$checked.=' onclick="this.form.action=this.form.action+\'#hikashop_shipping_methods\';this.form.submit(); return false;"';
Ainsi, l'auto-submit ne rajoutera pas l'ancre.
Ce système permet de se re-position à l'étape ou vous étiez, c'est surtout très pratique quand vous avez un checkout avec toutes les étapes dans le même écran.

Cordialement,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 364
  • Thank you received: 16
  • Hikashop Business
9 years 4 months ago #179756

Bonjour,
… même en supprimant les deux lignes les problème persiste :huh:

Please Log in or Create an account to join the conversation.

  • Posts: 25994
  • Thank you received: 4004
  • MODERATOR
9 years 4 months ago #179778

Bonjour,

Oui en même temps je vous ai fait modifier la vue "shipping" alors que vous parliez du paiement.
Il faut donc faire la "même chose" (enfin très similaire) pour la vue "chekout | payment".

if($this->config->get('auto_submit_methods',1) && empty($method->ask_cc) && empty($method->custom_html) && empty($checked)){
	$checked.=' onclick="this.form.action=this.form.action+\'#hikashop_payment_methods\';this.form.submit(); return false;"';
}
Attention, ce deux est présent deux fois dans la vue ; car il y a le code HTML pour le design compatible bootstrap et le design classique.

Cordialement,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.
The following user(s) said Thank You: kilou

Please Log in or Create an account to join the conversation.

  • Posts: 364
  • Thank you received: 16
  • Hikashop Business
9 years 4 months ago #179830

… merci… que ferions-nous sans votre support :whistle:

Please Log in or Create an account to join the conversation.

  • Posts: 364
  • Thank you received: 16
  • Hikashop Business
9 years 4 months ago #179943

Bonjour,
je reviens sur ce message parce que je viens de remarquer que depuis la modification du code j'ai une anomalie de fonctionnement par rapport au bouton de validation, au moment du choix du payement je dois appuyer deux fois sur le bouton "Valider" afin que la commande soit acceptée, comment éviter cela? Merci.

Please Log in or Create an account to join the conversation.

  • Posts: 12953
  • Thank you received: 1778
9 years 4 months ago #180004

Bonjour,
Pouvez vous vérifier si vous avez bien l'option "Auto submit shipping and payment methods selection" initialisée à YES via "Hikashop->System->Configuration->Checkout" ?

Please Log in or Create an account to join the conversation.

  • Posts: 364
  • Thank you received: 16
  • Hikashop Business
9 years 4 months ago #180059

Bonjour,
oui l'option est bien réglée sur "oui"

Last edit: 9 years 4 months ago by kilou.

Please Log in or Create an account to join the conversation.

  • Posts: 81378
  • Thank you received: 13037
  • MODERATOR
9 years 4 months ago #180088

Plutot que de supprimer tout le code dont Jérome parle dans ses messages, supprimez juste #hikashop_payment_methods et #hikashop_shipping_methods et cela évitera les deux problèmes je pense.

Please Log in or Create an account to join the conversation.

  • Posts: 364
  • Thank you received: 16
  • Hikashop Business
9 years 4 months ago #180142

... pas de changement, il faut toujours cliquer deux fois pour valider la méthode de payement :pinch:

Please Log in or Create an account to join the conversation.

  • Posts: 364
  • Thank you received: 16
  • Hikashop Business
9 years 4 months ago #180500

… désolé, mais j'ai toujours ce problème de double click qui est assez agaçant :dry:

Please Log in or Create an account to join the conversation.

  • Posts: 81378
  • Thank you received: 13037
  • MODERATOR
9 years 4 months ago #180572

Bonjour,

Je ne vous pas comment c'est possible. Merci de fournir tout le code de la vue pour que nous puissions vérifier vos changements.

Please Log in or Create an account to join the conversation.

  • Posts: 364
  • Thank you received: 16
  • Hikashop Business
9 years 4 months ago #180624

Bonjour,
voici le code pour la vue chekout | payment.

<?php
/**
 * @package	HikaShop for Joomla!
 * @version	2.3.4
 * @author	hikashop.com
 * @copyright	(C) 2010-2014 HIKARI SOFTWARE. All rights reserved.
 * @license	GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
 */
defined('_JEXEC') or die('Restricted access');
?>
<?php
if(!empty($this->orderInfos->full_total->prices[0]) && bccomp($this->orderInfos->full_total->prices[0]->price_value_with_tax,0,5)!=0){
	if(!empty($this->methods)){
?>

<div id="hikashop_payment_methods" class="hikashop_payment_methods">
  <fieldset>
    <legend><?php echo JText::_('HIKASHOP_PAYMENT_METHOD');?></legend>
    <?php
		$done = false;
		$row_index=0;
		$auto_select_default = $this->config->get('auto_select_default',2);
		if($auto_select_default==1 && count($this->methods)>1) $auto_select_default=0;
		$odd = 0;

		if(!HIKASHOP_RESPONSIVE) {
?>
    <table class="hikashop_payment_methods_table">
      <?php
			foreach($this->methods as $method){
				$checked = '';
				if(($this->payment_method==$method->payment_type && $this->payment_id==$method->payment_id)|| ($auto_select_default && empty($this->payment_id)&&!$done)){
					$checked = 'checked="checked"';
					$done = true;
				}
				if($this->config->get('auto_submit_methods',1) && empty($method->ask_cc) && empty($method->custom_html) && empty($checked)){
					$checked.=' onclick="this.form.action=this.form.action+\;this.form.submit(); return false;"';
				}
?>
      <tr class="row<?php echo $odd; ?>">
        <td><input class="hikashop_checkout_payment_radio" id="radio_<?php echo $method->payment_type.'_'.$method->payment_id;?>" type="radio" name="hikashop_payment" value="<?php echo $method->payment_type.'_'.$method->payment_id;?>" <?php echo $checked; ?> /></td>
        <td><label for="radio_<?php echo $method->payment_type.'_'.$method->payment_id;?>" style="cursor:pointer;"> <span class="hikashop_checkout_payment_image">
            <?php
				if(!empty($method->payment_images)){
					$images = explode(',',$method->payment_images);
					if(!empty($images)){
						foreach($images as $image){
							if(!empty($this->images_payment[$image])){
?>
            <img src="<?php echo HIKASHOP_IMAGES .'payment/'. $this->images_payment[$image];?>" alt=""/>
            <?php
							}
						}
					}
				}
?>
            </span> </label></td>
        <td><label for="radio_<?php echo $method->payment_type.'_'.$method->payment_id;?>" style="cursor:pointer;"> <span class="hikashop_checkout_payment_name"><?php echo $method->payment_name;?></span></label>
          <span class="hikashop_checkout_payment_cost">
          <?php
				if($method->payment_price != "0"){
					echo $this->currencyHelper->format($method->payment_price,$this->full_total->prices[0]->price_currency_id);
				}
				else
					echo JText::_('FREE_PAYMENT');
?>
          </span>
          <?php
				if(!empty($method->payment_description)){
?>
          <br/>
          <div class="hikashop_checkout_payment_description"><?php echo $method->payment_description;?></div>
          <?php
				}
?></td>
      </tr>
      <tr class="hikashop_checkout_payment_ccinfo">
        <td colspan="3"><?php
				$this->method =& $method;
				$this->setLayout('ccinfo');
				echo $this->loadTemplate();
?></td>
      </tr>
      <?php
				$row_index++;
				$odd = 1-$odd;
			}
?>
    </table>
    <?php
		} else {
?>
    <div class="controls">
      <div class="hika-radio">
        <table class="hikashop_payment_methods_table table table-striped table-hover">
          <?php
	foreach($this->methods as $method){
		$checked = '';
		if(($this->payment_method==$method->payment_type && $this->payment_id==$method->payment_id)|| ($auto_select_default && empty($this->payment_id)&&!$done)){
			$checked = 'checked="checked"';
			$done = true;
		}
		if($this->config->get('auto_submit_methods',1) && empty($method->ask_cc) && empty($method->custom_html) && empty($checked)){
			$checked.=' onclick="this.form.action=this.form.action+\;this.form.submit(); return false;"';
		}
?>
          <tr>
            <td><input class="hikashop_checkout_payment_radio" id="radio_<?php echo $method->payment_type.'_'.$method->payment_id;?>" type="radio" name="hikashop_payment" value="<?php echo $method->payment_type.'_'.$method->payment_id;?>" <?php echo $checked; ?> />
              <label class="btn btn-radio" for="radio_<?php echo $method->payment_type.'_'.$method->payment_id;?>"><?php echo $method->payment_name;?></label>
              <span class="hikashop_checkout_payment_cost">
              <?php
	if($method->payment_price != "0")
		echo $this->currencyHelper->format($method->payment_price,$this->full_total->prices[0]->price_currency_id);
	else
		echo JText::_('FREE_PAYMENT');
?>
              </span> <span class="hikashop_checkout_payment_image">
              <?php
				if(!empty($method->payment_images)){
					$images = explode(',',$method->payment_images);
					if(!empty($images)){
						foreach($images as $image){
							if(!empty($this->images_payment[$image])){
?>
              <img src="<?php echo HIKASHOP_IMAGES .'payment/'. $this->images_payment[$image];?>" alt=""/>
              <?php
							}
						}
					}
				}
?>
              </span>
              <div class="hikashop_checkout_payment_description"><?php echo $method->payment_description;?></div>
              <div class="ccinfo">
                <?php
		$this->method =& $method;
		$this->setLayout('ccinfo');
		echo $this->loadTemplate();
?>
              </div></td>
          </tr>
          <?php
	}
?>
        </table>
      </div>
      <script>
(function($){
	jQuery("#hikashop_payment_methods .hika-radio input[checked=checked]").each(function() {
		jQuery("label[for=" + jQuery(this).attr('id') + "]").addClass('active btn-primary');
	});
	jQuery("#hikashop_payment_methods .hika-radio input").change(function() {
		jQuery(this).parents('div.hika-radio').find('label.active').removeClass('active btn-primary');
		jQuery("label[for=" + jQuery(this).attr('id') + "]").addClass('active btn-primary');
	});
})(jQuery);
</script> 
    </div>
    <?php
	}
?>
  </fieldset>
</div>
<?php
	}
}

Merci

Please Log in or Create an account to join the conversation.

  • Posts: 81378
  • Thank you received: 13037
  • MODERATOR
9 years 4 months ago #180639

Vous avez supprimer le code:
'#hikashop_payment_methods\'

au lieu de supprimer uniquement #hikashop_payment_methods

Merci de suivre nos instructions et cela devrait fonctionner :)

The following user(s) said Thank You: kilou

Please Log in or Create an account to join the conversation.

  • Posts: 364
  • Thank you received: 16
  • Hikashop Business
9 years 4 months ago #180715

… merci :)

Please Log in or Create an account to join the conversation.

Time to create page: 0.092 seconds
Powered by Kunena Forum