Home Forums WoodMart support forum Dynamic discounts

Dynamic discounts

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #622855

    spnutratea
    Participant

    Hi There,

    We want to customise the dynamic discount section shown in the snapshot.

    Quantity and price section together by showing pack 1, pack 2, pack 3 and so on.

    Is there anyway I can achieve such?

    I look forward to hearing from you.

    Kind regards
    SP

    Attachments:
    You must be logged in to view attached files.
    #623141

    Hung Pham
    Participant

    Hi spnutratea,

    Thanks for reaching to us.

    1. Discount column

    Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

    div.wd-dynamic-discounts tr :is(td,th):last-child {
        display: none;
    }

    2. Change name

    You need to use Custom CSS for each row. For e.g: I want to change name of first row:

    td.wd-dd-quantity span{
        font-size: 0;
    }
    
    div.wd-dynamic-discounts tbody tr:first-child td.wd-dd-quantity span:before {
        content: 'Pack 1';
        font-size: 14px;
    }

    You can replace :first-child with nld-child pseudo, you can read more here https://www.w3schools.com/css/css_pseudo_classes.asp

    Best Regards,

Viewing 2 posts - 1 through 2 (of 2 total)