Use 'Add to cart' button from 'Stylish Product Display 10' in other styles?

[bobk]

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!)

If 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!

[admin]

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.

[bobk]

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…

[admin]

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-4037

[Ginny920]

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. .

[wpCommerce]

@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

[Author]

Posts