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 9 years, 10 months ago by admin.
-
AuthorPosts
-
August 12, 2013 at 6:50 pm #9467abqra23Member
I 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 #57096adminKeymasterYou 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 #57097abqra23MemberI 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 #57098adminKeymasterAdd 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 #57099abqra23MemberAdd 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 #57100adminKeymasterThat 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 #57101veramiloSpectatorI 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 #57102adminKeymasterIt 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 #57103veramiloSpectatorI 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 #57104veramiloSpectatorAfter 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 #57105adminKeymasterYes, 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.