Вставить междоменный веб-сайт Magento в блог, желательно на Blogger - PullRequest
0 голосов
/ 10 марта 2012

Заранее прошу прощения за длинный вопрос ...

Вот основная проблема: на нашем сайте проводятся благотворительные онлайн-аукционы для школ и некоммерческих организаций. Мы используем Magento для создания каталога отдельных аукционных событий, каждое в своей категории - мы просто место проведения благотворительных аукционов со своим собственным брендом, мало чем отличающихся от ebay или craigslist. Некоторые организации запрашивают показ своего аукциона со своим собственным брендом. Я пытаюсь найти быстрое, бесплатное и удобное решение для этих людей, избегая крупных разработок.

Мое простое решение: попросите их создать блог в Blogger (бесплатно, где пропускная способность не ограничена, нет риска сбоев) и выбрать шаблон, который наилучшим образом соответствует их брендингу или уместности, и сделать его похожим на их собственный сайт. Затем вставьте с нашего веб-сайта несколько простых кодов iframe с URL-адресом своей категории (в котором перечислены все их предметы аукциона), чтобы их элементы были встроены в блог.

Техническая проблема: идея iframe работает, участники торгов могут входить в систему, делать ставки, оформлять заказ ... полностью функциональны, но выглядят ужасно, потому что отображают наш браузер для настольных компьютеров / тему по умолчанию в Blogger. Тем не менее, наша мобильная тема идеально подходит для iframe, а поскольку ширина жидкая, iframe может быть любой ширины, и при этом она выглядит хорошо. Мне удалось проверить это в нашем собственном блоге (размещенном на Blogger), открыть его в Safari и переключить пользовательский агент на iPhone. Здесь вы можете увидеть, как все это работает вместе (помните, при просмотре блога необходимо использовать пользовательский агент iPhone): http://winningcause.net

Так есть ли способ использовать iframe для отображения мобильной темы веб-сайта на основе Magento на рабочем столе? Вам также может быть известно о гаджете gmail для iGoogle - он отображает мобильную версию gmail, даже если он просматривается в браузере настольного компьютера - как они это сделали?

Раскрытие информации: я не инженер, я веб-дизайнер - я знаю немного CSS3 и HTML ... но мы занимаемся аутсорсингом реальной разработки, поэтому я полагаю, что решения вне моей зоны комфорта абсолютно приветствуются, но если я смогу это сделать, мы сэкономим столь необходимые средства. Спасибо за вашу помощь, ваши идеи в конечном итоге помогут некоммерческим организациям!

1 Ответ

1 голос
/ 11 июля 2012

Единственный способ понять, как это сделать - это трудный путь ... Мне пришлось создать новую тему, которая изменила дизайн сайта, чтобы он вписался в iframe, очень похожий на то, что делает тема iphone для мобильных устройств.Это определенно трудный путь, без ярлыков ...

Вот мой список, как создать новый магазин / представление магазина для отображения iframe:

  1. Создать новый магазин под своимтекущий веб-сайт
  2. Создание нового представления магазина в новом магазине
  3. Создание страницы cms для домашней страницы
  4. Перейдите в Система> Конфигурация> Интернет и выберите новый вид магазина... измените домашнюю страницу на новую страницу cms, созданную выше
  5. Перейдите в раздел Система> Конфигурация> Интернет и снимите все флажки Использовать веб-сайт под [Область текущей конфигурации: Страницы по умолчанию]
  6. Перейдите в Система> Дизайни добавьте изменение дизайна, назначив новую тему в качестве темы для представления магазина
  7. Возможно, вам потребуется добавить идентификатор магазина в URL вашего веб-сайта, чтобы иметь возможность напрямую связываться с новым представлением магазина.Для этого перейдите в Система> Конфигурация> Интернет и добавьте код магазина в URL = Да

Теперь этот код для фрейма, который мне подходит для Blogger:

    <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>
...