Carrello

Di seguito sono documentate:

• le variabili della pagina cart.html per il carrello
• il mini carrello

In aggiunta, nella pagina del carrello, si possono usare anche le variabili comuni a tutte le pagine.

cart.html

Nel carrello vengono aggiunti i prodotti che il cliente intende acquistare. Il carrello consente di calcolare le spese di spedizione e le eventuali commissioni per il pagamento scelto. Nel carrello è possibile anche applicare il coupon sconto di una promozione.

var (

    // Pulsante per applicare un coupon sconto al carrello.
    buttonApplyCoupon html

    // Pulsante per eseguire il checkout e procedere con l'ordine.
    buttonCheckout html

    // Pulsante per fare il checkout passando prima per il login.
    buttonCheckoutWithLogin html

    // Pulsante per continuare con gli acquisti.
    buttonContinueShopping html

    // Pulsante per svuotare il carrello da tutti i prodotti.
    buttonEmpty html

    // Pulsante per applicare le modifiche al carrello.
    buttonUpdate html

    // Contenuto della pagina.
    content html

    // Campo in cui inserire un coupon sconto.
    coupon html

    // Coupon sconto attualmente applicato al carrello.
    currentCoupon string

    // Sconto come somma degli sconti applicati al costo totale del carrello.
    discount Discount

    // Sconti applicati al costo totale del carrello.
    discounts []Discount

    // Immagine della pagina.
    image AlignedImage

    // Referenze di prodotto nel carrello.
    items []CartItem

    // Metodo di pagamento.
    payment html

    // Costo del pagamento, ad esempio dovuto ad una commissione o al diritto
    // di contrassegno.
    paymentCost Price

    // Metodi di pagamento.
    payments []CartPaymentMethod

    // Costo totale prima dell'applicazione dell'eventuale sconto.
    prediscountSubtotal Price

    // Metodo di spedizione.
    shipping html

    // Costo della spedizione.
    shippingCost Price

    // Metodi di spedizione.
    shippings []CartShippingMethod

    // Token identificativo del carrello.
    token string

    // Messaggio che informa di eventuali condizioni affinché si possa
    // procedere con l'ordine o il preventivo.
    statusMessage html

    // Costo totale.
    subtotal Price

    // Importo totale delle tasse.
    taxAmount html

    // Identificativo univoco del carrello.
    token string

    // Indica se il carrello è su preventivo.
    toQuote bool

    // Totale.
    total Price

    // Peso totale delle righe.
    weight html

)

Mini carrello

Il mini carrello consente al cliente di vedere un sommario del contenuto del carrello senza lasciare la pagina corrente. Dal mini carrello il cliente può andare direttamente alla pagina del carrello o anche proseguire direttamente con l'ordine. Il mini carrello si visualizza come un pop-up quando il cliente fa clic su un elemento della pagina appositamente predisposto.

L'elemento della pagina che se cliccato deve aprire il mini carrello dovrà avere l'attributo data-design-open con valore design-mini-cart:

<div data-design-open="design-mini-cart">Vedi il carrello</div>

Facendo clic su questo elemento, verrà letto il contenuto del carrello e verrà processato il codice all'interno dell'elemento con id uguale a design-mini-cart.

Questo è un semplice esempio di mini carrello:

<div id="design-mini-cart">
  <div class="design-mini-cart-isnotloaded"><div class="loading"></div></div>
  <div class="design-mini-cart-isloaded" style="display: none;">
    <!-- .if items -->
    Prodotti:
    <!-- .for items -->
    <div>
      <!-- .show image --><!-- .end -->
      <!-- .show name --><!-- .end -->
    </div>
    <!-- .end for -->
    <!-- .end if -->
    <!-- .if not items --> il carrello è vuoto <!-- .end if -->
  </div>
</div>

Si noti che la sintassi non è quella di Scriggo in quanto questo codice viene processato direttamente dal browser e non lato server come avviene per il resto del template.

I seguenti sono tutte le variabili che si possono utilizzare nel contesto di for miniCart.

for items

La variabile items è usata, nel contesto dell'elemento con id uguale a design-mini-cart, per mostrare le price cinque referenze di prodotto nel mini carrello.