Decimals on the Purchase Order widget.

  • Profile Image
    UBTMarketing
    Asked on August 17, 2016 at 08:27 PM

    Is there any way I make it so decimals are only showing on one of my products (on the Purchase Order widget)?

  • Profile Image
    Chriistian
    Answered on August 18, 2016 at 01:43 AM

    It is not possible to show the decimals for only one of your products.  You will either have to show decimals for all products, or don't show it for all of them. However, I believe there is a CSS workaround for your requirement, however, this workaround will need to be modified every time you need to change the price of your products. Simply inject the custom CSS code below:

    /*Hides price that have decimals*/

    .form-product-container span b {

         display: none; 

    }

    /*Replaces price with text that have no decimals*/

    label[for="input_15_1001"]:after {

        content: "$25 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1015"]:after {

        content: "$10 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1016"]:after {

        content: "$50 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1017"]:after {

        content: "$20 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1018"]:after {

        content: "$100 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1019"]:after {

        content: "$50 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1020"]:after {

        content: "$200 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1021"]:after {

        content: "$100 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1022"]:after {

        content: "$500 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1023"]:after {

        content: "$250 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1024"]:after {

        content: "$1,000 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1025"]:after {

        content: "$500 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    label[for="input_15_1026"]:after {

        content: "$2.50 NZD";

        color: #333;

        font-size: 0.857em;

        font-weight: bold;

    }

    Please let us know if you need further assistance.
    Regards.