Return to previous page

Add a Custom icon to Product Image - by zhongmincan

This topic has 7 replies, 2 voices, and was last updated 10 years, 6 months ago ago by Eva Kemp

zhongmincan

Participant

April 23, 2014 at 07:53

Hi,

I have the X-Market theme and I’d like to be able to add a custom icon for each product image just like the SALE / NEW icon but it’s on the bottom right.

So, in the product edit page, I need a option under the custom setting tab which I can use to upload my custom icon to the product image on the bottom right corner. See this picture to know what I mean .

Could you tell me if you guys can do this custom service? And how much is the price?

#1817 Copied

6 Answers

Eva Kemp

Support staff

April 23, 2014 at 11:01

Hello,

Sorry, but there is no such option by default in our theme.
You have to customize the files yourself if you have the needed skills. The links below may help you:
http://docs.woothemes.com/document/adding-product-images-and-galleries/
http://docs.woothemes.com/document/for-the-cause/
http://docs.woothemes.com/document/third-party-custom-theme-compatibility/

Regards,
Eva Kemp.

#1848 Copied

zhongmincan

Participant

April 23, 2014 at 12:20

Hi,

Do you guys have a paid custom service? I need one of your expert to customize the files for me.

#1859 Copied

Eva Kemp

Support staff

April 23, 2014 at 12:41

Hello,

Unfortunately due to a large amount of work our developers won’t be able to assist you with additional customization. Please take our apologies.

Regards,
Eva Kemp.

#1862 Copied

zhongmincan

Participant

April 24, 2014 at 08:39

Hi,

Thank you for the reply!

It’s quite difficult to do that I think, but now I come up with another idea, and hope you guys can help me, because I am one of your happy client.

I’m going to use the “Hover img” instead, that means I will set up the custom icon as a hover image, and then modify the code to let the hover image always show up.

So, I have 3 questions before I can do that and I hope you guys can help:

1. How can I change the layer order of the hover image, now I can see the hover image is generated at the back of product image, when it’s on hover set the opacity of product image to 0, then the hover image shows up, right? But how can I modify the code to send the hover image in front of the product image so that I can display both hover image and product image when mouse hover.

2. How can I modify the mouse event and no matter where the mouse position is, let it always show hover image?

3. How can I align hover / product image to the bottom right of product image area?

Thank you very much
Zhong.

#1930 Copied

zhongmincan

Participant

April 24, 2014 at 15:28

Ok,

Just solved everything by my self, please close this topic.

#1973 Copied

Eva Kemp

Support staff

April 24, 2014 at 16:52

Ok.
Thank you contacting our support team.

Let us know if you need more help.

Regards,
Eva Kemp.

#1986 Copied
Tagged: best selling, custom icon, optimized, product image, themes, woocommerce
Viewing 7 results - 1 through 7 (of 7 total)