Return to previous page

How to change icon for sale and new for products page

This topic has 2 replies, 2 voices, and was last updated 5 years, 1 months ago ago by Olga Barlow

Thinktech

Participant

March 13, 2019 at 14:23

1.suggest customize css code new and sale label in both pages as per below jpeg.
a.(http://saibabamachines.com.cp-45.webhostbox.net/product-category/cnc-lathes ).

b. (http://saibabamachines.com.cp-45.webhostbox.net/product/2sp-v420t-cnc-vtl)
2.How to add static blocks below the short product description(with right sidebar).
3.How to add new tab and tab content in product page and how to disable the old tab which appear by default.
4.how to enable new label icon on product page.

#210843 Copied Theme version: 4.5.2 WooCommerce version: 4.5.2

1 Answer
Olga Barlow

Support staff

March 13, 2019 at 15:50
Hello,

1) You can try something like the code below. If you need help with additional customization contact customization team because our basic support does not include customization service due to support policy
```
.type-label-1 .new {
    margin-top: 0;
    padding: 10px 0;
}
.type-label-1 {
    transform: rotate(320deg);
    border-radius: 0;
    width: 140px;
    height: auto;
}
.content-product .type-label-1, 
.product-images .label-product .type-label-1 {
    left: -30px;
    top: 15px;
    right: auto;
}
.gallery_vertical .label-product {
    float: left;
}
.product-images {
    padding: 0;
}
```
2) I’m not sure how you want to display in but if you want to add the static block below the short description then you may try to use short description and static block shortcode, for example [block id=”8387″] where id is your static block id.
3) You can use WooCommerce snippet to disable default WooCommerce tabs https://docs.woocommerce.com/document/editing-product-data-tabs/
Use custom tab if you want to add tab with the custom content http://prntscr.com/mxcooo
4) Make sure that option is enabled in the single product settings http://prntscr.com/mxcp7w + Theme Options http://prntscr.com/mxcpp2

Regards
#210857 Copied
Viewing 2 results - 1 through 2 (of 2 total)