Website: Product Configurator and Bootstrap 4 (#15965)
- Refactored Homepage with customisable Hero Section
- New Homepage Section to add content on Homepage as cards or using Custom HTML
- Products page at "/all-products" with customisable filters
- Item Configure dialog to find an Item Variant filtered by attribute values
- Contact Us dialog on Item page
- Customisable Item page content using the Website Content field
diff --git a/erpnext/public/scss/website.scss b/erpnext/public/scss/website.scss
new file mode 100644
index 0000000..002498f
--- /dev/null
+++ b/erpnext/public/scss/website.scss
@@ -0,0 +1,53 @@
+@import "frappe/public/scss/variables";
+
+.product-image img {
+ min-height: 20rem;
+ max-height: 30rem;
+}
+
+.filter-options {
+ max-height: 300px;
+ overflow: auto;
+}
+
+.item-slideshow-image {
+ height: 3rem;
+ width: 3rem;
+ object-fit: contain;
+ padding: 0.5rem;
+ border: 1px solid $border-color;
+ border-radius: 4px;
+ cursor: pointer;
+
+ &:hover, &.active {
+ border-color: $primary;
+ }
+}
+
+.address-card {
+ cursor: pointer;
+ position: relative;
+
+ .check {
+ display: none;
+ }
+
+ &.active {
+ border-color: $primary;
+
+ .check {
+ display: inline-flex;
+ }
+ }
+}
+
+.check {
+ display: inline-flex;
+ padding: 0.25rem;
+ background: $primary;
+ color: white;
+ border-radius: 50%;
+ font-size: 12px;
+ width: 24px;
+ height: 24px;
+}