Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Tweaks › Remove Add to Cart button in [wp_eStore_all_products_stylish:end] view
- This topic has 4 replies, 3 voices, and was last updated 13 years, 5 months ago by Amandelion.
-
AuthorPosts
-
June 16, 2011 at 9:56 am #3604AmandelionMember
I’m using [wp_eStore_all_products_stylish:end] to display all my products on my Shop home page, but I’d like to show just the product title and price, and would like to remove the Add to Cart button, and remove the description text.
Which of the php (or other) files and where can I edit the code to remove these two bits? Any help is much appreciated! Thanks a bunch for taking the time to read my question!
June 16, 2011 at 9:59 am #33464ZainParticipantHi Amandelion,
You could do it just by changing the Stylesheets for your site. Try adding to your theme’s “style.css” file:
form.eStore-button-form input.eStore_button {
display:none;
}
That should work. Well, for the button anyway… Technically, the button’s just hidden from view. And, obviously, if people aren’t using stylesheets, then they’ll be able to see the button.
Question is: why would you not want people to buy stuff on your shop? Personally, I look for every opportunity for them to click “Add to Cart”…
Cheers,
Zain
June 16, 2011 at 12:08 pm #33465AmandelionMemberHey Zain
Thanks for the help, although I actually sorted the add to cart button issue shortly after I posted this – once I realized the setup. I really just want to hid the add to cart button on the home page to make it look more gallery-like than a one-off buy your product and leave. I’m trying to get my visitors to actually click the thumbnails to see more pics and info about the products, to create loyalty and increase their buying (if that makes sense).
Because of the structure of the All Products Stylish layout, I easily hid the Add to Cart button in that instance with:
.eStore-product-description .eStore_button{
display:none;
}
Now the question is how to hide the description during the All Products Stylish call/view. I’m stuck because the actual product description div (.eStore-product-description) has the product name div (.eStore-product-name) and the price inside it – so if I hide the description I hide the name & price as well which I don’t want to do.
Of course if the description were styled any sort of heading tag or if I could wrap it in a new span that would be great – but I’m lost for how exactly I would do that…and wow I’m long-winded this morning.
Thanks again!
June 17, 2011 at 12:19 am #33466amin007ParticipantOpen the “eStore_misc_functions.php” file and search for the following line:
$output .= html_entity_decode($ret_product->description, ENT_COMPAT,"UTF-8");
Once you find it change it to something like the following;
$output .= '<div class="eStore_description">';
$output .= html_entity_decode($ret_product->description, ENT_COMPAT,"UTF-8");
$output .= '</div>';There will be a few occurrences so change them all. Now, you should be able to just target the description area and customize that via CSS.
June 17, 2011 at 3:16 am #33467AmandelionMemberThank you so much! That was like a needle in a haystack, I never would have found it myself I really appreciate your help and you taking the time to respond to my ramblings
-
AuthorPosts
- You must be logged in to reply to this topic.