Remove Price on Product Page

How do we remove the price displayed under the variation dropdown?

How do we remove the “Clear” button next to the variation selector?

How do we make it so that only the price of the selected variant is displayed? Currently, it shows a range like “70,00 kr – 450,00 kr,” but when 100 ml is selected, it should only show “450 kr.”

Attachments:

You must be logged in to view attached files.

Hello,

01,03. To display the actual variation price on the single product page, please enable the option “Remove duplicate price for variable product” under Theme Settings > Shop > Variable Products. This will update the price displayed after selecting a variation, replacing the price range with the specific variation’s price.

Additionally, if you wish to remove the price range entirely, enable the “Hide ‘to’ price” option. This will hide the higher price for variable products, simplifying the display.

02. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

span.wd-attr-selected, .reset_variations, .wd-reset-var {
    display: none !important;
}

Best Regards

Thank you very much! I was wondering if you could also help me create a “Read More” feature on our product page.

The goal is to use the short product description, but after 1.5 lines of text (please see the image for reference), it should show a “Read More” link. When clicked, an accordion would open to display the full short product description.

Attachments:

You must be logged in to view attached files.

Hey,

I would also like to remove “:” after the variation text

Attachments:

You must be logged in to view attached files.

Hello,

01. Sorry to say there is no option in theme settings available for that. Try to add the php code in the function.php of the child theme.

add_action( 'woocommerce_after_single_product', 'pk_woocommerce_short_description_truncate_read_more' );

function pk_woocommerce_short_description_truncate_read_more() { 
	wc_enqueue_js( '
		var show_char = 80;
		var ellipses = "... ";
		var content = $(".woocommerce-product-details__short-description").html();
		if (content.length > show_char) {
			var a = content.substr(0, show_char);
			var b = content.substr(show_char - content.length);
			var html = a + "<span class=\'truncated\'>" + ellipses + "<a class=\'read-more\'>Read more</a></span><span class=\'truncated\' style=\'display:none\'>" + b + "</span>";
			$(".woocommerce-product-details__short-description").html(html);
		}
		$(".read-more").click(function(e) {
			e.preventDefault();
			$(".woocommerce-product-details__short-description .truncated").toggle();
		});
	' );
}

02. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

table.variations label:after {
    display: none;
}

Best Regards

Hello again;

We dont want to remove “STORLEK”, but rather “:” which is after “STORLEK” so how can we do that?

Hi,

I’ve added the code using the WPCODE plugin, but it doesn’t seem to be working. Is there something additional we need to set up for it to function properly? Should we add a specific element or take any other steps? I’ll attach the setup for the code so you can review it.

Additionally, we’re experiencing an issue with the Accordion element. When using dynamic tags for the “Short Product Description,” the spaces in the description aren’t displaying correctly. I’ll also attach images to illustrate the problem.

Looking forward to your guidance on these issues!

Best regards,

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

Can I send you Temporary Log in instead? Please check the link bellow.

Hello,

Can you please share the product page URL where you are adding the descriptions so I can check and give you a possible solution?

Best Regards

Hello,

We have currently found another way to set it up so it will not be necessery, however you can try this on one of your own theme and maybe you will get the same issue, however we do have issue with the image quality being stock on 700×700 on product gallery, can you help us with that?

Hello,

01. Sorry to say it is not possible to add a read more button in a short description. Such modification requires complicated Woocommerce code customization which is not covered by our support.

02. You need to use the widget for this. Navigate to Layouts > Edit Single Product Layout and add the Product Short description widget.

Best Regards

[Author]

Posts