opencart產品頁面DIV

不知道這是我發佈的地方，但我在這裏有很多答案，所以我想我會問我正在修改打開購物車V2.0.2中的產品頁面。 0，我不是網頁設計師或程序員，所以我需要我可以獲得的所有幫助。這裏是我的問題，我想在產品頁面的主要產品圖像的左側添加內容，現在我知道在模塊中我可以創建HTML內容，然後通過佈局將其顯示在產品頁面上，但是這會將描述標籤推到在左欄下留下一個很大的間隙，我想要的是在左側有一個div，延伸到主圖像的底部，並將說明保留在左側。opencart產品頁面DIV

我已經試過修改產品TPL文件以各種方式，但無濟於事。任何想法都會受到感謝。

我怎麼想它看起來

問候克里斯

來源

2017-03-07 cg40447

你會在那裏有什麼？ – Innervisions

一個小的div，它不會低於主圖像的顏色圖表和鏈接信息，類似於右側的Bespoke div。 – cg40447

只需使用HTML內容模塊，並刪除該邊框，並將其放入圖像或W/E您需要在那裏？ – Innervisions

爲了幫助你更好地理解，Opencart的調用這樣

頁眉模板 - 左邊的列 - 塔中段 - 列權 - 頁腳

您需要做的是將該塊添加到中間列，然後製作幾個te mplate/css調整。如果你把它放在左邊的列中，它們會回顯出左邊的列，這會產生你告訴我們的結果。將塊分配到中間或進入模板文件目錄/視圖/主題/（yourtemplate）/product/product.tpl以及該塊的硬編碼。

祝你好運！

來源

2017-03-10 19:42:13 lexguru

感謝您的輸入和正確的方向指針，我設法排序它。我編輯了Product TPL頁面，並根據正在使用的模塊等調用列類，我手動定義列添加了我的新div並定義它col-sm-3和下一個圖像col-sm-5和右手價格等作爲col-sm-4。我把這個描述放在它自己的行中，並且定義了col-sm-8，它跨越了新div和圖像的底部，就像我想要的一樣。再次感謝您的幫助 – cg40447

沒問題，您可以對此進行投票或將其標記爲答案？自從我剛開始以來，我仍然受限於我的低分能幫助別人。謝謝！ – lexguru

opencart產品頁面DIV

回答

相關問題