【问题标题】:Embed cross domain Magento website into a blog, preferably hosted on Blogger将跨域 Magento 网站嵌入博客,最好托管在 Blogger 上
【发布时间】:2012-03-27 08:13:12
【问题描述】:

抱歉问了这么长的问题...

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

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

技术问题:iframe 的想法很有效,投标人可以登录、投标、结帐……功能齐全——但它看起来很糟糕,因为它在 Blogger 上显示了我们的桌面浏览器/默认主题。但是,我们的移动主题非常适合 iframe,因为宽度是流动的,所以 iframe 可以是任何宽度,而且看起来仍然不错。 我能够在我们自己的博客(托管在 Blogger 上)上对此进行测试,在 Safari 中打开它并将用户代理切换到 iPhone。你可以在这里看到所有这些是如何协同工作的(记住,查看博客时必须使用 iPhone 用户代理):http://winningcause.net

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

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

【问题讨论】:

  • 我正在接近解决方案...能够在 CMS 页面中为特定拍卖的类别放置一个块,并将该 CMS 页面的主题更改为移动主题。现在我需要找出一个解决方案来在用户单击任何链接时维护移动主题,这会将它们带到默认主题。也许创建一个全新的主题,在花式框中打开这些特定链接?

标签: iframe web embed blogs


【解决方案1】:

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

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

  1. 在您当前的网站下创建一个新商店
  2. 在新商店下新建商店视图
  3. 为主页创建一个 cms 页面
  4. 转到系统>配置>Web 并选择新的商店视图...更改 到上面创建的新 cms 页面的主页
  5. 转到系统>配置>Web 并取消选中所有使用网站下 [当前配置范围:默认页面]
  6. 转到系统>设计并添加设计更改,将您的新主题指定为 商店视图的主题
  7. 您可能需要将商店 ID 添加到您网站的 url 中 能够直接链接到新的商店视图。为此,请访问 System>Configuration>Web and Add Store Code to Urls=Yes

现在这是我发现最适合 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>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-03-26
    • 1970-01-01
    • 2014-08-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-02-14
    • 1970-01-01
    相关资源
    最近更新 更多