Home › Forums › WoodMart support forum › Moved: Reply To: Additional Custom Tab – Single Product Page

Moved: Reply To: Additional Custom Tab – Single Product Page

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 31, 2019 at 2:53 pm #153899

    alexurth
    Participant

    Hello Elise,

    Thank you for your reply.

    I have a another question…

    About the variable product price, I need to show one price when choose a variable option and I do not want it to show max. price. Also I don’t want to show small price above the Quantity.

    Please guide.

    Regards,
    Alexander

    October 31, 2019 at 4:23 pm #153931

    Elise Noromit
    Member

    Hello,

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

    body .product-grid-item .price,
body .single-product-page .summary-inner > .price {
        font-size: 0;
}
.single-product-page .summary-inner > .price > span:first-child {
   font-size: 22px;
}
.single-product-page .summary-inner > .price > small {
    font-size: 18px;
    margin-left: 6px;
}
body .product-grid-item .price > ins,
body .product-grid-item .price > span:first-child {
   font-size: 14px;
}
body .product-grid-item .price > del {
    font-size: 12px;
    margin-right: 3px;
}
body .product-grid-item > .price > small {
    font-size: 12px;
    margin-left: 4px;
}
body .single-product-page .summary-inner > .price > ins,
body .single-product-page .summary-inner > .price > span:first-child {
   font-size: 22px;
}
body .single-product-page .summary-inner > .price del {
    font-size: 22px;
    margin-right: 6px;
}

@media (max-width: 576px) {
    body .product-grid-item.col-6 .price {
        font-size: 0;
    }
}

    Best Regards

    October 31, 2019 at 6:39 pm #153949

    alexurth
    Participant

    Hello Elise,

    I have checked added the css, but I wanted something as like the attached screenshot.

    When user choose a variable options, default price (min-max) will be hide and variable price will be display in top instead of above quantity price.

    I am very sorry, I didn’t properly mention before what I wanted.

    Please see the attached screenshot.

    Thank you

    Regards,
    Alexander

    November 1, 2019 at 8:06 am #154038

    Elise Noromit
    Member

    Hello,

    It is not possible to do with CSS. You will have to find a plugin or developer who would customize the Woocommerce for your as such service is not covered by our support.

    Best Regards

    November 3, 2019 at 8:01 pm #154486

    alexurth
    Participant

    Hello Elise,

    Thank you for your help.

    I need another help regarding the Quantity and Add to cart button CSS.
    Please check the screenshot link : https://prnt.sc/pryyc8

    I wanted to separate the Quantity and Add to cart button by CSS.

    Please guide.

    Regards,
    Alexander

    November 4, 2019 at 8:38 am #154555

    Elise Noromit
    Member

    Hello,

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

    body .product-image-summary .single_add_to_cart_button {
   display:block;
}

    Best Regards

    November 4, 2019 at 9:41 am #154583

    alexurth
    Participant

    Hello Elise,

    Thank you very much!

    Regards,
    Alexander

    November 4, 2019 at 11:07 am #154610

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

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

The topic ‘Moved: Reply To: Additional Custom Tab – Single Product Page’ is closed to new replies.