Bouton simple "Ajouter au panier" avec ID

Forums Forums WPshop Shortcodes Bouton simple "Ajouter au panier" avec ID

Ce sujet a 16 réponses, 3 participants et a été mis à jour par  thibault, il y a 3 ans et 10 mois.

15 sujets de 1 à 15 (sur un total de 17)
Auteur Messages
Auteur Messages
3 décembre 2013 at 17 h 13 min #14416

brianmathe
Participant

Bonjour,

Existe-t-il un shortcode pour créer un bouton « Ajouter au panier » sans afficher l’image et la description du produit, simplement le bouton ? En fait je souhaite créer le design de la page de la boutique moi-même et y insérer le bouton en question, pour ensuite renvoyer le client vers le processus de paiement de WPShop. L’idée serait donc d’avoirun shortcode qui corresponde au produit en question en utilisant l’ID.

Merci,

Brian

  • Ce sujet a été modifié le il y a 3 ans et 10 mois par  brianmathe.
3 décembre 2013 at 17 h 28 min #14418

Dom86
Participant

Bonjour vous avez essayé le shortcode suivant : [wpshop_product pid= »numéro de ID du produit » type= »grid »] ?
Là vous aurez l’image le nom le prix et le bouton , vous pouvez supprimer ce qui ne vous plait pas par du css exemple
ul.products_listing.grid_mode img {display: none;}/* supprime l’image produit
ul.products_listing h2 {display: none;} /* supprime le nom

4 décembre 2013 at 10 h 21 min #14435

brianmathe
Participant

Bonjour,

Effectivement jouer avec le CSS marche très bien pour ce que je veux faire, merci pour l’idée !

4 décembre 2013 at 11 h 33 min #14437

brianmathe
Participant

Ceci dit, question : pourquoi enlever la classe .grid-mode en ce qui concerne les titres h2 ? Cette ligne de fonctionne pas, le nom n’est pas supprimé et je cherche aussi à enlever le prix, vraiment ne garder que le bouton.

Voici ce que j’ai essayé :
ul.products_listing.grid_mode img {display: none;}/* supprime l’image produit
ul.products_listing.grid_mode h2 {display: none;} /* supprime le nom
ul.products_listing.wpshop_products_listing_price {display: none;} /* supprime le prix

J’ai aussi essayé de ne pas afficher le lien (dans lequel sont contenus le nom et le prix) de la classe .products_listing :
ul.products_listing.grid_mode a {display: none;}

Mais ces lignes de font rien, une idée ?

Merci

4 décembre 2013 at 15 h 47 min #14441

Dom86
Participant

Bon si on laisse tomber les bidouilles de css , on peut écrire :
<button id="wpshop_add_to_cart_477" class="wpshop_add_to_cart_button wpshop_products_listing_bton_panier_active" type="button" content="in_stock" itemprop="availability">Commander</button>

Où 477 représente le numéro de l ‘id de votre produit

testez çà svp :))
Dom

4 décembre 2013 at 15 h 54 min #14442

Dom86
Participant

j’ai oublié de vous donner le css correspondant :

/* le bouton */
.wpshop_add_to_cart_button, .wpshop_ask_quotation_button, .wpshop_configure_product_button {
border: 1px solid #DDDDDD;
border-radius: 4px;
box-shadow: 0 9px 32px 16px #FFFFFF inset;
color: #656565;
cursor: pointer;
font-weight: normal;
padding: 5px 96px;
text-decoration: none;
text-shadow: 1px 1px 0 #FFFFFF;
transition: all 0.1s ease-in-out 0s;
}
/* survol du bouton */
.wpshop_add_to_cart_button:hover, .wpshop_ask_quotation_button:hover, .wpshop_configure_product_button:hover {
background-image: linear-gradient(to bottom, #FFFFFF 0px, #E0E0E0 100%);
border: 1px solid #AAAAAA;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #FFFFFF inset;
color: #656565;
font-weight: normal;
padding: 5px 96px;
text-decoration: none;
text-shadow: 1px 1px 0 #FFFFFF;
}

😉 Dom

4 décembre 2013 at 16 h 13 min #14443

thibault
Participant

Bonjour Dom86,

Je profite de ce sujet sur le css et de tes connaissances pour te demander si tu as déjà donner un nom à une classe CSS d’un attribut (dans ses options) et si oui, comment l’as tu utilisé dans le code CSS?

Merci d’avance.

Cordialement.

4 décembre 2013 at 16 h 56 min #14444

Dom86
Participant

Désolé Thibault mais mes essais sont sans succès, questionne Eoxia , il s’agit peut être d’un bug ?
Dom

4 décembre 2013 at 17 h 01 min #14445

thibault
Participant

Merci pour ta réponse. J’ai déjà déposé un sujet par rapport à ce problème, sans réponses… Je vais continuer mes recherches.

Thibault.

4 décembre 2013 at 17 h 25 min #14446

Dom86
Participant

je continue à chercher aussi de mon coté , je n’arrive pas à faire réagir le programme, néanmoins quand tu définis ton prix spécial , le prix initial se colore en rouge et est barré , c’est celui ci que tu veux changer ou le résultat ?

4 décembre 2013 at 17 h 36 min #14447

brianmathe
Participant

Hello Dom86,

J’ai malheureusement une erreur « false » (voir copie écran). Je peux essayer de deviner ce qui cloche mais là je pense que mes connaissances vont être réduites. Dommage, c’aurait été idéal. Si tu as une idée, tiens-moi au courant alors 🙂

Brian

fichiers attachés:
You must be logged in to view attached files.
4 décembre 2013 at 17 h 44 min #14449

Dom86
Participant

je ne vois pas le contenu du message sur ta copie écran , peux-tu me donner le code de tes boutons ?

4 décembre 2013 at 17 h 44 min #14450

brianmathe
Participant

OK j’ai compris, va savoir pourquoi mes produits ont des ID à valeur négative (par exemple, « -11500″), ça a l’air de créer un souci si je rentre un code du style :
<button id= »wpshop_add_to_cart_-11500″ class= »wpshop_add_to_cart_button wpshop_products_listing_bton_panier_active » type= »button » content= »in_stock » itemprop= »availability »>Commander</button>

mais ça marche avec ça :

<button id= »wpshop_add_to_cart_11500″ class= »wpshop_add_to_cart_button wpshop_products_listing_bton_panier_active » type= »button » content= »in_stock » itemprop= »availability »>Commander</button>

Génial, ton CSS est sympa en plus pour l’aspect du bouton, mais je m’en vais mettre un peu de bleu là-dedans 🙂

Merci beaucoup !

4 décembre 2013 at 17 h 47 min #14451

Dom86
Participant

De rien c’est un plaisir , tu as l’air d’avoir fait un très beau site , faudra que tu me donnes l’adresse quand il sera en ligne …..
bon dev
Dom

  • Cette réponse a été modifiée le il y a 3 ans et 10 mois par  Dom86.
4 décembre 2013 at 17 h 50 min #14453

brianmathe
Participant

Le site est en ligne, mais ma page de test pour l’implémentation de WP Shop n’est pas en production encore. http://www.solidream.net
C’est pour vendre livre et film de notre tour du monde à vélo.

15 sujets de 1 à 15 (sur un total de 17)