提前抱歉,这个问题很长......
这是一个大问题:我们的网站是为学校和非营利组织进行在线慈善拍卖的场所。我们使用Magento创建单独拍卖活动的目录,每个活动都属于自己的类别 - 我们只是用我们自己的品牌进行慈善拍卖的场所,与ebay或craigslist不同。一些组织一直在要求用他们自己的品牌展示他们的拍卖活动。我正在尝试为这些人提供一个快速,免费且用户友好的解决方案,避免重大开发。
我的简单解决方案:让他们在Blogger上设置一个博客(免费,带宽无限制,没有崩溃的风险),并选择最符合其品牌或猿人的模板,使其看起来与他们自己的网站完全一样。然后在我们的网站上粘贴一些简单的iframe代码,其中包含他们自己类别的URL(列出所有拍卖项目),以便他们的项目嵌入到博客中。
技术问题:iframe的想法有效,投标人可以登录,出价,结帐......完全正常 - 但它看起来很糟糕,因为它在Blogger上显示我们的桌面浏览器/默认主题。然而,我们的移动主题完美地适合iframe,因为宽度是液体,iframe可以是任何宽度,它看起来仍然很好。 我能够在我们自己的博客(在Blogger上托管)上测试它,在Safari中打开它并将用户代理切换到iPhone。你可以在这里看到这些是如何一起工作的(请记住,在查看博客时必须使用iPhone用户代理):http://winningcause.net
那么有没有办法在桌面上使用iframe显示基于Magento的网站的移动主题?您可能也知道iGoogle的gmail小工具 - 它显示了gmail的移动版本,即使它是从桌面浏览器查看的 - 他们是如何做到的?
披露:我不是工程师,我是网页设计师 - 我知道一些CSS3和HTML ......但我们将实际开发外包出去,所以我认为我的舒适区以外的解决方案绝对受欢迎,但是如果我能做到,我们将节省急需的资金。感谢您的帮助,您的想法将最终帮助非营利组织!
答案 0 :(得分:1)
我能想出办法的唯一方法是艰难的方式......我必须制作一个新的主题,重新设计网站以适应iframe,就像iphone主题为移动设备所做的那样。这绝对是艰难的方式,没有捷径......
以下是我如何列出为iframe显示创建新的商店/商店视图:
现在,这是我发现最适合Blogger的iframe代码:
<div align="center" style="background:#fff;margin:0 auto;width:770px;border:1px solid #999;border-radius:10px 0 0 10px;webkit-border-radius:10px 0 0 10px;moz-border-radius:10px 0 0 10px;">
<iframe frameborder="0" src="http://yoursite.com/store_id" width="770px" height="550px"> <p>Error: Embedded data could not be displayed.</p> </iframe></div>