• 

  Dev Burman

  Participant

  July 1, 2021 at 18:28

  Hi,

  I need to change how the price section appears on product page. Like I would like to showcase the percentage off and difference in money between MRP and sale price. Please check the Screenshot for better understanding.

  https://prnt.sc/17vo3cl

  #292751 Copied Theme version: 7.2.11 WooCommerce version: 5.4.1
  3 Answers
  

  Olga Barlow

  Participant

  July 2, 2021 at 11:10

  Hello,

  To change the order of the sale price and regular price add the below code to Theme Options > Custom CSS

  .product-content .price {
      display: flex;
  }
  .product-content .price del {
      order: 2;
      padding-left: 10px;
  }

  Displaying “You save…” requires PHP customization or third-party plugin because we don’t have such option in our theme.

  Regards

  #292825 Copied
  

  Dev Burman

  Participant

  July 2, 2021 at 20:41

  Hi,

  This is not working. It still shows the order of the sale and regular price like before. Can you check?

  Please contact administrator
  for this information.

  #292899 Copied
  

  Rose Tyler

  Support staff

  July 3, 2021 at 09:58

  Hello,

  Please change the code to:

  .single-product .et_product-block .price {
      display: flex;
  }
  .single-product .et_product-block .price del {
      order: 2;
      padding-left: 10px;
      padding-top: 5px;
  }

  Regards

  #292933 Copied
• Viewing 4 results - 1 through 4 (of 4 total)