294 comments found.
Hi! We purchased this many years ago. Before we purchase the latest version, can you confirm it will work on php 8.3? Thanks in advance!
Hello,
Yes, it does work with the latest version of PHP
Best, David
Awesome – thank you!
Hi, I was wondering if you could help me with the setup. So I would like to have cards as in “Button Flipping Cards” example. I can set up the grid, make it responsive etc. no problem.
But on mobile, I would like those to have transition ie., when tapped on touch screen, they simply flip very fast with no transition effects. So I was wondering if you could help me to add such transition.
Thank you in advance Regards
Hello,
This would required a little JS customization, if you know some JS then this would make sense:
Open the flippingCards/js/flipCard.js file and find this:
var fallback = false;below that line you could make a condition, and if it’s mobile you can then set that variable to true, like this:
fallback = true;you just need to look for the right condition
Best, David
Hello. One question: Can I use it for Woocommerce products?
Hello,
Unfortunately the plugin doesn’t scan your products, you would need to manually add the HTML for each side of the card
If you are looking for a grid of products, probably this would be a better option: https://codecanyon.net/item/wp-media-boxes-portfolio-responsive-wordpress-grid-plugin/22881148
Best Regards
Hi,
maybe you remember. As I bought your plugin you’ve made some custom changes for me. I’ve installed the current update today and it seems the changes has been lost now. Please give me an email address and I can give you the changes you’ve made.
Thanks for your support.
Warmly,
Hi Warmly,
Unfortunately I don’t remember, but you can contact me via email here: https://codecanyon.net/user/castlecode#contact
Best , David
..done! I sent an email. Thank you!
Hi David, I had a question re having multiple cards lined up horizontally next to each other. I was having issues doing that. I send message about this via contact form a couple of days ago. In case you prefer supporting via these comments, I’ll paste my message here:
Hi David,I’m working on setting up your Flipcard plug-in on my site.
I couldn’t find anything in the brief documentation file stating how to put multiple cards on the same page. When I duplicate the entire shortcode sequence (i.e., [flippingCard] ... [/flippingCard], the additional cards seem to nest into the container of the first card, which makes no sense to me.
When I only duplicate the [fc_front] and [fc_back] segments, only the first card displays.
Would you explain how to have more than one card on a page? I basically want four cards horizontally lined up next to each other, downgrading responsively to two cards and one card accordingly when viewport width is reduced.
Is that possible?
Thanks very much,
Jonathan
HI Jonathan,
I sent you a reply via email just now
Is it possible to have a picture on both sides?
Hi, yes it is possible, you can add any HTML on both sides
Hi,
I cannot get the vertical text to align in the middle. I followed the link but it did not work https://codecanyon.net/item/flipping-cards-3d-wordpress/4135044/comments?filter=all&site=codecanyon.net&term=vertically&utf8=%E2%9C%93#comment_3659629 Here is my page: (just the first block) http://interiorsbycarolinab.com/services/Please help
Thanks
Hello,
I see the problem, aside of adding the CSS found there you also need to wrap the content of the flipping cards in 2 span tags, like this:
[fc_front]<span><span> <div class="servicesTitle">DESIGN</div> </span></span>[/fc_front]let me know if this makes sense
my theme keeps stripping/removing that code out every time i save the page/revists the editor, I can give you wordpress access for you to take a look
yes, I’ll be happy to take a look at it, you can contact me privately via email here: https://codecanyon.net/user/castlecode#contact
Best, David
Thanks. I just emailed it to you
.fc_front .servicesTitle{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .fc_back{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; }no need to add the span HTML element
Best, David
Thanks! That works but it is not aligned in the middle, See screenshots
mobile – https://ibb.co/BLcQ3H8 desktop – https://ibb.co/8jBMMBx
There seem to be more extra space on the bottom.
Thanks
Also, the background images are NOT responsive. On desktop they show up fine but on mobile the images are being cropped (not shown fully). I am using the following shortcode. My images are 600px by 500px.
width=”100%” ratio=”600:500” height=”500px”
http://interiorsbycarolinab.com/services/ ThanksI’m trying to check it out again, but the page is asking me for a password (in order to see it)
I will email you the password now
.fc_back>p{ display: none !important; } .fc_back ul{ padding: 0 !important; margin: 0 !important; }
.fc_front>div{ background-size: contain !important; }I hope this makes sense
Awesome thank you! How about the background images on mobile?
Oh you are fast. Thanks!!!
Hi, we just brought the flipping cards 3d for wordpress and downloaded the files. the website mentioned about the admin page on wordpress but when I tried to upload the zip file as a plugin it wouldnt work and all the files in the zip are for css and js files so not sure how I can install as a plugin so I can call from shortcuts, do you have a link to this?
I also just noticed even though I added the flipping cards which said wordpress it then put the js / css which is cheaper… my fault for not double checking… will buy again the proper one
Ohh yes, the js/css version is for HTML websites (stand alone)
Best Regards
Hi,
I’ve been searching for this type of plugin for a long time. Very thankful you created it. Amazing job!
url: https://visualadvantage.ca/card-flip-apo/
If you could visit the url above and offer some advice on how I could make the image and container 100% width and height and fully responsive that would be great as I have run into some issues accomplishing this myself. Currently, when the browser window is adjusted in size a grey gap appears above and below the image.
Your help would be greatly appreciated. Many thanks.
Best, Alan
Hi Alan,
thank you
Ohh yes I see the problem, first add this peace of CSS in order to remove the gaps:
.fc_card p{ display: none !important; } .fc_card img{ width: 100%; }then you would need to set each card to be responsive, by setting its width to 100% and then specify the aspect ratio (the width and height of your image), for example like this:
[flippingCard width="100%" ratio="900:600"]I hope this makes sense
Thank you for your quick response, I really appreciate it. Unfortunately, I ran into a little issue after adding in the code you suggested.
1. For some reason all the text copy on the backside as disappeared. If you could please review my code below and let me know what I’m missing or what would cause the backside to appear blank that would be great.
2. When I resize my browser the grey gap still appears until I fresh my browser then the gaps disappear. Is there a way to automatically refresh on browser resize so the grey gaps don’t appear?
[flippingCard width="100%" ratio="900:600"] [fc_front] <img src="https://visualadvantage.ca/wp-content/uploads/2020/07/22-realtor-packages-webpage-listing.jpg" /> [/fc_front] [fc_back] <p class="cardfliptitle">PHOTO TOURS - $149</p> <p class="cardflipcopy">Virtual Tour with web links, up to 40 still images, Marketing Tools, Brochure Software, Complete Member Control Panel and much more.</p> <p class="cardflipcopy">Click <a href="https://visualadvantage.ca/virtual-tours/">HERE</a> for more info</p> [/fc_back] [/flippingCard]
Thanks again for all your help. Really happy with the plugin and support. Best, Alan
Hi Alan,
1) Oops I’m sorry, I forgot to check the backside, in the front side there were some empty paragraphs, so instead of the code I sent, try this:
.fc_card .fc_front p{ display: none !important; } .fc_card img{ width: 100%; }
2) Ohh I think I see the issue, maybe the plugin is refreshing the dimensions of the card faster than the responsive design of the theme, any chance you could give me access to your wp? I would like to make some adjustments, you can contact me privately via email here: https://codecanyon.net/user/castlecode#contact
Best, David
Hi David,
Thanks for all your help with this issue, I really appreciate you willing to look into this for me. I have sent you an email via the link above. Let me know if you run into any issues within WP. Thanks again.
Best, Alan
Great lets continue via email!
HI.
I need some basic help to begin with Flippingcards
WP, Themeforests Infinite Theme. Can´t get html code to work in Code-window”
Best regards Jukka Vuorinen
Hello Jukka,
You can contact me privately via email here: https://codecanyon.net/user/castlecode#contact
I’ll be happy to help
Best, David
Deprecated: Non-static method FC_Options::display_options_page() should not be called statically in /wp-includes/class-wp-hook.php on line 287 Deprecated: screen_icon is deprecated since version 3.8.0 with no alternative available. in /wp-includes/functions.php on line 4723 Deprecated: get_screen_icon is deprecated since version 3.8.0 with no alternative available. in /wp-includes/functions.php on line 4723Looks like we have some depreciated code. Could you look at these and issue an update? Thanks!
Hello,
Yes, please contact me via email here: https://codecanyon.net/user/castlecode#contact so I can send you an updated version of the plugin
Best, David
Do you not update the plugin via the purchased downloads here on CodeCanyon?
yes, you can go ahead and re-download the plugin, CodeCanyon usually takes few hours to process updates, but it has been approved now so you can re-download it
Can you turn these into active links? Like if you wanted to make an ad wall with logos on one side and maybe an ad offer on the other and people can click on them to go to the site?
Hi,
You can add any HTML inside both side of the cards, so if you know some HTML you can add your own anchor links on both sides
Best, David
Hi, I Can’t seem to activate my license. Could you please advise?
Hello,
Can you describe your issue a little bit more? do you mean you can’t upload the plugin to WP?
You can contact me privately via email here: https://codecanyon.net/user/castlecode#contact for further support
Best, David
Is there a way I can make the back colour of the click flip card a different colour to the front?
Hello,
yes, this is possible, see this: https://codecanyon.net/item/flipping-cards-3d-wordpress/4135044/comments?page=7&filter=all#comment_8339975
Best, David
Hi, Before I buy this item I would like to show you a sketch to make sure what I am envisioning can be done. How can I send you a PDF of this idea?
thanks
Hello,
you can contact me privately via email here: https://codecanyon.net/user/castlecode#contact
Best, David
Hi, I updated the Autostart-Time of the rotation, but from then, every card rotates correctly once but stops after one rotation. What can I do, that the cards will repeat rotating constantly?
Hello,
by any chance you are talking about the stand alone version? Since codecanyon says that you haven’t buy this plugin (which is the WP version) this is the stand alone version: https://codecanyon.net/item/flipping-cards-3d-with-jquerycss3/3726635
Best, David
Dear David, how to make the flip box responsive? For example, if I want it to show nicely on very small phones and large computer screen. Thanks!
Hello,
One idea is to use percentage width and specify a ratio to always keep the right proportions, something like this:
[flippingCard width="25%" ratio="1:2"]I hope this makes sense
Hello David, would be great if you could help me with my problem. I built this site with the Divi-Builder: http://vida-life.at.w0190fc8.kasserver.com/test/ If I resize the Browser window, the columns/images overlap but I want them to resize or jump into the next row.
I used the width and ratio combination which I thought should work: [flippingCard direction=”right” type=”click” borderradius=”0px” width:”100%” ratio:”450:634” background=”white” textalign=”left” front_class=”frontflip” back_class=”backflip1”]
Thanks in advance! Tobias
Hi Tobias,
I noticed some issue with your shortcode, you are using colon, instead of the ”=” sign, it should be like this:
[flippingCard direction="right" type="click" borderradius="0px" width="100%" ratio="450:634" background="white" textalign="left" front_class="frontflip" back_class="backflip1"]try with that one
Oh, i should’ve seen that. Thank you very much for your help, works fine now!
awesome
Hello,
My item purchase code is: 6515e787-9e53-4ec6-9081-1e4948ed85d6
I bought it 3 days ago. I would like to request a refund because the plugin is not what I was expecting. Please facilitate the process, so I can review it positively.
Thank you, looking forward to hearing from you
Hi,
contact me privately via email: https://codecanyon.net/user/castlecode#contact
Best, David
Hello, I have purchased your plugin flipping cards 3d. How do I use your code in a responsive grid in a page? as you can see, http://valuemhdemo.eu/hellas3d/hometest-2/, the mobile view is bad. Can you please help me resolve this?
Thank you, looking forward to hearing from you
Hi,
I just checked your site, and saw that you added the flipping cards in a column container, I’m guessing that’s from your theme.
if you want something responsive, it depends what responsive behavior you want, do you want something like this? http://www.davidbo.dreamhosters.com/?page_id=11 or that it adapts to the 100% of its container?
Best, David
Yes I would like to have the cards as your demo please and particularly to have the cube effect/transition. Please guide me how to fix them in than manner. Do you need admin credentials to facilitate the process? thank you, looking forward to hearing from you
Hi,
yes I can set you an example in your WP installation, please send me the details via email here: https://codecanyon.net/user/castlecode#contact
Best, David