跳至內容
Odoo 選單
  • 登入
  • 免費試用
  • 應用程式
    財政
    • 會計
    • 發票
    • 開支報銷
    • 試算表 (BI)
    • 文件管理
    • 電子簽名
    銷售
    • 客戶關係
    • 銷售
    • POS 銷售點管理 - 零售
    • POS 銷售點管理 - 餐廳
    • 訂閱
    • 租賃
    網站
    • 網站製作
    • 電子商務
    • 網誌
    • 討論區
    • 線上客服
    • 網上學習
    供應鏈
    • 庫存
    • 製造管理
    • 產品生命周期
    • 採購
    • 保養維護
    • 品質管理
    人力資源
    • 員工管理
    • 招聘
    • 休假
    • 工作表現評核
    • 內部推薦
    • 車隊管理
    市場推廣
    • 社交媒體推廣
    • 電郵推廣
    • 短訊營銷
    • 活動
    • 自動化推廣
    • 網上調查
    服務
    • 專案管理
    • 工時管理
    • 外勤服務管理
    • 技術支援
    • 工作規劃
    • 預約管理
    生產力
    • 聊天
    • 批核
    • 物聯網
    • VoIP
    • 知識庫
    • WhatsApp
    第三方應用程式 Odoo Studio Odoo 雲端平台
  • 行業
    零售
    • 書店
    • 服裝店
    • 家具店
    • 食品雜貨店
    • 五金店
    • 玩具店
    餐飲及款待
    • 酒吧及酒館
    • 餐廳
    • 快餐
    • 賓館
    • 飲品分銷商
    • 酒店
    房地產
    • 地產代理公司
    • 建築師事務所
    • 建造業
    • 物業管理
    • 園藝
    • 業主聯會
    顧問服務
    • 會計公司
    • Odoo 合作夥伴
    • 市場推廣公司
    • 律師事務所
    • 人才招募
    • 審計及認證
    製造管理
    • 紡織
    • 金屬
    • 家具
    • 食品
    • 啤酒廠
    • 企業禮品
    保健與健身
    • 運動俱樂部
    • 眼鏡店
    • 健身中心
    • 健康從業人員
    • 藥房
    • 髮型屋
    技術行業
    • 雜工
    • IT 硬體與支援
    • 太陽能系統
    • 鞋匠
    • 清潔服務
    • 暖通空調服務
    其他
    • 非牟利組織
    • 環境保護機構
    • 廣告板租賃
    • 攝影服務
    • 自行車租賃
    • 軟體經銷商
    瀏覽所有行業
  • 社群
    學習
    • 教學影片
    • 使用說明
    • 認證
    • 培訓
    • 網誌
    • Podcast
    增強教學效能
    • 教育計劃
    • Scale Up! 商業遊戲
    • 到訪 Odoo
    取得軟件
    • 下載
    • 版本對照表
    • 版本說明
    合作
    • GitHub
    • 討論區
    • 活動
    • 翻譯
    • 成為合作夥伴
    • 合作夥伴服務
    • 登記你的會計服務公司
    獲取服務相關資料
    • 尋找合作夥伴
    • 尋找會計服務
    • 預約顧問諮詢
    • 安裝及推行服務
    • 客戶案例
    • 支援
    • 軟件升級
    GitHub YouTube Twitter LinkedIn Instagram Facebook Spotify
    +1 (650) 691-3277
    預約示範
  • 定價
  • 技術支援

Odoo is the world's easiest all-in-one management software.
It includes hundreds of business apps:

  • 客戶關係
  • e-Commerce
  • 會計
  • 庫存
  • PoS
  • 專案管理
  • MRP
All apps
只限註冊用戶才可與社群互動。
所有帖文 人 獎章
標籤 (查看所有)
odoo accounting v14 pos v15
關於此討論區
只限註冊用戶才可與社群互動。
所有帖文 人 獎章
標籤 (查看所有)
odoo accounting v14 pos v15
關於此討論區
支援

[V8]How is it possible to add multiple images on product page

訂閱

此帖文有活動時,接收通知

此問題已被標幟
website
1 回覆
6529 瀏覽次數
頭像
Mind And Go

Hy,

How is it possible to add multiple images into a product page thanks to the website builder?

Regards

0
頭像
捨棄
頭像
Luke Branch
最佳答案

I have created a (very quick and dirty) module that will allow you to store 22 product images inside the product form that can be pulled into your custom website template using by adding some logic to your website's product view page.

Just clone the following git repository here into your /addons directory:


https://github.com/lukebranch/website_multi-image

and install as you would a normal Odoo addon. In order to add the product images into your custom website template's product page you can just use the following logic inside whatever div (or other tag) you'd like to duplicate for images:

t-if="not product.x_product_image_1 == null"

for example:

<div t-if="not product.x_product_image_1 == null">
<!-- Add your image container here -->
<span itemprop="image" t-field="product.x_product_image_1" t-field-options="{&quot;widget&quot;: &quot;image&quot;, &quot;class&quot;: &quot;product_detail_img&quot;}" class="img-responsive img-rounded"/>
</div>

Just change the _1 in the t-if statement and t-field statement above each time you want to add an extra image to the template, for example the following code adds image field 2:


<div t-if="not product.x_product_image_2 == null">
<!-- Add your image container here -->
<span itemprop="image" t-field="product.x_product_image_2" t-field-options="{&quot;widget&quot;: &quot;image&quot;, &quot;class&quot;: &quot;product_detail_img&quot;}" class="img-responsive img-rounded"/>
</div>

The t-if statement is designed to check if a product image field contains an image, and if not, just hide what is contained inside that tag.

While this is certainly a quick and dirty method and is not by any means the ideal way to accomplish this, it does allow you to have multiple images on your product page and will allow you to import and export images using the field names (eg: x_product_image_2) to allow for mass import/export and mass updates by CSV.

Please comment back if you run into any issues and create an issue on the github repository for this module if you find a bug:

https://github.com/lukebranch/website_multi-image/issues

I hope it helps!


 

1
頭像
捨棄
Mind And Go
作者

Great thanks to you Luke, I'll have a look to this ASAP

Luke Branch

@Mind and Go, No problem. Please provide feedback if you have any suggestions for improvements, or feature requests. The module is still very basic, however i'll work on adding more features to it as soon as I can find time.

Luke Branch

@Mind And Go, I've just implemented a 'Synced Slider' system for the product page. It is un-styled at this point in time to allow for theming according to your website's design, however it implements two sets of OwlCarousel2's sliders in a synced fashion to provide main image + thumbnail slider functionality. The development branch for this feature is: https://github.com/OdooCommunityWidgets/website_multi_image/tree/dev-image-carousel and the 8.0 branch is here: https://github.com/OdooCommunityWidgets/website_multi_image/tree/8.0

喜歡這則討論?不要只閱讀,加入發表意見吧!

今天就建立帳戶,享受獨家功能,與我們精彩的社群互動!

註冊
相關帖文 回覆 瀏覽次數 活動
How do I remove the numbers from the slugs in my blog and blogpost? 已解決
website
頭像
頭像
頭像
頭像
3
9月 25
2689
Login Website 已解決
website
頭像
3
10月 25
149265
500 Server Error after upgrading from 18.0 to 18.4 Odoo Online
website
頭像
頭像
1
9月 25
2099
Can't delete website 已解決
website
頭像
頭像
頭像
頭像
頭像
4
9月 25
7053
How to Hide website Menus based on Groups
website
頭像
頭像
頭像
2
8月 25
2223
社群
  • 教學影片
  • 使用說明
  • 討論區
開源
  • 下載
  • GitHub
  • Runbot 測試環境
  • 翻譯
服務
  • odoo.sh 網頁寄存
  • 支援
  • 升級
  • 自訂功能開發
  • 教育及培訓
  • 尋找會計服務
  • 尋找合作夥伴
  • 成為合作夥伴
關於我們
  • 關於 Odoo 公司
  • 品牌資產
  • 聯絡我們
  • 招聘
  • 活動
  • Podcast
  • 網誌
  • 客戶
  • 法律 • 私隱政策
  • 安全性
الْعَرَبيّة Català 简体中文 繁體中文 (台灣) Čeština Dansk Nederlands English Suomi Français Deutsch हिंदी Bahasa Indonesia Italiano 日本語 한국어 (KR) Lietuvių kalba Język polski Português (BR) română русский язык Slovenský jazyk slovenščina Español (América Latina) Español ภาษาไทย Türkçe українська Tiếng Việt

Odoo 是一套開放源碼的商業管理系統,涵蓋你公司全部的營運需要,包括客戶關係管理(CRM)、電子商務、會計、庫存管理、POS(銷售點管理)、專案管理等應用程式。

Odoo 的獨特價值是非常簡單易用,同時將不同應用程式完美整合。

Website made with

Odoo Experience on YouTube

1. Use the live chat to ask your questions.
2. The operator answers within a few minutes.

Live support on Youtube
Watch now