爲Magento的網上商店迴應式設計方法1.7.0.2

嗨開發者和設計者爲Magento的網上商店迴應式設計方法1.7.0.2

我滑塊做 - 對於第一次，一個自定義主題，標籤和其他設計元素改變的Magento的默認CSS （styles.css）

你會如何建議接近一個已經制作的magento eshop，以便將其轉變爲響應式eshop？

這是可能的，否則我將不得不從頭開始改變整個CSS？

2013-09-30 kost

已經回答的媒體查詢是要走的路。儘管您可能需要更改其他庫，例如例如一個js滑塊庫，可以處理響應式css和觸摸事件。移動友好的燈箱圖像等 – Ashley

我一直在研究基於默認佈局的自定義CSS，開始您應該查看「CSS Media Queries」。也許你可以看看http://getbootstrap.com以瞭解它是如何工作的，但這是一個廣泛的例子。當您瞭解媒體查詢的工作方式時，您應該能夠將當前佈局的部分內容更改爲響應式。

來源

2013-09-30 08:57:30 plvdmeer

Magento有一個主題層次結構，所以可以「擴展」一個主題。

Magento有一個回退策略，以防它找不到特定的模板或js/css文件。它會先看看在

app/design/frontend/custom_package/custom_theme/ 
skin/frontend/custom_package/custom_theme

如果沒有找到，那麼它將在：

app/design/frontend/custom_package/default 
skin/frontend/custom_package/default

最後，它會搜索在：

app/design/frontend/base/default 
skin/frontend/base/default

這意味着，如果現有的主題位於app/design/frontend/existing_custom_package/default中，您可以在existing_custom_package中創建一個新文件夾，例如app/design/frontend/existing_custom_package/responsive_theme，然後僅放置需要覆蓋的文件。當然，您需要將活動主題從默認更改爲responsive_theme在Admin -> System ->Configuration。或者，如果您需要保持現有的CSS不變，請創建您自己的響應相關文件，您可以將它們添加到現有主題中。只需將所需的文件添加到path-to-custom-theme/layout/page.xml即可。

來源

2013-10-02 12:44:50 Jacqueline

@Fabio非常有用和全面的評論。非常感謝 – kost

不要給我學分，給予@Jacqueline他的信用，他是誰回答。我剛編輯他的答案變得更清晰 –

爲Magento的網上商店迴應式設計方法1.7.0.2

回答

相關問題