Shop Settings – Price

Hi @thesilverforge,

Hope you’re doing great today! ??

There are a few ways to change that, the following being the easiest:

1. Go to Products > Store Settings > Presentation
2. Under Store Style, select “None – Custom theme template”

You can also create your own template and select it there.

Or you could add the following CSS to your site:

.mp_product_price {
background: none !important;
margin-right: 0px !important;
}

That can easily be added to your theme’s stylesheet or using a plugin like the following:
https://www.ads-software.com/plugins/imporved-simpler-css/

Hope that helps!

Cheers,
David

Hi David,

Thanks so much for your reply.

I don’t know anything about the behind the scenes css (as you can tell). I’ve installed the plugin you mentioned. When I open that, do I just copy and paste the CSS you gave me into the blank page that appears? I’m a bit scared of breaking my website! ??

Alternatively, if I were to create custom theme template, would I then have to write a whole heap of code?

Thanks and cheers,

Ruthie

Hi @thesilverforge,

Thanks for your reply as well and no worries, you just copy and paste the CSS snippet I posted above into the CSS box the plugin provides.

It won’t break anything, plus you can disable it if it’s ever a problem.

As for the custom theme template, it wouldn’t require a help of code, just minor additions usually with that one.

But I think the code bit I mentioned will sort it all for you. ??

Cheers,
David

Hi David,

That worked perfectly for each individual listing, thanks so much! Can you tell me how to fix the same thing on my pages, like this one:

https://thesilverforge.com/shop/new-releases-for-february-2014/

Thanks so much for your help.

Cheers,

Ruthie

Hi @thesilverforge,

You’re most welcome, though sorry I didn’t catch the grid display price icon. This should sort it instead of the above:

.mp_product_price,
.mp_product_price:before {
background: none !important;
margin-right: 0px !important;
}

How’s that work for ya? ??

Cheers,
David

David, you are a genius. Thank you! Thank you so much. That is wonderful. Would it be pressing the friendship to ask if it is possible to also remove the word ‘price’, leaving only the actual amount, or is that a whole other thing?

Hi @thesilverforge,

That one’s not quite so simple. But you can change the “Price” text (or eliminate it altogether) either using a custom template file or by using a custom language file.

As those obviously aren’t simple copy-paste efforts, I think you can simply add the following to your theme’s footer.php as a quick fix:

<script type="text/javascript">
$('.mp_product_price').text('');
</script>

I’ve gotta fix up something with my main test site so I’m not able to test that this moment but I suspect it’d do the trick.

Cheers,
David

Hi @thesilverforge,

In looking more into it, I think the following would be best:

<script type="text/javascript">
jQuery(".mp_product_price").contents().filter(function(){ return this.nodeType != 1; }).remove();
</script>

Now, there are at least 2 ways to add this, but I’m only going to mention what I think is the simplest.

You can add the following as a code snippet:

add_action('wp_footer', 'mp_hide_price_text');

function mp_hide_price_text() {
wp_enqueue_script( 'jquery' );
?>
<script type="text/javascript">
jQuery(".mp_product_price").contents().filter(function(){ return this.nodeType != 1; }).remove();
</script>
<?php }

Esiest done using this:
https://www.ads-software.com/plugins/code-snippets/

You basically just:
1. Go to Snippets > Add New.
2. Give it a name and copy-paste in the above.
3. Save and Activate it!

How’s that work for ya?

Cheers,
David

David,

Thank you SO much for all your help – that has worked perfectly. I am in awe of your skills… ??

I hope you’re having a great weekend!

Ruthie

Hi Ruthie,

You’re most welcome, glad that helped. And I hope you had a great weekend as well!

I’m actually an amateur coder in comparison to those behind this WP platform. Let’s save our awe for them! ??

Cheers!
David