How to properly add custom image shapes (clip-path) in Odoo Website Builder? | Odoo

Apps
Finance

Accounting

Invoicing

Expenses

Spreadsheet (BI)

Documents

Sign
Sales

CRM

Sales

POS Shop

POS Restaurant

Subscriptions

Rental
Websites

Website Builder

eCommerce

Blog

Forum

Live Chat

eLearning
Supply Chain

Inventory

Manufacturing

PLM

Purchase

Maintenance

Quality
Human Resources

Employees

Recruitment

Time Off

Appraisals

Referrals

Fleet
Marketing

Social Marketing

Email Marketing

SMS Marketing

Events

Marketing Automation

Surveys
Services

Project

Timesheets

Field Service

Helpdesk

Planning

Appointments
Productivity

Discuss

Approvals

IoT

VoIP

Knowledge

WhatsApp
Third party apps Odoo Studio Odoo Cloud Platform
Industries
Services

Audit & Certification

Bike Leasing

Billboard Rental

Cleaning Services

Environmental Agency

Estate Management

Hair Salon

Handyman

IT Hardware and Support

Law firm

Marketing Agency

Odoo Partner

Photography

Property Owner Association

Shoe Maker

Software Reseller

Talent Acquisition

Retail

Agriculture Store

Arts & Crafts

Bakery

Book Store

Cake Store

Clothing Store

Electronics Store

Furniture Store

Grocery Store

Hardware Store

Toy Store
Construction

Architecture Firm

Construction

Gardening

Solar Energy

Supply Chain

Beverage Distributor

Corporate Gifts

Custom Furniture Production

Fossil Fuel Trading

Micro Brewery

Health & Fitness

Eyewear Store

Fitness Center

Pharmacy

Sports Club

Wellness Practitioners

Hospitality

Bar and Pub

Fast Food

Fine Dining Restaurant
...and many more!
Browse all Industries
Community
Learn

Tutorials

Documentation

Certifications

Training

Podcast

Empower Education

Education Program

Scale Up! Business Game

Visit Odoo
Get the Software

Download

Compare Editions

Releases
Collaborate

Github

Forum

Events

Translations

Become a Partner

Register your Accounting Firm
Get Services

Find a Partner

Find an Accountant

Meet an advisor

Customer References

Implementation Services

Development Services

Support

Upgrades
Github Youtube Twitter Linkedin Instagram Facebook Spotify

+1 (650) 691-3277
Get a demo
Pricing
Help

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

CRM
e-Commerce
Accounting
Inventory
PoS
Project
MRP

All apps

All Posts People Badges

Tags (View all)

odoo accounting v14 pos v15

About this forum

How to properly add custom image shapes (clip-path) in Odoo Website Builder?

image forms editor website_builder svg shapes

462 Views

Hi,

How can I add custom image shapes (clip-path) to the Odoo Website Builder, so they:

Can be used via data-shape="image/my_shape"
Show up in the image shape selector in the editor
Apply a custom SVG shape correctly

Is there a working example for registering and using custom image shapes (not background shapes)?

Thanks!

Enjoying the discussion? Don't just read, join in!

Create an account today to enjoy exclusive features and engage with our awesome community!

Sign up

Related Posts		Replies	Views	Activity
how can i make my image active and lead to another link image block website_builder		2 Jun 25	5569
How to do a scrolling image in website builder image website_builder scroll		0 Oct 24	1961
Need Assistance Connecting Button to JavaScript Code in Odoo 17 javascript editor website_builder		0 Mar 24	1536
How to imbed IFrame for an odoo website form in another website, without getting the full page? forms iframe website_builder		3 Dec 23	11349
In Odoo 14, uploding a PNG image in the media library, get a blury image image website_builder compression		1 Aug 21	3271