Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 15, 2020 at 1:41 pm #1267473
    Britte782

    Hi!

    I’ve got a few questions about the product purchase button:

    1. The main thing is that I want to hide the price €0,00 – €180,00, but I want to show the price after the client selects the variable (amount of characters)
    2. How do I hide the outer border only
    3. How do I hide ‘characters’ and align the dropdown, the price and button to the lef?.
    4. After you choose one of the variables ‘clear’ shows up in the right corner. How do I hide this?

    Thank you in advance for taking a look.

    December 18, 2020 at 3:23 pm #1268431
    Yigit

    Hey,

    Thanks for contacting us and sorry for the late reply!

    Please add following codes to Quick CSS in Enfold theme options > General Styling
    1-

    #top .product-type-variable .price:nth-child(2) {
    display: none;
}

    2-

    #top .variations_form {
    border: none;
}

    3-

    #top .variations .label {
    display: none;
}
.single_variation_wrap {
    margin-left: 10px;
}

    4-

    .reset_variations {
    display: none;
}

    If these does not help, please post a link of your product page so we can look into it :)

    Best regards,
    Yigit

    January 12, 2021 at 4:25 pm #1271939
    Britte782

    HI Yigit,



    Thank you for your response. It seems almost right now:

    1. The prise is still there
    2. Perfect, thank you
    3. I want to move it more to the left, but only can change the button and not the dropdown within your code.
    4. After adding !important this works, thank you

    Please have another look and thank you for your help so far.

    Best regards,
    Britte

    January 12, 2021 at 5:17 pm #1271955
    Yigit

    Hi Britte,

    I edited the code in Quick CSS field and added following

    #top .variations_form,
#top .variations td { 
    padding-left: 0;
}

    and changed the first code to following

    #top .variable-price-col .av-woo-purchase-button > .price {
    display: none;
}

    Please review your website :)

    Best regards,
    Yigit

    • This reply was modified 3 years, 11 months ago by Yigit.
    January 12, 2021 at 5:44 pm #1271959
    Britte782

    Oh Yes, thank you!

    January 12, 2021 at 5:54 pm #1271962
    Yigit

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Modify product purchase button’ is closed to new replies.