Home › Forums › WoodMart support forum › Can't change variable product variations

Can't change variable product variations

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 3, 2021 at 11:16 am #304303

    nimendra.k
    Participant

    I’m having a problem with variable products. User cant changes the variations. And the variations display with commas.

    Attachments:
    You must be logged in to view attached files.
    July 3, 2021 at 12:29 pm #304320

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    First of all thanks for choosing our Theme, we are glad to be you in the WoodMart WordPress family :).

    I saw the screenshot you attached.

    It seems that the catalog mode is enabled. Please Go to Theme Settings >> Shop and make sure that the option is disabled.

    Screenshot for Clarification: https://gyazo.com/87402f90aafbffb1a648a40f4697eaec

    Then check back.

    Best Regards

    July 3, 2021 at 3:51 pm #304331

    nimendra.k
    Participant

    Hello,

    Thanks for the solution. But I’m building this website only for showcase the products. So, when I turn off catalog mode it displays the add to cart buttons also. Please let me know if there is another solution.

    Thanks

    July 5, 2021 at 6:32 am #304479

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You are Most Welcome.

    In this situation you can leave the catalog mode deactivated and try hiding only the add to cart buttons by using the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .product-grid-item .wd-add-btn {
    display: none;
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
    display: none;
}

    Best Regards

    July 5, 2021 at 11:20 am #304549

    nimendra.k
    Participant

    Hi,

    It works but it still displays after the user selects a variation. Screenshot attached.
    The only thing I need is to showcase the product and display the relevant price to the user when he/she select a variant of the product.

    Attachments:
    You must be logged in to view attached files.
    July 5, 2021 at 12:40 pm #304571

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I saw the screenshot you attached.

    Please replace the previous Custom CSS with the following in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .product-grid-item .wd-add-btn {
    display: none;
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
    display: none;
}

.single-product .price .amount {
    display: none;
}

    Best Regards

    July 5, 2021 at 1:28 pm #304586

    nimendra.k
    Participant

    Hey,

    You still didn’t answer my question.

    *** I’m building this website just for showcase the products and their prices.

    As for your second solution,
    1. It turns off add to cart button only for variable products.
    2. But it displays add to card button for single products.
    3. And for variable products, when the user click on variable it again displays the add to cart button again

    As for your third solution,
    Nothing change

    Please let me what can I do. Please check screenshot names.

    Thanks

    Attachments:
    You must be logged in to view attached files.
    July 5, 2021 at 2:00 pm #304599

    nimendra.k
    Participant

    Basically What I want is to remove all add-to-cart buttons from my website without activating catalog mode.

    July 6, 2021 at 6:58 am #304728

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I saw the screenshots you attached.

    Basically, the catalog mode disables the cart button from the website and the variations are linked to the cart button that’s why it is hiding them as well.

    The CSS I provided is to remove the cart buttons and prices as well. As you require to display the price only on the variable product when you choose a variation.

    Please replace the previous Custom CSS with the following then clear cache and check back. And see if this works for you.

    .product-type-variable .summary-inner>.price, .wd-scroll-content>.price {
    display: none;
}
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled, .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled  {
    display: none;
}
.product-type-simple .product-image-summary .cart {
   display: none;
}

    Best Regards.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)