WPIntell

Source evidence

Flipcards display error on frontend

Flip Cards Module For Divi · support · 2021-06-02T10:37:00+00:00

mixedsentiment
mediumseverity
0.84relevance
7replies
Evidence linked to opportunitycommercial context

Proof Health

Open evidence

Commercial opportunities need traceable source links before they are treated as build-worthy.

6 / 28 rows with source links

21.4% of this page's analysis has direct source links.

0 build-decision rows missing links

0 rows here require auditable proof before promotion.

22 rows with no attached evidence

0 rows have source counts but still need direct links.

Conversation

support
xaviwp resolved
Hello, I need support for an error in the plugin, I have configured a divi page with the flipcard module of the plugin, from the backend it displays correctly, but from the frontend it displays badly. The error; sections and flipcards are stepped on from top to bottom. Sol managed to solve the display error after loading the page with the error and modifying the screen size or refreshing the screen with f5, but of course this is not presentable for users. Please give me support to solve this problem., Thank you very much for your help. The page I need help with: [ log in to see the link] Hi, Can you please clarify what is the issue. The flip cards look fine. http://prntscr.com/13ptn9j Hi,thanks for your support, I attach an image of the error on the front-end with google chrome incognito session, https://prnt.sc/13ptz9b In backend it is visualized well Thanks Xavier Can you please export the layout and share a link to download it. Hi learnhowwp.com, thanks for your support, Ok, the url for download desing layout is: https://drive.google.com/file/d/1icYv-pe015xncteIeCB8jRvH9mBanewJ/view?usp=sharing this is a temporary url to manage this incident, I await your reply, Thank you very much for your help Xavier Add a new code module after all flip card modules on the page and then add the following code in the code module. <script> $(".lwp_divi_flipbox img").each(function(){ $(this).on('load', function() { //console.log($(this).attr('src')); let $flip_box_front = $(this).parents(".flip_box_front"); $flip_box_front.height('auto'); let $front_height = $flip_box_front.height(); let $flip_box_back = $(this).parents(".flip_box_back"); $flip_box_back.height('auto'); let $back_height = $flip_box_back.height(); let $front_outer_height = $flip_box_front.outerHeight(); let $back_outer_height = $flip_box_back.outerHeight(); if ($front_height > $back_height) { $(this).parents(".flip_box").height($front_outer_height); $flip_box_back.height($front_height); $flip_box_front.height($front_height); } else { $(this).parents(".flip_box").height($back_outer_height); $flip_box_back.height($back_height); $flip_box_front.height($back_height); } }); }); }); </script> This reply was modified 4 years, 11 months ago by learnhowwp . Hello, thank you very much, I have inserted code modules after each inverted card module, then I have entered the code in these code modules. Upon entering I found a different display than the previous one but still with some errors, I have updated the background color of the page and now it seems that it works well in private session, thank you very much for your help. The issue is fixed in the latest update of the plugin. You can update the plugin and remove the codes.

Comments

7 shown
learnhowwp 2021-06-02T11:09:00+00:00

Hi, Can you please clarify what is the issue. The flip cards look fine. http://prntscr.com/13ptn9j

xaviwp 2021-06-02T11:21:00+00:00

Hi,thanks for your support, I attach an image of the error on the front-end with google chrome incognito session, https://prnt.sc/13ptz9b In backend it is visualized well Thanks Xavier

learnhowwp 2021-06-02T13:11:00+00:00

Can you please export the layout and share a link to download it.

xaviwp 2021-06-02T17:40:00+00:00

Hi learnhowwp.com, thanks for your support, Ok, the url for download desing layout is: https://drive.google.com/file/d/1icYv-pe015xncteIeCB8jRvH9mBanewJ/view?usp=sharing this is a temporary url to manage this incident, I await your reply, Thank you very much for your help Xavier

learnhowwp 2021-06-05T15:15:00+00:00

Add a new code module after all flip card modules on the page and then add the following code in the code module. <script> $(".lwp_divi_flipbox img").each(function(){ $(this).on('load', function() { //console.log($(this).attr('src')); let $flip_box_front = $(this).parents(".flip_box_front"); $flip_box_front.height('auto'); let $front_height = $flip_box_front.height(); let $flip_box_back = $(this).parents(".flip_box_back"); $flip_box_back.height('auto'); let $back_height = $flip_box_back.height(); let $front_outer_height = $flip_box_front.outerHeight(); let $back_outer_height = $flip_box_back.outerHeight(); if ($front_height > $back_height) { $(this).parents(".flip_box").height($front_outer_height); $flip_box_back.height($front_height); $flip_box_front.height($front_height); } else { $(this).parents(".flip_box").height($back_outer_height); $flip_box_back.height($back_height); $flip_box_front.height($back_height); } }); }); }); </script> This reply was modified 4 years, 11 months ago by learnhowwp .

xaviwp 2021-06-07T07:50:00+00:00

Hello, thank you very much, I have inserted code modules after each inverted card module, then I have entered the code in these code modules. Upon entering I found a different display than the previous one but still with some errors, I have updated the background color of the page and now it seems that it works well in private session, thank you very much for your help.

learnhowwp 2021-06-08T07:20:00+00:00

The issue is fixed in the latest update of the plugin. You can update the plugin and remove the codes.