Code

Discussion on Flipping Cards 3D - Wordpress

Discussion on Flipping Cards 3D - Wordpress

Cart 1,149 sales

castleplugins supports this item

Supported

This author's response time can be up to 1 business day.

296 comments found.

Hi there,

I recently purchased this item to flip two different photos, sort of doing a comparison but it’s not quite working right. I take it, this function probably wasn’t intended, or am I doing something wrong?

The plugin can have an image in the front and then flip and in the back side can have another image, many have successfully done that.
but what problems do you have? can you give me some link so I can see the problem? also if you want contact me via email through my profile so I can give you better support.
Regards.

Hola David

es compatible con 3.4 wp ??

saludos,

Hola,
Seguramente si, mientras tengas jQuery 1.7.2+

Hi David,

Can you use a custom shape for the board (a JPG or PNG) and another custom shape for the flip or just CSS to control the shape?

Great plugin.

Hi, you can add an image (JPG or PNG) as a background of the flipping card through CSS, many clients have done that using this CSS code:

background: url(your-image.png);
and in that way you can create an image with the shapes that you wish and add it as a background to the flipping card, would be very easy if you know some CSS, because at the end the flipping cards are just html.

But if you can be more specific of what you want, I can tell you exactly what to change.

Thanks and Regards, David.

Hey David,

The plugin which I purchased works well in Firefox and Safari but I have a really strange problem in Chrome where the front of the flip isn’t displayed but instead the back is displayed but in reverse (ie. all the text is back to front)?

Also in IE, I understand that there is supposed to be a fade effect but instead it just displays the back of the flip and when I click it the flip quickly fades to the front and then disappears!

It’s probably easier if I send you a link, is it possible to send you a private message please as I really need your help?

Thank you :-)

Hi, yes send me a private message, in my profile in the right and them at the bottom there is a option to send me a message, also tell me which version of chrome and IE you are trying! Best regards!

Thank you so much for your help David! The plugin is working in all browsers now. I really appreciate your immediate help, you are a wonderful Author and you have created a wonderful plugin! :-)

thank you a lot, I appreciate it! :)

IE7 to 9 at the top of each page: <!-[if lt IE]> <![endif]-> Not very useful…

What do you mean? Is for IE fallback…..

A conditional comment visible on each page? Test your work with IE!

ohh I see, well I was using one of the Wordpress standards for IE fallback do not know why they are showing it on each page, but you can go ahead and edit the plugin and find this peace of code: ‘lt IE’ and replace it with this: ‘IE’. (tested it on IE9) Or wait until they approved the update.

Anyway that is why in the “Compatible Browsers” section there is no IE. Regards.

I would like to use one image pulled across 4 columns and 4 rows of squares – making it 16 squares total. I would like to slice my image into the 16 squares, and lay on top like a puzzle.

If I have 16 squares – can each square have it’s own image. Or is it only possible to use one photo as a universal background across all squares – regardless of how many.

Please advise….

Thanks

Hi, I didn’t quite understand what you want to achieve, but about your main question: Yes you can put any image you want inside each flipping card, you can put any text or html inside. So inside each flipping Card you can put different content (images, text, html).
Also you can pass parameters to each shortcode like a background for each flipping card, etc. (in the description there’s all the parameters available).
Hope it make sense, Regards.

hello :) I love your plugin , and would like to know if it does work with woo commerce products display ? many thanks for your time Good day cheers,

Hi, thanks a lot, I have no experiance with woo commerce productos, so I don’t really know, you will need to give it a shot, also there is the stand alone version of the flipping cards (check my portfolio), hope it helps.
Best regards.

How do i change the size between pictures? there is too much space and i just want to have only 2px between each.

Thanks in advance, And good job by the way ;)

Hi, thanks.
The space between de flipping cards you can change it by changing the margin, by default is set to: 0px 10px 10px 0px (that like in CSS is top right bottom down), if you want only 2px in the right then it will look like this: 0px 2px 10px 0px

Hope it make sense, Regards.

Hello!

Thanks for a nice plug. I have made a picture to be 200×200 but there is a large padding around the box although I have set the padding to 0. And it seem that my pic is not 200. http://pehjaproduktion.se

Hi, Thanks for asking these questions so others can find also the answer.
For what I can see with chrome developer tools, I think you set the padding to: “px” only, you need to put a 0 before, like this: “0px” so the browser know that you set the padding to 0px, because just “px” is not really a value.

I think that solves the problem for you, but please let me know how it goes.

Regards, David.

Yes it did! Thank You. My mistake ;)

please rate 5 stars :)

Hi, looks good. Can flip be triggered by shortcode from ubermenu?

hi, thank you.
not sure what do you mean with shortcode from ubermenu, but right now the current version only allow to trigger the effect by clicking the card, over the card and by a button inside the card.
maybe if you could explain it better it would be an update.

Regards.

Ubermenu menu items support shortcode. If I click menubutton A can I trigger flip?

right now that is not supported, but maybe for next update I add a feature that allows you to trigger the effect from a button outside the flipping card.

Sounds awesome!

Can you send me the new version please with ‘third-party shortcode’ support? Just send you an eMail…

Thanks! ;)

Hi, thanks.
I just did send you the new version.

Thanks a lot! :)

please rate 5 stars :)

Cool plug! 1 QUESTION: Does the content section for the Flipping Card allow short codes for it’s content?

Ok, now I understand you, well by default is not allowed, but I just added that feature, If you buy it I can send it to you via email instead of waiting for review.
Regards.

Great! That was quick. I have bookmarked it for purchase soon. I think this will be great for displaying available services or staff members.. like the members picture and title, and on the back their skill set for example. Thanks for the update man!

Sounds good, glad you like it.
Yes, now they have been approved the update so is already available.
Regards.

Thank you Tean.

You kept your promise! You rock david! Purchasing now…

Yes I did, thank you. Please rate, regards.

Looks lovely!

1. Can you post the code which is used on the last square example (Some Random Text with the ‘click me’ button)?
2. Can we also use the rounded version with ‘click’ type of card?

Thanks! ;)

thank you.

1. In the demo I just put a button in the front and in the back side with a class of “cbutton” like this:
[flippingCard]
[fc_front]
    HERE GOES THE HTML FOR THE FRONT PART OF THE FLIPPING CARD
    <input type="button" value="click me" class="cbutton">
[/fc_front]
[fc_back]
    HERE GOES THE HTML FOR THE BACK PART OF THE FLIPPING CARD
    <input type="button" value="click me" class="cbutton">
[/fc_back]
[/flippingCard]

The style of the button depends of the Wordpress theme.
Also you can use any html tag to trigger the effect just by adding a class of “cbutton”, like an anchor tag like this:
<a class="cbutton"> link </a>

Or just simple text like this:
<span class="cbutton">some text</span>

2. And yes you can add a button to the rounded version, the rounded version is the same just that has the border radius set to 50%

Regards, David

hi, can these flip card be sized larger or smaller?

Yes they can, you can set the width and height, by default it is set to 200×200 px

Please see the screen shots, there is a picture of the admin page with the options available, also you can pass parametets to the short code to modify a single card.

Regards.

awesome! thank you!

your welcome :)

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey