promotion dans les produits de commandes

  • LOKAV
    Demandé le 27 janvier 2024 à 05:40

    je voudrais faire une promotion de mes produits disant que un produit à 10000 passe a 6000 avec ce style. es ce possible svp ?

  • Waqas Jotform Support
    Répondu le 27 janvier 2024 à 08:11

    Hi LOKAV,

    Thanks for reaching out to Jotform Support. Unfortunately, our French Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in French, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

    Now, let me help you with your question. You can use CSS code to add discounted values to the products. Let me walk you through it:

    1. Copy the code below:

    div[for=input_3_1006] .form-product-details > b > span:before,
    div[for=input_3_1007] .form-product-details > b > span:before,
    div[for=input_3_1008] .form-product-details > b > span:before,
    div[for=input_3_1009] .form-product-details > b > span:before,
    div[for=input_3_1000] .form-product-details > b > span:before,
    div[for=input_3_1001] .form-product-details > b > span:before,
    div[for=input_3_1003] .form-product-details > b > span:before, 
    div[for=input_3_1004] .form-product-details > b > span:before,
    div[for=input_3_1005] .form-product-details > b > span:before,
    div[for=input_3_1010] .form-product-details > b > span:before,
    div[for=input_3_1011] .form-product-details > b > span:before,
    div[for=input_3_1012] .form-product-details > b > span:before,
    div[for=input_3_1013] .form-product-details > b > span:before,
    div[for=input_3_1014] .form-product-details > b > span:before,
    div[for=input_3_1015] .form-product-details > b > span:before,
    div[for=input_3_1018] .form-product-details > b > span:before,
    div[for=input_3_1019] .form-product-details > b > span:before
    {
     content: "1000 XOF";
     color: red;
     text-decoration: line-through;
    margin-right: 5px;
    }

     2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. In the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box.

    promotion dans les produits de commandes Image 1 Screenshot 20

    It is important to note that the current price is indicated in blue color, which can be modified through the product settings, whereas the red price is indicated by CSS, which can be modified through the code (content "1000 XOF")

    Give it a try and let us know how it goes.

  • LOKAV
    Répondu le 27 janvier 2024 à 13:21

    wahooooo super, je vous reviens