Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

I want to change the add to cart button to view details and also customize

by

Tips and Tricks HQ Support Portal › Forums › WP Photo Seller › I want to change the add to cart button to view details and also customize

Tagged: add to cart, custom buttons

  • This topic has 14 replies, 4 voices, and was last updated 7 years, 9 months ago by Peter.
Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • June 15, 2016 at 4:09 pm #13530
    MakkBlakk
    Member

    I would like to change the button on the Lightbox image that says “Add To Cart” to “View Details”

    I would also like to change the “Back To Gallery” On the details page to react as our custom buttons do (See the Buy Me buttons when hovering)

    Is it possible to add a Cart button to the details pages of each gallery?

    my site is [www.blackmintcreative.com]

    Go To

    sales Gallery

    From there a drop down menu appears and you can navigate through a sale from there.

    June 16, 2016 at 2:17 am #73404
    Peter
    Member

    I would like to change the button on the Lightbox image that says “Add To Cart” to “View Details”

    Do you mean that yellow button in the popup?

    I would also like to change the “Back To Gallery” On the details page to react as our custom buttons do (See the Buy Me buttons when hovering)

    I will need to investigate this further – will get back to you.

    June 16, 2016 at 3:56 am #73405
    Peter
    Member

    Regarding the “Back To Gallery” button you can do the following:

    1) Go and grab the following plugin:

    http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

    2) Then add the following CSS code in the settings of the above plugin:

    .wps_photo_details_continue_shopping_section .pure-button-active:hover {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
    background-color: hsl(0, 0%, 0%);
    border-color: hsl(0, 0%, 0%);
    box-shadow: 0 0.25em 0 0 hsl(0, 0%, 100%), 0 4px 9px rgba(0, 0, 0, 0.75);
    color: hsl(0, 0%, 100%);
    margin-bottom: 0.25em;
    text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);
    }

    June 16, 2016 at 8:43 am #73406
    MakkBlakk
    Member

    Hi

    Yes the yellow button in the pop is the one I would like to change

    June 16, 2016 at 3:20 pm #73407
    MakkBlakk
    Member

    Also adding a “back to cart” button on the details page

    Thanks

    June 19, 2016 at 4:00 am #73408
    Peter
    Member

    Regarding that yellow button – unfortunately due to the fact that it is an image, changing the wording in the button is not so easy. We could possibly add a filter which will allow you to insert your own image in there – would that be something which you could work with?

    Regarding the cart link, you can add the following shortcode anywhere on your site such as a page, header, footer or sidebar widget etc and it will display a compact cart:

    [WPS_display_compact_cart]

    June 19, 2016 at 9:29 am #73409
    MakkBlakk
    Member

    Inserting our own image may work ok.

    I have added the short code for the Cart and this works fine except the font is white and I need to change this to red (on all pages where we use this) as the pages are white.

    June 21, 2016 at 10:00 am #73410
    MakkBlakk
    Member

    Hi

    This is quite an urgent request. Could I have a solution soon ?

    Thanks

    June 21, 2016 at 11:37 am #73411
    Peter
    Member

    Hi,

    Which issue? The font colour of the cart or the button image?

    To fix the colour issue add the following css code to the custom css plugin you used previously:

    .wps_compact_cart a{
    color: black;
    }

    June 21, 2016 at 12:57 pm #73412
    MakkBlakk
    Member

    Both are urgent

    When can you supply a filter so we can try inserting our own image ?

    June 21, 2016 at 1:44 pm #73413
    Peter
    Member

    Regarding the font colour fix – see my last comment.

    Regarding the filter – I will knock something up tomorrow and send you a zip file.

    June 21, 2016 at 1:45 pm #73414
    MakkBlakk
    Member

    Ok thanks

    July 25, 2017 at 8:42 pm #73415
    visual1bc
    Member

    I bought the WP Photo Seller plugin and have been implementing a Shopping page:

    [http://www.pjkirk.com/shop/]

    I have the same issue with the text. The “Add to Cart” text on the lightbox view is misleading. The user is not adding anything to the Cart, they are simply viewing their buying options. “Add to Cart” text on the Detailed view does make sense.

    I see a place in the Advanced Settings to change the button text. However, whatever I put into the field the text does not change.

    July 26, 2017 at 3:19 am #73416
    admin
    Keymaster

    The template you are using uses am image (not a text button). We have different templates that offer different look and feel.

    http://photography-solutions.tipsandtricks-hq.com/photo-seller-plugin-available-photo-gallery-templates/

    Pick a template that uses text for that button and you should see the change

    July 26, 2017 at 7:09 am #73417
    Peter
    Member

    Hi visual1bc,

    If you want to keep that template and popup but don’t like the “add to cart” image, you can very easily upload your own PNG button to replace the default photo seller image.

    This can be done using one of the filters.

    Below is some example code to achieve that.

    In your theme’s functions.php file you can put this code:

    add_filter( 'wps_add_to_cart_img_url', 'change_add_to_cart_popup', 10, 1 );
    function change_add_to_cart_popup( $image ) {
    $image = 'http://www.pjkirk.com/wp-content/uploads/2017/07/some-other-add-to-cart.png';
    return $image;
    }

    Note: the above code assumes you uploaded a button image file called “some-other-add-to-cart.png”……so if you decide to use the above code you’ll need to change the above URL to match the image URL path which you will upload.

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2025 | Tips and Tricks HQ