+
+
+
+
+
+
+
diff --git a/special_product_snippet/static/src/css/product_snippet.css b/special_product_snippet/static/src/css/product_snippet.css
new file mode 100755
index 000000000..56f15a080
--- /dev/null
+++ b/special_product_snippet/static/src/css/product_snippet.css
@@ -0,0 +1,181 @@
+.first-product-page {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 100vh;
+ background-color: #f4f4f4;
+}
+.product-image {
+ width: 300px;
+ height: 300px;
+ object-fit: cover;
+ margin-right: 10px;
+ border-radius: 50px;
+ margin-top: 40px;
+}
+.second-product-image {
+ width: 300px;
+ height: 300px;
+ object-fit: cover;
+ border-radius: 0px;
+}
+.product-details {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ text-align: center;
+}
+.second-product-details {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ text-align: center;
+}
+.product-name {
+ font-size: 30px;
+ font-weight: bold;
+ color: #333;
+ margin-top: 100px;
+}
+.second-product-name {
+ font-size: 30px;
+ font-weight: bold;
+ color: #333;
+ margin-top: 40px;
+ margin-left: 90px;
+}
+.product-description {
+ font-size: 22px;
+ color: #888;
+ margin-top: 40px;
+ max-width: 700px;
+}
+.product-price {
+ font-size: 24px;
+ color: #ff5252;
+ margin-top: 10px;
+}
+.second-product-price {
+ font-size: 30px;
+ color: #ff5252;
+ margin-top: 5px;
+ font-style: italic;
+ margin-left: 75px;
+}
+.third-product-price {
+ color: grey;
+ font-size: 22px;
+}
+.cta-button {
+ margin-top: 40px;
+ padding: 20px 40px;
+ background-color: #ff5252;
+ color: #fff;
+ border: none;
+ border-radius: 100px;
+ font-size: 22px;
+ font-weight: bold;
+ cursor: pointer;
+}
+.cta-button:hover {
+ background-color: #e63939;
+}
+.cta-button2 {
+ padding: 20px 40px;
+ background-color: #ff5252;
+ color: #fff;
+ border: none;
+ border-radius: 100px;
+ font-size: 22px;
+ font-weight: bold;
+ cursor: pointer;
+ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
+ margin-left: 60px;
+}
+.cta-button:hover2 {
+ background-color: #e63939;
+}
+body {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+}
+.third-product-page {
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+ max-width: 300px;
+ margin: auto;
+ text-align: center;
+ font-family: arial;
+}
+.third-product-name {
+ font-size: 24px;
+}
+.third-product-image {
+ width: 300px;
+}
+.third-cta-button {
+ padding: 20px 40px;
+ background-color: #ff5252;
+ color: #fff;
+ border: none;
+ border-radius: 100px;
+ font-size: 22px;
+ font-weight: bold;
+ cursor: pointer;
+ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
+}
+.fourth-cta-button {
+ border: none;
+ outline: 0;
+ padding: 12px;
+ color: white;
+ background-color: #ff5252;
+ text-align: center;
+ cursor: pointer;
+ width: 100%;
+ font-size: 18px;
+}
+.cta-button:hover3 {
+ background-color: #e63939;
+}
+.s_special_products_options {
+ border: 1px solid #EAEAEA;
+ padding: 20px;
+}
+.fourth-product-image {
+ width: 400px;
+ border: 1px solid black;
+ box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
+ animation: slide-in 1s ease-in-out;
+}
+@keyframes slide-in {
+ 0% {
+ transform: translateX(-100%);
+ opacity: 0;
+ }
+ 100% {
+ transform: translateX(0);
+ opacity: 1;
+ }
+}
+.fourth-product-details {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.fourth-product-price {
+ font-size: 20px;
+ font-weight: bold;
+ color: black;
+ margin-bottom: 10px;
+}
+.fourth-view-button {
+ padding: 10px 30px;
+ background-color: #ff5252;
+ color: #fff;
+ border: none;
+ border-radius: 100px;
+ font-size: 22px;
+ font-weight: bold;
+ cursor: pointer;
+ box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);
+}
+}
diff --git a/special_product_snippet/static/src/img/snippets_options/img_special_product_snippet.svg b/special_product_snippet/static/src/img/snippets_options/img_special_product_snippet.svg
new file mode 100755
index 000000000..57c4406d9
--- /dev/null
+++ b/special_product_snippet/static/src/img/snippets_options/img_special_product_snippet.svg
@@ -0,0 +1,45 @@
+
diff --git a/special_product_snippet/static/src/js/options.js b/special_product_snippet/static/src/js/options.js
new file mode 100755
index 000000000..dc2293f62
--- /dev/null
+++ b/special_product_snippet/static/src/js/options.js
@@ -0,0 +1,94 @@
+/** @odoo-module **/
+var globalVariable;
+import { rpc } from "@web/core/network/rpc";
+import options from "@web_editor/js/editor/snippets.options";
+import { renderToFragment } from "@web/core/utils/render";
+const Many2oneSpecialWidget = options.userValueWidgetsRegistry['we-many2one'];
+options.registry.SpecialProduct = options.registry.SelectTemplate.extend({
+ /**
+ * @constructor
+ */
+ init() {
+ this._super(...arguments);
+ this.containerSelector = '';
+ this.selectTemplateWidgetName = 'special_product_snippet';
+ this.orm = this.bindService("orm");
+ },
+ async selectTemplate(previewMode, widgetValue, params) {
+ var self = this;
+ if (globalVariable) {
+ await this._templatesLoading;
+ // Call the controller method with parameters
+ const response = await rpc("/website/snippet/special/render", {
+ 'template': widgetValue,
+ 'params': globalVariable
+ });
+ if (previewMode === 'reset') {
+ if (!this.beforePreviewNodes) {
+ // FIXME should not be necessary: only needed because we have a
+ // strange 'reset' sent after a non-preview
+ return;
+ }
+ // Empty the container and restore the original content
+ while (this.containerEl.lastChild) {
+ this.containerEl.removeChild(this.containerEl.lastChild);
+ }
+ for (const node of this.beforePreviewNodes) {
+ this.containerEl.appendChild(node);
+ }
+ this.beforePreviewNodes = null;
+ return;
+ }
+ if (!this.beforePreviewNodes) {
+ // We are about the apply a template on non-previewed content,
+ // save that content's nodes.
+ this.beforePreviewNodes = [...this.containerEl.childNodes];
+ }
+ // Empty the container and add the template content
+ while (this.containerEl.lastChild) {
+ this.containerEl.removeChild(this.containerEl.lastChild);
+ }
+ const temp = renderToFragment(widgetValue, response);
+ this.$target.append(temp)
+ if (!previewMode) {
+ // The original content to keep saved has to be retrieved just
+ // before the preview (if we save it now, we might miss other items
+ // added by other options or custo).
+ this.beforePreviewNodes = null;
+ }
+ }
+ },
+});
+// getting product from Many2one widget and setting the value in a global
+// variable and passing to python and fetching data
+const SpecialProductSnippetProduct = Many2oneSpecialWidget.include({
+ init(parent, title, options, $target) {
+ return this._super(...arguments);
+ },
+ _onUserValueNotification(ev) {
+ const {
+ widget
+ } = ev.data;
+ globalVariable = widget._methodsParams.recordData
+ if (widget && widget === this.createInput) {
+ ev.stopPropagation();
+ return;
+ }
+ if (widget && widget === this.createButton) {
+ if (!this.createInput._value) {
+ ev.stopPropagation();
+ }
+ return;
+ }
+ if (widget !== this.createButton && this.createInput) {
+ this.createInput._value = '';
+ }
+ return this._super(ev);
+ },
+});
+options.userValueWidgetsRegistry['we-many2one-special'] = Many2oneSpecialWidget;
+return {
+ SpecialProductSnippetProduct: SpecialProductSnippetProduct,
+ SpecialProduct: options.registry.SpecialProduct,
+ Many2oneSpecialWidget: Many2oneSpecialWidget,
+};
diff --git a/special_product_snippet/static/src/xml/special_product_snippet.xml b/special_product_snippet/static/src/xml/special_product_snippet.xml
new file mode 100755
index 000000000..47e26cbdd
--- /dev/null
+++ b/special_product_snippet/static/src/xml/special_product_snippet.xml
@@ -0,0 +1,89 @@
+
+
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Special Product Snippet for Website. +
+Special Product Website Snippet +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Highlights
+
+
+
+
+
+ 
+
+
+ + Add Special Snippet in Website +
++ Users can select Product and Multiple + Template for Product from Snippet.
+
+
+
+
+
+
+
+
+
+ Automatic Database Backup
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + Drag and Drop the + + Snippet + in Website. + +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + User can add Product and Choose Product Template from that Snippet. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + First Template. + +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Second Template. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Third Template. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Fourth Template. +
+
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + When we click on the 'View' button, redirects to the Shop to view the Product Details. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Special Product Website Snippet .
+
+
+ + Select Multiple Template and Product +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + No need any other + configuration, just + install the module. +
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 30th November, 2024 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + + +
+
+ + Related Products +
+ +
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+
+ ![Product Image]()
+
+
+
+
+
+ ![Product Image]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![Product Image]()
+
+
+
+
+ ![Product Image]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+