Progress mit Onepagecheckout

[fnorm]

Hab gerade am Testsystem auf die aktuelle Beta 3.9.1.5250 upgedatet und festgestellt, dass bei der neuen Progress-Bar für die Bestellvorgang der Onepagecheckout nicht integriert ist.

Orginal progress.phtml :

Code: Alles auswählen

<div class="wpsg_progress">
		
	<a href="<?php echo $this->getUrl(wpsg_ShopController::URL_BASKET); ?>">		
		<span class="step step1 <?php echo (($GLOBALS['step'] === 1)?'current':'done'); ?>" title="<?php echo __('Hier gelangen Sie zum Warenkorb', 'wpsg'); ?>"><span class="dot"></span><span class="text"><?php echo __('Warenkorb', 'wpsg'); ?></span></span>
	</a>
	
	<?php if ($GLOBALS['step'] > 1) { ?>
	<a href=""><?php } ?>
	<span class="step step2 <?php echo (($GLOBALS['step'] ===2)?'current':''); ?> <?php echo (($GLOBALS['step'] > 2)?'done':''); ?>" title="<?php echo __('Hier gelangen Sie zum Formular der Kundendaten', 'wpsg'); ?>">
		<span class="dot"></span><span class="text"><?php echo __('Kundendaten', 'wpsg'); ?></span>
	</span>
	<?php if ($GLOBALS['step'] > 1) { ?>
	</a><?php } ?>
	
	<?php if ($GLOBALS['step'] > 2) { ?>
	<a href=""><?php } ?>
	<span class="step step3 <?php echo (($GLOBALS['step'] === 3)?'current':''); ?> <?php echo (($GLOBALS['step'] > 3)?'done':''); ?>" title="<?php echo __('Hier gelangen Sie zur Auswahl der Bezahlmethode und der Versandart', 'wpsg'); ?>">
		<span class="dot"></span><span class="text"><?php echo __('Zahlung / Versand', 'wpsg'); ?></span>
	</span>
	<?php if ($GLOBALS['step'] > 2) { ?>
	</a><?php } ?>
	
	<?php if ($GLOBALS['step'] > 3) { ?>
	<a href=""><?php } ?>
	<span class="step step4 <?php echo (($GLOBALS['step'] === 4)?'current':''); ?> <?php echo (($GLOBALS['step'] > 4)?'done':''); ?>" title="<?php echo __('Hier gelangen Sie zum Bestellübersicht', 'wpsg'); ?>">
		<span class="dot"></span><span class="text"><?php echo __('Abschluß', 'wpsg'); ?></span>
	</span>
	<?php if ($GLOBALS['step'] > 3) { ?>
	</a><?php } ?>

</div>

<div class="wpsg_clear"></div>
	

Ich hab das ganze mal angepasst:

Code: Alles auswählen

<div class="wpsg_progress <?php echo ($this->get_option('wpsg_mod_onepagecheckout') == '')  ? '' : 'only3steps'?>">
		
	<a href="<?php echo $this->getUrl(wpsg_ShopController::URL_BASKET); ?>">		
		<span class="step step1 <?php echo (($GLOBALS['step'] === 1)?'current':'done'); ?>" title="<?php echo __('Hier gelangen Sie zum Warenkorb', 'wpsg'); ?>"><span class="dot"></span><span class="text"><?php echo __('Warenkorb', 'wpsg'); ?></span></span>
	</a>
	
   
        <?php
        if ($this->get_option('wpsg_mod_onepagecheckout') == '') { ?>
            
            <?php if ($GLOBALS['step'] > 1) { ?>
            <a href=""><?php } ?>
            <span class="step step2 <?php echo (($GLOBALS['step'] ===2)?'current':''); ?> <?php echo (($GLOBALS['step'] > 2)?'done':''); ?>" title="<?php echo __('Hier gelangen Sie zum Formular der Kundendaten', 'wpsg'); ?>">
                    <span class="dot"></span><span class="text"><?php echo __('Kundendaten', 'wpsg'); ?></span>
            </span>
            <?php if ($GLOBALS['step'] > 1) { ?>
            </a><?php } ?>

            <?php if ($GLOBALS['step'] > 2) { ?>
            <a href=""><?php } ?>
            <span class="step step3 <?php echo (($GLOBALS['step'] === 3)?'current':''); ?> <?php echo (($GLOBALS['step'] > 3)?'done':''); ?>" title="<?php echo __('Hier gelangen Sie zur Auswahl der Bezahlmethode und der Versandart', 'wpsg'); ?>">
                    <span class="dot"></span><span class="text"><?php echo __('Zahlung / Versand', 'wpsg'); ?></span>
            </span>
            <?php if ($GLOBALS['step'] > 2) { ?>
            </a><?php } ?>
            <?php if ($GLOBALS['step'] > 3) { ?>
            <a href=""><?php } ?>
            <span class="step step4 <?php echo (($GLOBALS['step'] === 4)?'current':''); ?> <?php echo (($GLOBALS['step'] > 4)?'done':''); ?>" title="<?php echo __('Hier gelangen Sie zum Bestellübersicht', 'wpsg'); ?>">
                    <span class="dot"></span><span class="text"><?php echo __('Abschluß', 'wpsg'); ?></span>
            </span>
            <?php if ($GLOBALS['step'] > 3) { ?>
            </a><?php } ?>
    
        <?php } else { 
            // Onepagecheckout ?>
            <?php if ($GLOBALS['step'] > 1) { ?>
            <a href="<?php echo $this->getURL(wpsg_ShopController::URL_CHECKOUT); ?>"><?php } ?>
            <span class="step step2 <?php echo (($GLOBALS['step'] ===2)?'current':''); ?> <?php echo (($GLOBALS['step'] > 2)?'done':''); ?>" title="<?php echo __('Hier gelangen Sie zum Formular der Kundendaten, Bezahlmethode und der Versandart', 'wpsg'); ?>">
                    <span class="dot"></span><span class="text"><?php echo __('Kundendaten / Zahlung  / Versand', 'wpsg'); ?></span>
            </span>
            <?php if ($GLOBALS['step'] > 1) { ?>
            </a><?php } ?>

            <?php if ($GLOBALS['step'] > 2) { ?>
            <a href=""><?php } ?>
            <span class="step step3 <?php echo (($GLOBALS['step'] === 3)?'current':''); ?> <?php echo (($GLOBALS['step'] > 3)?'done':''); ?>" title="<?php echo __('Hier gelangen Sie zum Bestellübersicht', 'wpsg'); ?>">
                    <span class="dot"></span><span class="text"><?php echo __('Abschluß', 'wpsg'); ?></span>
            </span>
            <?php if ($GLOBALS['step'] > 2) { ?>
            </a><?php } ?>
    
    
        <?php } ?>
    
    
    


</div>

<div class="wpsg_clear"></div>

Dabei wird eine css Klasse gesetzt wenn Onepagecheckout aktiviert ist um die Verteilung auf der Progressbar anzupassen:

Code: Alles auswählen

.only3steps span.step {
  width: 33%;
}

Und natürlich noch die Progressbar in die onepagecheckout.phtml einfügen:

nach diesem Teil:

Code: Alles auswählen

<div class="wpsg wpsg_onepagecheckout wpsg_checkout wpsg_checkout2 <?php echo ((isset($_REQUEST['wpsg_basket_ajax'])) ? 'wpsg_basket_ajax' : ''); ?>">

    <?php echo $this->writeFrontendMessage(); ?>
    

folgendes einfügen

Code: Alles auswählen

    <?php $GLOBALS['step'] = 2; $this->render(WPSG_PATH_VIEW.'/warenkorb/progress.phtml'); ?>

[maennchen1.de]

Hallo!
Danke für den Tipp.
Ich bin mir aber noch nicht sicher, welchen Nutzen die Progressbar dort haben sollte, da ja alles auf einer Seite abgewickelt wird?

[fnorm]

Sind ja immer noch 3 Punkte in der Leiste, da kann man von der Abschlussseite auch wieder direkt auf den Warenkorb.
Aber ist natürlich Geschmacksache. ich find die Leiste als Info fürn Kunden nicht schlecht, weil man auf Anhieb sieht wo ma im Bestellprozess ist.


Ohne die Änderungen müsste aber dann auch die Leiste ausm Warenkorb und der Abschlussseite raus.
Nach dem Update auf die Beta ohne user_view kam die Leiste im Warenkorb, im Onepagecheckout war sie weg und in der Abschlussseite war sie wieder da.

[ThoGoe]

Hallo!

Danke für die gute Idee. Für die einheitliche Darstellung des Warenkorbs mit/ohne OnePageCheckout dient deine Anpassungen sehr gut.

Liebe Grüße