I'm experimenting with RLM to see if it will add responsive content to some of the static pages in the e-commerce platform I'm using (UltraCart). Bear in mind that headers and footers are handled by UltraCart, so all I need is the <body> code.
I was able to export and upload all the files and folders, and also use the generated html inside the page content field of the static page. (I used the entire file, not just the <body> section). The content displayed on the rendered page. So far, so good!
I got stuck when trying to add an image (fringecushion3.jpg) to the image placeholder. I uploaded my image to the img folder, and changed the path to the relative path
<img class="image-4-3 main-image" src="img/fringecushion3.jpg" alt="Image">
I also tried
<img class="image-4-3 main-image" src="../img/fringecushion3.jpg" alt="Image">
...but the image doesn't display.
Looking at the source on the web, I see a likely problem:
All of RLM's code falls within the body tags of the page (because that's the only area that the e-commerce platform allows me to edit), including RLM's own header section, so there are two header sections on the page.
Does anyone know if there's a way to put RLM's head declarations somewhere else?
Any idea what else might be the problem?
RLM content used inside an e-commerce...
Terry Potter
Registered User
43 posts
Eric Rohloff
Senior Advisor
20,271 posts
How about an iframe?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Terry Potter
Registered User
43 posts
I don't know how to do that. Can you give me an example please?
Eric Rohloff
Senior Advisor
20,271 posts
<iframe height="1000" style="border:none; background:transparent; overflow:hidden; width:100%;"
id="iframe" src="mycontent/mycontent.html">
</iframe>
id="iframe" src="mycontent/mycontent.html">
</iframe>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Terry Potter
Registered User
43 posts
That didn't work Eric. The platform rejected the call to an external html page inside its own page.
Any other ideas?
Any other ideas?
Eric Rohloff
Senior Advisor
20,271 posts
Are you allowed to use php code inside that area? if so you could use an include.
<?php include('extra_content.php'); ?>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Terry Potter
Registered User
43 posts
I don't know, but I'm willing to try it. I don't know any php. What do I do with that code?
Thanks
Thanks
Eric Rohloff
Senior Advisor
20,271 posts
Put it in your page and then have a page named the same as the include that has the wanted content on it.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Terry Potter
Registered User
43 posts
Hi Eric,
I played with the iframe some more and got it to work without the php code
.
One issue remains: by setting the height to a specific number, when the responsive page lengthens for smaller devices, you end up with a scroll bar. If you try to accommodate this by making the height greater, it pushes the footer of the main page way too low below the content of the imported page on a full-size screen. You can see that on this test page,where I made the height 1600 to avoid scrollbars, but the gap between the content and the footer is too great: https://dlife.ultracartstore.com/produc … and-cords/
It will be much worse when I build my intended page with about 30 rows of 4 columns of thumbnail images. I need to replicate this page from my non-responsive site: http://patiopads.com/stripe-fabrics.html
Is there a way to have the height of the iframe adjust to the variable height of the content? I tried using "100%" but that didn't work because it interpreted it as 100px.
Thanks.
I played with the iframe some more and got it to work without the php code
.One issue remains: by setting the height to a specific number, when the responsive page lengthens for smaller devices, you end up with a scroll bar. If you try to accommodate this by making the height greater, it pushes the footer of the main page way too low below the content of the imported page on a full-size screen. You can see that on this test page,where I made the height 1600 to avoid scrollbars, but the gap between the content and the footer is too great: https://dlife.ultracartstore.com/produc … and-cords/
It will be much worse when I build my intended page with about 30 rows of 4 columns of thumbnail images. I need to replicate this page from my non-responsive site: http://patiopads.com/stripe-fabrics.html
Is there a way to have the height of the iframe adjust to the variable height of the content? I tried using "100%" but that didn't work because it interpreted it as 100px.
Thanks.
Eric Rohloff
Senior Advisor
20,271 posts
I would try some of the jquery solutions.
http://sonspring.com/journal/jquery-iframe-sizing
http://sonspring.com/journal/jquery-iframe-sizing
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
