2012-03-09 6 views
0
長い問題を事前に申し訳

上でホストされているブログに埋め込むクロスドメインMagentoのウェブサイトは、...好ましくブロガー

ここで大きな画像の問題です:私たちのウェブサイトは、学校や非営利団体のためのオンラインチャリティーオークションの会場ですが。私たちはMagentoを使用して、それぞれ独自のカテゴリのオークションイベントのカタログを作成しています。eBayやCraigslistとは異なり、自社のブランドでチャリティーオークションを開催する場所です。一部の組織では、自分のブランドでオークションイベントを表示するよう依頼しています。私は、これらの人々のための迅速で、無料で、ユーザーフレンドリーな修正を考え出し、大きな開発を避けようとしています。

私の簡単な解決策:Bloggerでブログを設定して(無料で、帯域幅に制限はなく、クラッシュする危険はありません)、自分のブランドに合ったテンプレートを選んだり、猿に行って自分のウェブサイト。次に、私たちのウェブサイトから、そのアイテムがブログに埋め込まれるように、単純なiframeコードに自分のカテゴリのURL(すべてのオークションアイテムをリストする)を貼り付けます。

技術的な問題:iframeの考え方がうまくいけば、入札、入札、決済などが可能ですが、Bloggerのデスクトップブラウザ/デフォルトのテーマが表示されるので大変です。しかし、私たちのモバイルテーマは、iframeに完全にフィットし、幅が液体であるため、iframeは任意の幅にすることができ、それはまだよく見えます。 自分のブログ(Bloggerでホストされている)でこれをテストし、Safariで開き、ユーザーエージェントをiPhoneに切り替えることができました。ときに基づいたウェブサイトを http://winningcause.net

だから、Magentoののモバイルテーマを表示するためにはiframeを使用する方法があります:あなたがここにすべてが一緒に動作することをどのように見ることができます(ブログを見たときに覚えている、iPhoneのユーザー・エージェントを使用する必要があります)デスクトップ?また、iGoogleのgmailガジェットに気付いているかもしれません。デスクトップ版のブラウザから見てもモバイル版のgmailが表示されます。

開示:私はエンジニアではなく、私はウェブデザイナーです - 私はCSS3とHTMLをいくつか知っています...しかし、実際の開発をアウトソーシングしていますので、私の快適ゾーン以外のソリューションは、私がそれをすることができれば、必要な資金を節約できます。あなたの助けをありがとう、あなたのアイデアは最終的に非営利団体を助けるでしょう!

+0

私はソリューションに近づいている...特定のオークションのカテゴリのブロックをCMSページに配置し、そのCMSページのテーマをモバイルテーマに変更することができました。今、ユーザーがリンクをクリックしたときにモバイルテーマを維持するためのソリューションを見つけ出す必要があります。これらのテーマをデフォルトのテーマに変えます。ファンシーボックスでこれらの特定のリンクを開く全く新しいテーマを作成することはできますか? –

答えて

1

これを行うために唯一の方法は難しかったです... iphoneテーマがモバイルデバイス用にしているのと同じように、ウェブサイトをiframeに合わせて再設計した新しいテーマを作成する必要がありました。これは、近道...

ハードな方法は、ここではインラインフレーム表示のための新しい店舗/店舗ビューを作成するためにリストする私の方法です間違いなくです:

  1. あなたの現在のウェブサイトの下に
  2. を新しいストアを作成します。 [システム]> [設定]> [Webに行く
  3. ホームページ用のCMSページを作成
  4. 新店舗の下に新しい店舗ビューを作成し、新しい店舗ビューを選択...上記で作成した新しいCMSのページへ ホームページを変更システムへ
  5. Goは> [設定]> [Webおよび の下にあるすべての使用ウェブサイトのチェックを外す:店舗ビュー
  6. ため テーマとして、あなたの新しいテーマを割り当て、デザインの変更をシステム>デザインへ
  7. ゴー[現在の構成スコープページをデフォルト]と追加
  8. あなたのウェブサイトのURLにストアIDを追加して、新しいストアビューに直接リンクできる にする必要があります。これを行うには、 [システム]> [設定]> [Webに行くとURL =にストアのコードを追加します。はい

今これは私がブロガーのための最高の機能することがわかっ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> 
関連する問題