Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Tweaks › Use 'Add to cart' button from 'Stylish Product Display 10' in other styles?
- This topic has 5 replies, 4 voices, and was last updated 8 years, 5 months ago by wpCommerce.
March 31, 2012 at 6:56 pm #5973bobkSpectator
I like the basic design of the ‘Add to Cart’ button in Stylish Product Display 10′ (e-store-fancy-10), including the rollover effect.
How can I use it in other product display styles?
I’m a newbie, but checking in Firebug, it appears this button is built using CSS rather than an image file. Is that correct? (I hope so!)
Which lines of CSS code do I use, and where do I copy it from and to?
How do you change the dimensions (e.g., if I want to make it smaller)?
Thanks in advance!April 1, 2012 at 4:36 am #43592adminKeymaster
The easiest is to make an image. Take a screenshot of the button you like. Make a nice button image out of it then upload this image and use the “Button Image URL” field to use that image as your button.April 1, 2012 at 4:40 am #43593bobkSpectator
Yes, I could make an image that way – or just make one from scratch in Photoshop Elements.
But I’d much rather do it in CSS, as that would allow me to customize it to my site’s design, and it would retain the rollover effect…April 2, 2012 at 12:06 am #43594adminKeymaster
We don’t have any ready made customized CSS code to offer you but you can watch this video tutorial which should help you do it yourself:
http://www.tipsandtricks-hq.com/how-to-use-firebug-to-modify-your-wordpress-sites-css-video-tutorial-4037January 8, 2015 at 6:57 am #43595Ginny920Member
I purchased wp-eStore. I also downloaded the addon’s that it said I must do to use the Fancy10 template. Once I downloaded and installed the addon s But still Stylish Product Display 10 (Fancy 10) that would allow me to have several thumbnails of the product still doesn’t show up in the list of options when choosing a template option for my product.
Under additional Product Images (while creating a new add to cart button) it says: When you display your product using a fancy display with lightbox option your customers will be able to view these images in the lightbox by clicking the next or previous buttons.
How do I use this option. Does this require another purchase to use? I understood that was a selling point that a buyer of wp eStore would not have to purchase a lot of other plugins to get the features that I was lead to believe were included. .January 8, 2015 at 11:19 pm #43596wpCommerceModerator
@Ginny920, In order to use fancy 10 template you need to enter the shortcode like the following:
[wp_eStore_fancy_display id="1" type="1" style="10"]
Please check the extra shortcode documentation for more information: https://www.tipsandtricks-hq.com/ecommerce/wp-estore-shortcodes-and-functions-reference-460
You can also enter your images like the following in the additional product images field:
http://www.example.com/images/thumb1.jpg, http://www.example.com/images/thumb2.jpg, http://www.example.com/images/thumb3.jpg, http://www.example.com/images/thumb4.jpg
- You must be logged in to reply to this topic.