Return to previous page

I am want to Show Product SKU below on price

This topic has 8 replies, 3 voices, and was last updated 4 years, 4 months ago ago by Olga Barlow

RazzakTextile

Participant

June 20, 2020 at 04:20

I am want to Show Product SKU below on price.
How to do this?

Please, contact administrator
for this information.

#241473 Copied Theme version: 6.3.5 WooCommerce version: 4.2.0

7 Answers
Rose Tyler

Support staff

June 20, 2020 at 08:19
Hello,

There is no such possibility by default.
Try to add the next code in Theme Options > Theme Custom CSS:
```
.single-product .product-information-inner .fixed-content {
    display: flex;
    flex-direction: column;
}
.single-product .product-information-inner  h1.product_title.entry-title { order: 1;}
.single-product .product-information-inner  .price { order: 2; }
.single-product .product-information-inner  .product_meta {order: 3;}
.single-product .product-information-inner .woocommerce-product-details__short-description { order: 4;}
.single-product .product-information-inner  .cart { order: 5; }
.single-product .product-information-inner  .product-share { order: 6; }
```
http://prntscr.com/t36sh5

Regards
#241486 Copied
RazzakTextile

Participant

June 21, 2020 at 19:23

I am want to Show Product SKU below on the price

Please contact administrator
for this information.

#241614 Copied
Rose Tyler

Support staff

June 22, 2020 at 10:00
Hi,

Try the next custom CSS code:
```
.price + .product_meta > *:not(.sku_wrapper) {
    display: none;
}
.product_meta ~ .product_meta .sku_wrapper {
    display: none;
}
```
child-theme/functions file
add_action('woocommerce_single_product_summary', 'woocommerce_template_single_meta', 15);

Regards
#241650 Copied
RazzakTextile

Participant

June 24, 2020 at 20:10

No Chaged

Please contact administrator
for this information.

#242022 Copied

Rose Tyler

Support staff

June 25, 2020 at 07:44

Hello,

Delete this previous custom CSS code – http://prntscr.com/t628ca , apply this solution http://prntscr.com/t628uk only.
Also, do not edit .php files via the Dashboard https://prnt.sc/t5tm83 , changes in files should be done via FTP, it is the safest way.

Regards

#242059 Copied

RazzakTextile

Participant

June 29, 2020 at 19:13

Thanks. Now I want to show Product SKU in the product categories page.
Please send me the solution or custom css.

Please contact administrator
for this information.

#242629 Copied

Olga Barlow

Support staff

June 29, 2020 at 19:22

Hello,

Sorry but there is no such option to show the product SKU on the shop page or product category. It’s possible by additional PHP customization. You can use WooCommerce hooks if you have PHP skills https://www.businessbloomer.com/woocommerce-visual-hook-guide-archiveshopcat-page/ to implement this or submit customization request to our customization team here because our default support does not cover additional PHP customization, sorry.

Regards

#242630 Copied
Viewing 8 results - 1 through 8 (of 8 total)