iframe content not showing on Mobile devices (Debut Theme)

Solved
Highlighted
Excursionist
15 1 0

@KetanKumar wrote:

if possible to provide iframe code?


<p>&nbsp;<img src="//cdn.shopify.com/s/files/1/0282/9552/8547/files/builder_floral_banner_testA_a38155a9-b9ee-4211-a3c0-fe086299d1b2_1024x1024.jpg?v=1579131912" border="0" alt=""></p>
<p style="text-align: center;"><iframe src="https://alli-jean.com/builder/builder.php" width="500" height="400" style="border: none; max-width: 100%; overflow: scroll;"></iframe></p>
<h2>Need more sets or add-ons to complete your phrase? Want to add color with our art blocks? Shop <a href="https://www.allijean.com/collections">here</a>!</h2>

This is the contents of my page body  in shopify

0 Likes
Excursionist
15 1 0
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Phraseology</title>
    <style type="text/css">
        .error{ color: red; }
        .success{ color: green; }
        @font-face {
            font-family: myFirstFont;
            src: url(fonts/worksans-regular-webfont.woff2);
        }
        body {
            font-family: myFirstFont;
            }
    </style>
</head>
<body>
	<div id="builder">
    <form action="builder.php" method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
        <p align="left">
        	<label for="u_qty">How many base sets do you own?</label><br>
        	<input type="radio" name="u_qty" value="1" <?php if ( $selected_qty == "1") {echo 'checked';} ?> > 1
  			<input type="radio" name="u_qty" value="2" <?php if ( $selected_qty == "2") {echo 'checked';} ?> > 2
        	<br><br>
        	<label>Do you own any add-on sets?</label><br>
        	<input type="checkbox" name="u_numadd" value="1" <?php if ( $selected_numaddon == "1") {echo 'checked';} ?> > Number set&nbsp;&nbsp;
        	<input type="checkbox" name="u_puncadd" value="1" <?php if ( $selected_puncaddon == "1") {echo 'checked';} ?> > Punctuation set
        	<br><br>


            <label for="inputPhrase">Phrase:</label>
            <input type="text" name="u_phrase" id="inputPhrase" size="40" value="<?php 	if(empty($_POST["u_phrase"])) { echo ""; } else { echo htmlspecialchars($_POST["u_phrase"]); }?>"> 
            <input type="image" src="images/shopify_SEND_button2.jpg" border="0" alt="Submit" align="top" style="width: 70px;"/>        
        </p>
        
    </form>
	</div>

     <?php
    	if (defined("U_ERROR")){           		
            echo "<br><span class=\"error\">";
            echo U_ERROR; 
            echo "</span>";
        }
        elseif (!empty($messageErr)){           		
            echo "<br><span class=\"error\">";
            echo $messageErr; 
            echo "</span>";
        }
        else {

            if($phrase_result !=  ""){
            	echo('<div id="results">');
                //echo('<h2> Results: </h2>');
                echo('<p>' . $phrase_resolved. '</p>');
                echo('</div>');
        
            }
        }

    ?>
    
</body>
</html>

Sorry I just realized how to insert code :) This is the HTML portion of the page being called.  There is PHP code I left out

 

0 Likes
Highlighted
Shopify Partner
491 72 90

I can issue, see attachment and text below.
[blocked] The page at https://alli-jean.com/builder/builder.php?i=3 was not allowed to display insecure content from http://google.com/cookies.html. 

Dashboard.png

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Excursionist
15 1 0

any idea how to go about fixing that?  what constitutes "insecure content"?  

0 Likes
Highlighted
Shopify Partner
491 72 90

sorry but I can't figure out this issue. maybe trying Shopify default form or create custom form direct Shopify.  

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted

Success.

Excursionist
15 1 0

So this ended up being something so simple but I thought I'd share in case anyone else has issues.  I changed the URL of the src of the iframe to include "www" and it works now.  At least it works on iPhone.  I guess the SSL cert is specific to www.alli-jean.com.  Who knew!! 

0 Likes