Défilement fenêtre anormale

kilou
Topic Author
Offline

11 years 10 months ago #179702 by kilou

Défilement fenêtre anormale was created by kilou

-- 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.

Jerome
Offline
HikaShop core developer

11 years 10 months ago #179733 by Jerome

Replied by Jerome on topic Défilement fenêtre anormale

Bonjour,

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

Code:

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.

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

kilou
Topic Author
Offline

11 years 10 months ago #179756 by kilou

Replied by kilou on topic Défilement fenêtre anormale

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

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

Jerome
Offline
HikaShop core developer

11 years 10 months ago #179778 by Jerome

Replied by Jerome on topic Défilement fenêtre anormale

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".

Code:

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.

The following user(s) said Thank You: kilou

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

kilou
Topic Author
Offline

11 years 10 months ago #179830 by kilou

Replied by kilou on topic Défilement fenêtre anormale

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

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

kilou
Topic Author
Offline

11 years 10 months ago #179943 by kilou

Replied by kilou on topic Défilement fenêtre anormale

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.

Mohamed Thelji
Offline

11 years 10 months ago #180004 by Mohamed Thelji

Replied by Mohamed Thelji on topic Défilement fenêtre anormale

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.

kilou
Topic Author
Offline

11 years 10 months ago - 11 years 10 months ago #180059 by kilou

Replied by kilou on topic Défilement fenêtre anormale

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

Last edit: 11 years 10 months ago by kilou.

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

nicolas
Offline

11 years 10 months ago #180088 by nicolas

Replied by nicolas on topic Défilement fenêtre anormale

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.

kilou
Topic Author
Offline

11 years 10 months ago #180142 by kilou

Replied by kilou on topic Défilement fenêtre anormale

... 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.

kilou
Topic Author
Offline

11 years 10 months ago #180500 by kilou

Replied by kilou on topic Défilement fenêtre anormale

… 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.

nicolas
Offline

11 years 10 months ago #180572 by nicolas

Replied by nicolas on topic Défilement fenêtre anormale

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.

kilou
Topic Author
Offline

11 years 10 months ago #180624 by kilou

Replied by kilou on topic Défilement fenêtre anormale

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

Code:

<?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.

nicolas
Offline

11 years 10 months ago #180639 by nicolas

Replied by nicolas on topic Défilement fenêtre anormale

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.

kilou
Topic Author
Offline

11 years 10 months ago #180715 by kilou

Replied by kilou on topic Défilement fenêtre anormale

… merci

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

Time to create page: 0.257 seconds