WordPress.org

Ready to get started?Download WordPress

Forums

MarketPress - WordPress eCommerce
[resolved] Shop Settings - Price (11 posts)

  1. TheSilverForge
    Member
    Posted 6 months ago #

    Hello, very helpful wpmudev staff,

    Can you please tell me how to remove the little green money symbol from beside the price on all my listings?

    Thanks and cheers,

    Ruthie

    https://wordpress.org/plugins/wordpress-ecommerce/

  2. David
    WPMU DEV Support Staff
    Posted 6 months ago #

    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:
    http://wordpress.org/plugins/imporved-simpler-css/

    Hope that helps!

    Cheers,
    David

  3. TheSilverForge
    Member
    Posted 6 months ago #

    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

  4. David
    WPMU DEV Support Staff
    Posted 6 months ago #

    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

  5. TheSilverForge
    Member
    Posted 6 months ago #

    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:

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

    Thanks so much for your help.

    Cheers,

    Ruthie

  6. David
    WPMU DEV Support Staff
    Posted 6 months ago #

    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

  7. TheSilverForge
    Member
    Posted 6 months ago #

    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?

  8. David
    WPMU DEV Support Staff
    Posted 6 months ago #

    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

  9. David
    WPMU DEV Support Staff
    Posted 6 months ago #

    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:
    http://wordpress.org/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

  10. TheSilverForge
    Member
    Posted 6 months ago #

    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

  11. David
    WPMU DEV Support Staff
    Posted 6 months ago #

    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

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.