Jump to content

PopUp récapitulatif panier

Bayside
 Share

Recommended Posts

Remy FRK Corp Newbie

Remy FRK Corp

Posted
Posted (edited)

Bonjour.

Pour le modal c'est dans le theme.js que ca se passe.. il n'est pas préconisé de le modifier directement...et il est minifié de surcroit. si vous faites ce choix..mieux vaut déminifié, et le replacer re minifié au sein d'un theme "enfant"...c'est qu'un petit "show" à changer mais bon... 

	 function (t, e, n) {
		"use strict";

		function i(t) {
			return t && t.__esModule ? t : {
				default: t
			}
		}
		var r = n(1),
			o = i(r),
			a = n(0),
			s = i(a);
		o.default.blockcart = o.default.blockcart || {}, o.default.blockcart.showModal = function (t) {
			function e() {
				return (0, s.default)("#blockcart-modal")
			}
			var n = e();
			n.length && n.remove(), (0, s.default)("body").append(t), n = e(), n.modal("show").on("hidden.bs.modal", function (t) {
				o.default.emit("updateProduct", {
					reason: t.currentTarget.dataset,
					event: t
				})
			})
		}
	},

 

 

 

Pour le lien direct vers la page de validation de commande :

Choix N1> remplacez le lien du panier (c'est pas mon favori..si vous faites ca changez la traduction de "panier" par un terme plus à propos...) :

C'est dans le module PS_shoppingcart que ca se passe.

Dupliquez le dans votre theme enfant (le fichier ps_shoppingcart.tpl devrait y suffire) remplacez : 

<a rel="nofollow" href={$cart_url}">

par: 

<a rel="nofollow" href="{$urls.pages.order}{*$cart_url*}">

ce qui remplacera le lien du panier par un lien directe vers la validation de commande... bien sure il serait balo de caler cet url directement sur le bouton "ajouter au panier" car ca embêterait franchement les gens je pense..

pensez plutôt à ajouter un autre bouton style "achetez maintenant" (merki amazon)

Pour ce faire placez par exemple ceci sous le bouton d'ajout au panier d'origine dans le fichier product-add to cart.tpl : 

          <button
            class="btn btn-primary add-to-cart"
            data-button-action="add-to-cart"
            type="submit"
            {if !$product.add_to_cart_url}
              disabled
            {/if}
            onclick="location.href='{$urls.pages.order}';"
          >  
           achetez maintenant
          </button>

 

Pis soyez sympas activez quand mème le récap du panier dans votre page de validation...histoire de pas trop brutaliser le client (d’ailleurs de plus en plus de pays légifère sur le sujet ca devrait pas tardé à arrivé chez nous aussi...bref)

je crois avoir fait le tour, bon courage à vous.

 

Edited by Remy FRK Corp (see edit history)
Link to comment
Share on other sites
Bayside Rookie

Bayside

Posted
  • Author
Posted

Cela fonctionne presque parfaitement

Mon site  j'ai mis mon site en lien

Mon probléme :

J'ai des champs requis:

Si il ne sont pas rempli :

-en faisant "ajout panier " il ne passe pas dans le panier

- en faisant achetez maintenant , il passe au panier même si requis n'est pas validé

 

Une solution ?

 

Avec ton code cela fonctionne très bien  

{**
 * 2007-2017 PrestaShop
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License 3.0 (AFL-3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to http://www.prestashop.com for more information.
 *
 * @author    PrestaShop SA <contact@prestashop.com>
 * @copyright 2007-2017 PrestaShop SA
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 * International Registered Trademark & Property of PrestaShop SA
 *}
<div class="product-add-to-cart">
  {if !$configuration.is_catalog}
    <span class="control-label">{l s='Quantity' d='Shop.Theme.Catalog'}</span>

    {block name='product_quantity' }
      <div class="product-quantity clearfix" >
        <div class="qty" style:"text-align:center;">
          <input
            type="text"
            name="qty"
            id="quantity_wanted"
            value="{$product.quantity_wanted}"
            class="input-group"
            min="{$product.minimal_quantity}"
            aria-label="{l s='Quantity' d='Shop.Theme.Actions'}"
          >
        </div>
        <div class="add">
{** Debut bouton ajoutez au panier**}
   <button class="btn btn-primary add-to-cart" data-button-action="add-to-cart" type="submit" {if !$product.add_to_cart_url}disabled{/if}>
            <i class="fa fa-shopping-cart"></i>
            {l s='Add to cart' d='Shop.Theme.Actions'}
          </button>
 {**fin bouton ajoutez au panier **}
 
          {block name='product_availability'}
            <span id="product-availability">
              {if $product.show_availability && $product.availability_message}
                {if $product.availability == 'available'}
                  <i class="material-icons product-available">&#xE5CA;</i>
                {elseif $product.availability == 'last_remaining_items'}
                  <i class="material-icons product-last-items">&#xE002;</i>
                {else}
                  <i class="material-icons product-unavailable">&#xE14B;</i>
                {/if}
                {$product.availability_message}
              {/if}
            </span>
          {/block}
        </div>
      </div>
      <div class="clearfix"></div>
    {/block}

    {block name='product_minimal_quantity'}
      <p class="product-minimal-quantity">
        {if $product.minimal_quantity > 1}
          {l
          s='The minimum purchase order quantity for the product is %quantity%.'
          d='Shop.Theme.Checkout'
          sprintf=['%quantity%' => $product.minimal_quantity]
          }
        {/if}
      </p>
    {/block}
  {/if}
  
 {** Debut bouton achetez maintenant **}				  
<table width="100%" style="text-align:center; background-color:#ceac41; ">	
<tr>			  
<td>
        <div class="add">
		<button class="btn btn-primary add-to-cart" data-button-action="add-to-cart"  type="submit" {if !$product.add_to_cart_url} disabled
            {/if}
            onclick="location.href='{$urls.pages.order}';"
          >  <i class="fa fa-shopping-cart"></i> 
           achetez maintenant
          </button>
		  </div>
		  </td>
</tr>
</table>
<br>
{** fin bouton achetez maintenant **}	 

</div>

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...