将跨域Magento网站嵌入到博客中,最好在Blogger上托管

时间:2012-03-09 21:52:29

标签: iframe web embed blogs

提前抱歉,这个问题很长......

这是一个大问题:我们的网站是为学校和非营利组织进行在线慈善拍卖的场所。我们使用Magento创建单独拍卖活动的目录,每个活动都属于自己的类别 - 我们只是用我们自己的品牌进行慈善拍卖的场所,与ebay或craigslist不同。一些组织一直在要求用他们自己的品牌展示他们的拍卖活动。我正在尝试为这些人提供一个快速,免费且用户友好的解决方案,避免重大开发。

我的简单解决方案:让他们在Blogger上设置一个博客(免费,带宽无限制,没有崩溃的风险),并选择最符合其品牌或猿人的模板,使其看起来与他们自己的网站完全一样。然后在我们的网站上粘贴一些简单的iframe代码,其中包含他们自己类别的URL(列出所有拍卖项目),以便他们的项目嵌入到博客中。

技术问题:iframe的想法有效,投标人可以登录,出价,结帐......完全正常 - 但它看起来很糟糕,因为它在Blogger上显示我们的桌面浏览器/默认主题。然而,我们的移动主题完美地适合iframe,因为宽度是液体,iframe可以是任何宽度,它看起来仍然很好。 我能够在我们自己的博客(在Blogger上托管)上测试它,在Safari中打开它并将用户代理切换到iPhone。你可以在这里看到这些是如何一起工作的(请记住,在查看博客时必须使用iPhone用户代理):http://winningcause.net

那么有没有办法在桌面上使用iframe显示基于Magento的网站的移动主题?您可能也知道iGoogle的gmail小工具 - 它显示了gmail的移动版本,即使它是从桌面浏览器查看的 - 他们是如何做到的?

披露:我不是工程师,我是网页设计师 - 我知道一些CSS3和HTML ......但我们将实际开发外包出去,所以我认为我的舒适区以外的解决方案绝对受欢迎,但是如果我能做到,我们将节省急需的资金。感谢您的帮助,您的想法将最终帮助非营利组织!

1 个答案:

答案 0 :(得分:1)

我能想出办法的唯一方法是艰难的方式......我必须制作一个新的主题,重新设计网站以适应iframe,就像iphone主题为移动设备所做的那样。这绝对是艰难的方式,没有捷径......

以下是我如何列出为iframe显示创建新的商店/商店视图:

  1. 在您当前的网站下创建一个新商店
  2. 在新商店
  3. 下创建新商店视图
  4. 为主页创建cms页面
  5. 转到系统>配置> Web并选择新商店视图...更改 上面创建的新cms页面的主页
  6. 转到系统>配置>网址,然后取消选中所有使用网站 [当前配置范围:默认页面]
  7. 转到系统>设计并添加设计更改,将新主题指定为 商店视图的主题
  8. 您可能需要将商店ID添加到您网站的网址中 能够直接链接到新商店视图。要做到这一点,去吧 系统>配置>网址和添加商店代码到网址=是
  9. 现在,这是我发现最适合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>