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, 4 months ago by Peter.
-
AuthorPosts
-
June 15, 2016 at 4:09 pm #13530MakkBlakkMember
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 #73404PeterMemberI 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 #73405PeterMemberRegarding 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 #73406MakkBlakkMemberHi
Yes the yellow button in the pop is the one I would like to change
June 16, 2016 at 3:20 pm #73407MakkBlakkMemberAlso adding a “back to cart” button on the details page
Thanks
June 19, 2016 at 4:00 am #73408PeterMemberRegarding 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 #73409MakkBlakkMemberInserting 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 #73410MakkBlakkMemberHi
This is quite an urgent request. Could I have a solution soon ?
Thanks
June 21, 2016 at 11:37 am #73411PeterMemberHi,
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 #73412MakkBlakkMemberBoth are urgent
When can you supply a filter so we can try inserting our own image ?
June 21, 2016 at 1:44 pm #73413PeterMemberRegarding 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 #73414MakkBlakkMemberOk thanks
July 25, 2017 at 8:42 pm #73415visual1bcMemberI 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 #73416adminKeymasterThe template you are using uses am image (not a text button). We have different templates that offer different look and feel.
Pick a template that uses text for that button and you should see the change
July 26, 2017 at 7:09 am #73417PeterMemberHi 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.
-
AuthorPosts
- You must be logged in to reply to this topic.