Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › Hide or Remove Add to Cart and Price
- This topic has 10 replies, 3 voices, and was last updated 10 years, 1 month ago by
admin.
-
AuthorPosts
-
August 12, 2013 at 6:50 pm #9467
abqra23
MemberI would like to hide or remove price. This link works to remove “add to cart” but does not work to remove or hide price. How can I also hide price? I’m also using this code: [wp_eStore_all_products_stylish:end]
August 13, 2013 at 12:39 am #57096admin
KeymasterYou want to hide the price all-together or just hide the “price” label?
Please post a link to the page where you have that shortcode.
August 13, 2013 at 4:59 pm #57097abqra23
MemberI used the code below to remove add to cart. I would also like to remove “Price: and the amount”. For example (Price: $1.29). You can view home page for example:
form.eStore-button-form input.eStore_button {
display:none;
}
August 13, 2013 at 11:53 pm #57098admin
KeymasterAdd the following CSS to the custom stylesheet which will hide the price:
.eStore_price{
display: none;
}Use the following CSS in the custom stylesheet file to hide the add to cart button.
.eStore-button-form{
display: none;
}August 14, 2013 at 12:07 pm #57099abqra23
MemberAdd the following CSS to the custom stylesheet which will hide the price:
.eStore_price{
display: none;
}
This code worked.
Use the following CSS in the custom stylesheet file to hide the add to cart button.
.eStore-button-form{
display: none;
}
This code did not work for whatever reason.
So I returned to this one:
form.eStore-button-form input.eStore_button {
display:none;
}
Is there a chance this one would pose a problem with future upgrades?
August 14, 2013 at 10:17 pm #57100admin
KeymasterThat won’t cause an issue but I am just not sure why you would hide the add to cart button if you are displaying a product. How will the customer buy it?
January 13, 2015 at 8:26 am #57101veramilo
SpectatorI have a similar situation: I’m setting up a multi-purpose page where a series of 12 videos can be individually downloaded only by members of level 3. I only want the download button to show for level 3 members, but I still want other members to be able to read the description of each video on this page. Here is the code I used:
[wp_eStore_fancy_display id=8 type=4 style=1 show_price=0 restriction=3]
It does hide the download button, but in it’s place it displays “You do not have permission to view this content.” I don’t want it to display any message and no button either. Is this possible? (For the heck of it, I tried using the “do_not_show_restricted_msg=1″ short code modifier but it didn’t work.”
January 14, 2015 at 1:48 am #57102admin
KeymasterIt gives a message so your users know why they can’t see the button. You should be able to hide that message using some CSS tweak. Please post a link to the page where you are using this members only shortcode so I can inspect it.
January 14, 2015 at 9:03 am #57103veramilo
SpectatorI should have mentioned that I’m using eMember to hide certain sections of the page depending on the visitor’s login status and whether they bought the product. Hopefully that was obvious.
Here’s how the page appears to a visitor who is not logged in.
[http://marshallart.com/news/blog/products/all-videos/1994-perspective-video-series-2/?preview=true&preview_id=821&preview_nonce=223122f45b]
If a visitor is logged in and already bought the videos, the prompt to login will be gone and the download buttons will appear with each video.
If a visitor is logged in but did not buy the video, the prompt to login will be gone and a shopping cart button will appear with a prompt to buy the set of videos along with a note to return to this page after buying to download the videos.
Everything works perfectly. I just don’t want that message to show with every video. It isn’t necessary and it’s confusing.
January 14, 2015 at 6:33 pm #57104veramilo
SpectatorAfter a good night’s sleep, I managed to figure out how to solve the problem with CSS. I didn’t realize the short code generated a specific class when the restricted message appeared. Thank you for the great plugins!
January 15, 2015 at 12:48 am #57105admin
KeymasterYes, all you need to do is use “display: none” in that specific CSS class that shows the message.
-
AuthorPosts
- You must be logged in to reply to this topic.