How to make the sale price in the below of regular price in woocommerce Virtue?

  • basicteestore

    (@basicteestore)


    8 years ago

    Dear Virtue Theme,

    How to make the sale price and regular price in different line, like this:

    “Regular price”
    “Sale Price”

    Currently, in my website https://www.basicteestore.com :

    “Regular Price” “Sale Price”

    And one more thing,

    How to make two column product in shop page when the visitor open my website in mobile web (iPhone 5, iphone 6, Samsung galaxy, etc) ? Currently my website only show 1 column product when view in mobile devices which makes the user have to scroll down a lot when there are many products.

    Thanks for your help.

Viewing 7 replies - 1 through 7 (of 7 total)
  • hannah

    (@hannahritner)

    Hi,
    1. You can add this css to your custom css box in Theme Options > Advanced Settings:

    .product_price ins .amount {
    display: block;
    padding-top: 10px;
}

    2. This css should work:

    @media (max-width: 768px) {
.tcol-md-3.tcol-sm-4.tcol-xs-6.tcol-ss-12.kad_product, .tcol-md-4.tcol-sm-4.tcol-xs-6.tcol-ss-12.kad_product {
    width: 50%;
    float: left;
}
}

    Hope that helps!
    Hannah

    Thread Starter basicteestore

    (@basicteestore)

    Hi Hannah,

    That’s Work !! Thank you very much.

    May I ask you another thing? I want to show Product Discount/Offer percentage in bubble.
    Currently in my website: that’s just “Sale!”

    Could you please give me the css that can show the percentage of discount in bubble to change the “Sale!” word?

    Thanks ??

    hannah

    (@hannahritner)

    There isn’t a way to change this with css. The premium theme has a built in option to change this wording, but with the free theme you would need to change it in a child theme.

    Hannah

    hi hannah, the seccond css you gave him should make the products appear in 2 columns in mobile version?? i tried it and didn’t work for me

    @media (max-width: 768px) {
    .tcol-md-3.tcol-sm-4.tcol-xs-6.tcol-ss-12.kad_product, .tcol-md-4.tcol-sm-4.tcol-xs-6.tcol-ss-12.kad_product {
    width: 50%;
    float: left;
    }
    }

    hannah

    (@hannahritner)

    Hi betumayo,
    Can you post a link?

    Hannah

    yes the link is ponponi.co.il

    hannah

    (@hannahritner)

    I’m seeing this working. Have you tried clearing your cache?

    Hannah

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to make the sale price in the below of regular price in woocommerce Virtue?’ is closed to new replies.