How to display only the minimum price on the products page?

There is some option to be able to leave only the minimum price of a variable product on display. Please can you tell me how to modify it?

Attachments:

You must be logged in to view attached files.

Hello,

This is possible to do with the custom CSS only:

body .product-grid-item .price,
body .single-product-page .summary-inner > .price {
        font-size: 0;
}

body .product-grid-item .price del,
body .single-product-page .summary-inner > .price del {
        margin-right: 3px;
}

body .product-grid-item .price span:first-child {
        font-size: 14px;
}

.single-product-page .summary-inner > .price span:first-child {
        font-size: 22px;
}

Best Regards

css no responde

Attachments:

You must be logged in to view attached files.

Hello,

Please remove the “gt” and insert > instead, make sure you have inserted the cod exactly which I have provided or give your site admin access.

Best Regards

css

Attachments:

You must be logged in to view attached files.

Hello,

Please provide me your site admin access.

Best Regards

css

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;
}

Best Regards

Código css

Hello,

Please replace the symbols with > symbol Your code in the Theme settings > custom CSS should look like exactly as it is given.

Best regards

problema css

Hello,

Copy the code from the forum not from your mail. The code will be copied correctly.

Best Regards

[Author]

Posts