*** CORE ***

This commit is contained in:
Aivars Zukovskis 2026-09-24 01:23:45 +03:00
parent 34304351fe
commit be176b55fc
34 changed files with 4316 additions and 195 deletions

View File

@ -174,13 +174,13 @@
/* checkout-method btn css */ /* checkout-method btn css */
.apple-btn, .google-btn, .bank-btn { .apple-btn, .google-btn, .bank-btn {
color: var(--extra-font-color); color: var(--extra-font-color);
background-color: #000000; background-color: var(--brand-espresso);
border: 2px solid #000000; border: 2px solid var(--brand-espresso);
} }
.paypal-btn { .paypal-btn {
color: #003087; color: var(--brand-espresso);
background-color: #ffc439; background-color: var(--brand-gold);
border: 2px solid #ffc439; border: 2px solid var(--brand-gold);
} }
.apple-btn, .google-btn, .bank-btn, .paypal-btn { .apple-btn, .google-btn, .bank-btn, .paypal-btn {
gap: 5px; gap: 5px;

94
www/css/assets/blog4.css Normal file
View File

@ -0,0 +1,94 @@
/*----------------------------------[Table of contents]----------------------------------
# blog-sidebar css
# article css
# search-blog css
---------------------------------------------------------------------------------------*/
/************************************* blog-sidebar css start *************************************/
/*====================================
blog-post-sidebar css
====================================*/
.blog-sidebar-wrap .blog-post-sidebar {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid rgba(var(--border-color),var(--border-opacity));
}
.blog-sidebar-wrap .blog-post-sidebar:first-child {
padding: 0px;
margin: 0px;
border: none;
}
/*====================================
blog-recent css
====================================*/
.blog-sidebar-wrap .blog-post-sidebar .blog-recent-post .blog-img-content .blog-recent-content span a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
/*====================================
blog-tag css
====================================*/
ul.tag-ul li.tag-li a {
-webkit-transition: color 0.3s ease-in-out,background-color 0.3s ease-in-out,border-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out,background-color 0.3s ease-in-out,border-color 0.3s ease-in-out;
}
ul.tag-ul li.tag-li a:hover {
color: var(--extra-font-color);
background-color: var(--secondary-font-color);
border-color: var(--secondary-font-color);
}
ul.tag-ul li.tag-li a::before {
content: "#";
}
/************************************* blog-sidebar css end *************************************/
/************************************* article css start *************************************/
/*====================================
article-comments css
====================================*/
.article-comments form .article-cmt .article-cmt-wrap .article-cmt-wrapper .article-cmt-content .article-cmt-red ul li .article-edit-reply button {
position: relative;
margin-left: 10px;
padding-left: 10px;
}
.article-comments form .article-cmt .article-cmt-wrap .article-cmt-wrapper .article-cmt-content .article-cmt-red ul li .article-edit-reply button:first-child {
margin: 0px;
padding: 0px;
}
.article-comments form .article-cmt .article-cmt-wrap .article-cmt-wrapper .article-cmt-content .article-cmt-red ul li .article-edit-reply button::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 1px;
background-color: rgba(var(--border-color),var(--border-opacity));
}
.article-comments form .article-cmt .article-cmt-wrap .article-cmt-wrapper .article-cmt-content .article-cmt-red ul li .article-edit-reply button:first-child::before {
display: none;
}
/************************************* article css end *************************************/
/************************************* search-blog css start *************************************/
/*====================================
search-blog css
====================================*/
.search-page .search-bar-page form.search-form .section-title h2 span::before {
content: '"';
}
.search-page .search-bar-page form.search-form .section-title h2 span::after {
content: '"';
}
/* search-blog result css */
.blog-post-sidebar .search-bar .search-results ul.search-ul,
.search-page .search-bar .search-results ul.search-ul {
max-height: 153px;
}
/************************************* search-blog css end *************************************/

File diff suppressed because it is too large Load Diff

296
www/css/assets/style4.css Normal file
View File

@ -0,0 +1,296 @@
/*----------------------------------[Table of contents]----------------------------------
# newsletter-modal css
# home-slider css
# category-slider css
# banner-area css
# testimonial css
# brand-logo css
# deal-area css
---------------------------------------------------------------------------------------*/
/************************************* newsletter-modal css start *************************************/
/*====================================
newsletter-modal css
====================================*/
@media (min-width: 768px) {
.newsletter-modal .newsletter-info .newsletter-content .newsletter-form .news-wrap input {
border-radius: var(--border-radius) 0px 0px var(--border-radius);
}
.newsletter-modal .newsletter-info .newsletter-content .newsletter-form .news-wrap button {
border-radius: 0px var(--border-radius) var(--border-radius) 0px;
}
}
/************************************* newsletter-modal css end *************************************/
/************************************* home-slider css start *************************************/
/*====================================
home-slider swiper css
====================================*/
.slider-content .home-slider.swiper:not(.swiper-initialized) .swiper-slide:not([style]) {
width: 100%;
}
/*====================================
slider-content transition css
====================================*/
.slider-content .home-slider.swiper .swiper-slide .slider-image span,
.slider-content .home-slider.swiper .swiper-slide .slider-image h2,
.slider-content .home-slider.swiper .swiper-slide .slider-image a {
opacity: 0;
}
.slider-content .home-slider.swiper .swiper-slide.swiper-slide-active .slider-image span,
.slider-content .home-slider.swiper .swiper-slide.swiper-slide-active .slider-image h2,
.slider-content .home-slider.swiper .swiper-slide.swiper-slide-active .slider-image a {
opacity: 1;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.slider-content .home-slider.swiper .swiper-slide.swiper-slide-active .slider-image span {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}
.slider-content .home-slider.swiper .swiper-slide.swiper-slide-active .slider-image h2 {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
}
.slider-content .home-slider.swiper .swiper-slide.swiper-slide-active .slider-image a {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
-webkit-animation-duration: 0.9s;
animation-duration: 0.9s;
}
/*====================================
slider-navigation css
====================================*/
.slider-content .home-slider.swiper .swiper-buttons .swiper-buttons-wrap button {
color: var(--primary-font-color);
position: relative;
z-index: 1;
border-radius: 50%;
overflow: hidden;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.slider-content .home-slider.swiper .swiper-buttons .swiper-buttons-wrap button.swiper-prev {
left: 5px;
}
.slider-content .home-slider.swiper .swiper-buttons .swiper-buttons-wrap button.swiper-next {
right: 5px;
}
.slider-content .home-slider.swiper .swiper-buttons .swiper-buttons-wrap button:hover {
color: var(--extra-font-color);
}
.slider-content .home-slider.swiper .swiper-buttons .swiper-buttons-wrap button::after {
content: "";
position: absolute;
inset: 0;
background-color: var(--primary-font-color);
z-index: -1;
opacity: 0.1;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.slider-content .home-slider.swiper .swiper-buttons .swiper-buttons-wrap button:hover::after {
opacity: 1;
}
@media (min-width: 1400px) {
.slider-content .home-slider.swiper .swiper-buttons .swiper-buttons-wrap button.swiper-prev {
left: 10px;
}
.slider-content .home-slider.swiper .swiper-buttons .swiper-buttons-wrap button.swiper-next {
right: 10px;
}
}
@media (min-width: 1600px) {
.slider-content .home-slider.swiper .swiper-buttons .swiper-buttons-wrap button.swiper-prev {
left: 30px;
}
.slider-content .home-slider.swiper .swiper-buttons .swiper-buttons-wrap button.swiper-next {
right: 30px;
}
}
/*====================================
slider-dot css
====================================*/
.slider-content .home-slider.swiper .swiper-dots .swiper-pagination {
width: unset;
position: unset;
margin: -5px 0px 0px -5px;
}
.slider-content .home-slider.swiper .swiper-dots .swiper-pagination span.swiper-pagination-bullet {
width: 10px;
height: 10px;
background-color: var(--primary-font-color);
margin: 5px 0px 0px 5px;
opacity: 0.1;
border: 1px solid var(--primary-font-color);
}
.slider-content .home-slider.swiper .swiper-dots .swiper-pagination span.swiper-pagination-bullet:hover,
.slider-content .home-slider.swiper .swiper-dots .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
}
/************************************* home-slider css end *************************************/
/************************************* category-slider css start *************************************/
/*====================================
category-slider swiper css
====================================*/
.category-slider .cat-slider.swiper:not(.swiper-initialized) .swiper-slide:not([style]) {
width: 100%;
}
@media (min-width: 768px) {
.category-slider .cat-slider.swiper:not(.swiper-initialized) .swiper-slide:not([style]) {
width: 50%;
}
}
@media (min-width: 1200px) {
.category-slider .cat-slider.swiper:not(.swiper-initialized) .swiper-slide:not([style]) {
width: 33.33%;
}
}
/*====================================
cat-block css
====================================*/
.category-slider .cat-slider .cat-block a.cat-img .cat-content {
-webkit-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.category-slider .cat-slider .cat-block:hover a.cat-img .cat-content {
background-color: var(--primary-font-color);
}
.category-slider .cat-slider .cat-block a.cat-img .cat-content h6,
.category-slider .cat-slider .cat-block a.cat-img .cat-content span {
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.category-slider .cat-slider .cat-block:hover a.cat-img .cat-content h6,
.category-slider .cat-slider .cat-block:hover a.cat-img .cat-content span {
color: var(--extra-font-color);
}
/************************************* category-slider css end *************************************/
/************************************* banner-area css start *************************************/
/*====================================
banner-area css
====================================*/
.banner-area .banner-block a.banner-img .banner-content {
z-index: 1;
}
.banner-area .banner-block a.banner-img img {
-webkit-filter: brightness(0.60);
filter: brightness(0.60);
}
.banner-area .banner-block a.banner-img .banner-content::after {
content: "";
position: absolute;
inset: 0;
background-color: #000000;
opacity: 0.6;
z-index: -1;
}
/************************************* banner-area css end *************************************/
/************************************* testimonial css start *************************************/
/*====================================
testimonial slider-swiper css
====================================*/
.testimonial .testi-wrap {
margin: 0px -7.5px;
}
.testimonial .testi-wrap .testi-slider.swiper {
padding: 0px 7.5px;
}
.testimonial .testi-wrap .testi-slider.swiper .swiper-slide {
padding: 15px 0px;
}
.testimonial .testi-slider.swiper:not(.swiper-initialized) .swiper-slide:not([style]) {
width: 100%;
}
@media (min-width: 768px) {
.testimonial .testi-wrap {
margin: 0px -15px;
}
.testimonial .testi-wrap .testi-slider.swiper {
padding: 0px 15px;
}
.testimonial .testi-slider.swiper:not(.swiper-initialized) .swiper-slide:not([style]) {
width: 50%;
}
}
@media (min-width: 1200px) {
.testimonial .testi-slider.swiper:not(.swiper-initialized) .swiper-slide:not([style]) {
width: 33.33%;
}
}
/************************************* testimonial css end *************************************/
/************************************* brand-logo css start *************************************/
/*====================================
brand-logo swiper css
====================================*/
.brand-logo .brand-slider.swiper:not(.swiper-initialized) .swiper-slide:not([style]) {
width: 50%;
}
@media (min-width: 768px) {
.brand-logo .brand-slider.swiper:not(.swiper-initialized) .swiper-slide:not([style]) {
width: 33.33%;
}
}
@media (min-width: 1200px) {
.brand-logo .brand-slider.swiper:not(.swiper-initialized) .swiper-slide:not([style]) {
width: 25%;
}
}
/*====================================
brand-content css
====================================*/
@media (min-width: 1200px) {
.brand-logo .brand-slider .brand-content span.brand-img img {
-webkit-filter: opacity(0.3) grayscale(1);
filter: opacity(0.3) grayscale(1);
-webkit-transition: filter 0.3s ease-in-out;
transition: filter 0.3s ease-in-out;
}
.brand-logo .brand-slider .brand-content:hover span.brand-img img {
-webkit-filter: opacity(1) grayscale(0);
filter: opacity(1) grayscale(0);
}
}
/************************************* brand-logo css end *************************************/
/************************************* deal-area css start *************************************/
/*====================================
deal-area css
====================================*/
.deal-area .deal-timer ul>* {
position: relative;
}
.deal-area .deal-timer ul>*::before {
content: ":";
color: var(--heading-font-color);
font-size: 24px;
position: absolute;
top: -1px;
left: -2px;
font-weight: var(--heading-font-weight);
line-height: 1;
}
.deal-area .deal-timer ul>*:first-child::before {
display: none;
}
@media (min-width: 1200px) {
.deal-area .deal-timer ul>*::before {
top: 7px;
}
}
/************************************* deal-area css start *************************************/

2608
www/css/assets/theme4.css Normal file

File diff suppressed because it is too large Load Diff

View File

@ -1,3 +1,78 @@
:root {
--brand-gold: #C8963E;
--brand-espresso: #2B1E16;
--brand-sand: #F6F0E6;
--brand-white: #FFFFFF;
--brand-text: #201711;
--brand-muted: #7A6A5C;
--brand-border: #E5D9C8;
--brand-hover: #A87A2B;
--brand-success: #3E6B52;
--brand-error: #A94442;
--bg-main: #F7F3EC;
--bg-card: #FFFFFF;
--bg-subtle: #EFE8DC;
--bg-accent-section: #EADFCF;
--text-primary: #231B15;
--text-secondary: #6B5E52;
--text-muted: #948577;
--accent-gold: #C8963E;
--accent-gold-hover: #A87A2B;
--accent-gold-light: rgba(200, 150, 62, 0.12);
--brand-dark: #2B1E16;
--border-color: #E2D5C3;
--hero-gradient: linear-gradient(135deg, rgba(200, 150, 62, 0.18) 0%, rgba(247, 243, 236, 0.96) 42%, rgba(255, 255, 255, 0.92) 100%);
--font-sans: 'Plus Jakarta Sans', sans-serif;
--font-serif: 'Cinzel', serif;
}
.text-brand-dark {
color: var(--brand-dark);
}
.text-gold {
color: var(--brand-gold);
}
.font-serif {
font-family: var(--font-serif);
}
.btn-gold {
color: var(--brand-white);
background: linear-gradient(135deg, var(--brand-gold) 0%, var(--accent-gold) 100%);
border: 1px solid var(--brand-gold);
border-radius: 999px;
box-shadow: 0 12px 24px rgba(200, 150, 62, 0.18);
transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}
.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active {
color: var(--brand-white);
background: linear-gradient(135deg, var(--brand-hover) 0%, var(--brand-gold) 100%);
border-color: var(--brand-hover);
box-shadow: 0 16px 28px rgba(168, 122, 43, 0.22);
}
.bg-card-custom {
background-color: var(--bg-card);
border: 1px solid var(--brand-border);
border-radius: 1.5rem;
box-shadow: 0 18px 42px rgba(43, 30, 22, 0.04);
}
.bg-brand-dark {
background-color: var(--brand-dark);
}
.bg-brand-sand {
background-color: var(--brand-sand);
}
/* BASE */ /* BASE */
* { * {
margin: 0; margin: 0;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

After

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

View File

@ -26,7 +26,7 @@ class indexController extends cCore
const IMG_ASSETS_DEFAULT_SERVICE = '/img/assets/service-1.png'; const IMG_ASSETS_DEFAULT_SERVICE = '/img/assets/service-1.png';
const IMG_ASSETS_DEFAULT_TESTIMONIAL = '/img/assets/testimonial/testi-1.jpg'; const IMG_ASSETS_DEFAULT_TESTIMONIAL = '/img/assets/testimonial/testi-1.jpg';
const IMG_ASSETS_DEFAULT_TESTIMONIAL_BG = '/img/assets/testimonial-bgimg.png'; const IMG_ASSETS_DEFAULT_TESTIMONIAL_BG = '/img/assets/testimonial-bgimg.png';
const IMG_DEFAULT_BREADCRUMBS_BG = '/img/assets/other/base_cat_bg.png'; const IMG_DEFAULT_BREADCRUMBS_BG = '/img/assets/other/breadcrumb-bgimg3.jpg';
const IMG_DEFAULT_COLLECTION_BANNER = '/img/assets/collection/collection-banner.jpg'; const IMG_DEFAULT_COLLECTION_BANNER = '/img/assets/collection/collection-banner.jpg';
const IMG_DEFAULT_POPUP_BG = '/img/assets/newsletter/newsletter-popup.jpg'; const IMG_DEFAULT_POPUP_BG = '/img/assets/newsletter/newsletter-popup.jpg';

View File

@ -2,9 +2,8 @@
<div class="container"> <div class="container">
<div class="cat-category"> <div class="cat-category">
<div class="section-capture text-center"> <div class="section-capture text-center">
<span class="sub-title" data-animate="animate__fadeIn">{{ dt.gM("Shop by categories") }}</span>
<div class="section-title" data-animate="animate__fadeIn"> <div class="section-title" data-animate="animate__fadeIn">
<h2 class="section-heading">{{ dt.gM("Natural and certified organic products") }}</h2> <h2 class="section-heading">{{ dt.gM("Shop by categories") }}</h2>
</div> </div>
</div> </div>
<div class="cat-wrap"> <div class="cat-wrap">
@ -12,22 +11,21 @@
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{% for cat in CATEGORY_SLIDER %} {% for cat in CATEGORY_SLIDER %}
<div class="swiper-slide" data-animate="animate__fadeIn"> <div class="swiper-slide" data-animate="animate__fadeIn">
<div class="cat-block banner-hover text-center"> <div class="cat-block banner-hover position-relative">
<a href="{{ cat.url }}" class="d-block cat-img banner-img br-hidden"> <a href="{{ cat.url }}" class="d-block cat-img banner-img br-hidden position-relative">
<img src="{{ cat.img }}" class="w-100 img-fluid" alt="{{ cat.name }}"> <img src="{{ cat.img }}" class="w-100 img-fluid" alt="{{ cat.name }}">
</a> <div class="cat-content position-absolute bottom-0 start-0 end-0 d-flex flex-wrap align-items-center body-bg ptb-10 plr-15 mlr-15 mlr-md-30 meb-15 meb-md-30 border-radius">
<div class="cat-content pst-25"> <h6 class="col-8 text-truncate mb-0"><a href="{{ cat.url }}" class="d-block primary-link text-uppercase text-brand-dark">{{ cat.name }}</a></h6>
<span class="d-block heading-weight"><a href="{{ cat.url }}" class="d-block primary-link text-uppercase">{{ cat.name }}</a></span>
{% set msg = cat.count > 1 ? dt.gM("items") : dt.gM("item") %} {% set msg = cat.count > 1 ? dt.gM("items") : dt.gM("item") %}
{% set msg = cat.count == 0 ? dt.gM("No item") : cat.count ~ ' ' ~ msg %} {% set msg = cat.count == 0 ? dt.gM("No item") : cat.count ~ ' ' ~ msg %}
<span class="d-block primary-color font-14 mst-6">{{ msg }}</span> <span class="d-block col-4 text-end primary-color font-14">{{ msg }}</span>
</div> </div>
</a>
</div> </div>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
{# I assume the swiper-buttons are needed for the template to work as they are hidden in the front #}
<div class="swiper-buttons"> <div class="swiper-buttons">
<div class="swiper-buttons-wrap"> <div class="swiper-buttons-wrap">
<button type="button" class="swiper-prev swiper-prev-cat" aria-label="Arrow previous"><i class="ri-arrow-left-line d-block lh-1"></i></button> <button type="button" class="swiper-prev swiper-prev-cat" aria-label="Arrow previous"><i class="ri-arrow-left-line d-block lh-1"></i></button>
@ -37,9 +35,6 @@
<div class="swiper-dots" data-animate="animate__fadeIn"> <div class="swiper-dots" data-animate="animate__fadeIn">
<div class="swiper-pagination swiper-pagination-cat"></div> <div class="swiper-pagination swiper-pagination-cat"></div>
</div> </div>
<div class="view-button d-none" data-animate="animate__fadeIn">
<a href="{{ dt.gL(899) }}" class="btn-style tertiary-btn">{{ dt.gM("Shop more") }}</a>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -2,7 +2,6 @@
<div class="container"> <div class="container">
<div class="collection-category"> <div class="collection-category">
<div class="section-capture text-center"> <div class="section-capture text-center">
<span class="sub-title" data-animate="animate__fadeIn">{{ dt.gM("Our featured product") }}</span>
<div class="section-title" data-animate="animate__fadeIn"> <div class="section-title" data-animate="animate__fadeIn">
<h2 class="section-heading">{{ dt.gM("Cretified organic & natural ingredients") }}</h2> <h2 class="section-heading">{{ dt.gM("Cretified organic & natural ingredients") }}</h2>
</div> </div>
@ -29,20 +28,19 @@
<span class="product-icon"><i class="ri-heart-line d-block icon-16 lh-1"></i></span> <span class="product-icon"><i class="ri-heart-line d-block icon-16 lh-1"></i></span>
<span class="tooltip-text">{{ dt.gM("wishlist") }}</span> <span class="tooltip-text">{{ dt.gM("wishlist") }}</span>
</a> </a>
{# <a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">#}
{# <span class="product-icon"><i class="ri-eye-line d-block icon-16 lh-1"></i></span>#}
{# <span class="tooltip-text">{{ dt.gM("quickview") }}</span>#}
{# </a>#}
</div>
</div>
<div class="product-cart-action">
<a href="javascript:void(0)" class="add-to-cart{{ product.sold_out ? ' disabled' : '' }}" data-product-id="{{ product.cart_id|default('') }}"> <a href="javascript:void(0)" class="add-to-cart{{ product.sold_out ? ' disabled' : '' }}" data-product-id="{{ product.cart_id|default('') }}">
<span class="product-icon"> <span class="product-icon">
<span class="product-bag-icon icon-16">{{ dt.gM("Add to cart") }}</span> <span class="product-bag-icon icon-16"><i class="ri-shopping-bag-3-line d-block lh-1"></i></span>
<span class="product-loader-icon icon-16"><i class="ri-loader-4-line d-block lh-1"></i></span> <span class="product-loader-icon icon-16"><i class="ri-loader-4-line d-block lh-1"></i></span>
<span class="product-check-icon icon-16"><i class="ri-check-line d-block lh-1"></i></span> <span class="product-check-icon icon-16"><i class="ri-check-line d-block lh-1"></i></span>
</span> </span>
<span class="tooltip-text">{{ dt.gM("add to cart") }}</span>
</a> </a>
<a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
<span class="product-icon"><i class="ri-eye-line d-block icon-16 lh-1"></i></span>
<span class="tooltip-text">{{ dt.gM("quickview") }}</span>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -51,11 +49,10 @@
<div class="product-title"> <div class="product-title">
<span class="d-block"><a href="{{ product.url }}" class="primary-link text-uppercase">{{ product.title }}</a></span> <span class="d-block"><a href="{{ product.url }}" class="primary-link text-uppercase">{{ product.title }}</a></span>
</div> </div>
<div class="product-ratting"> <div class="product-ratting" style="display: none;">
<span class="review-ratting"> <span class="review-ratting">
<span class="review-star"> <span class="review-star"></span>
{# {{ stars.render(product.rating) }}#} <span class="review-average">4.0<span class="review-caption">2.0</span></span>
</span>
</span> </span>
</div> </div>
<div class="product-price"> <div class="product-price">
@ -104,9 +101,6 @@
<div class="swiper-dots" data-animate="animate__fadeIn"> <div class="swiper-dots" data-animate="animate__fadeIn">
<div class="swiper-pagination swiper-pagination-trend-product"></div> <div class="swiper-pagination swiper-pagination-trend-product"></div>
</div> </div>
<div class="view-button d-none" data-animate="animate__fadeIn">
<a href="{{ dt.gL(899) }}" class="btn-style tertiary-btn">{{ dt.gM("Shop collection") }}</a>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,21 +1,21 @@
<section class="home-about-text"> <section class="home-about-text bg-brand-sand">
<div class="container"> <div class="container">
<div class="section-ptb bst"> <div class="section-ptb bst">
{% for section in ABOUT_TEXT %} {% for section in ABOUT_TEXT %}
<div{% if not loop.first %} style="margin-top: 70px;"{% endif %}> <div{% if not loop.first %} style="margin-top: 70px;"{% endif %}>
<div class="section-capture text-center"> <div class="section-capture text-center">
<span class="sub-title" data-animate="animate__fadeIn">{{ section.subtitle }}</span> <span class="sub-title text-brand-dark" data-animate="animate__fadeIn">{{ section.subtitle }}</span>
<div class="section-title" data-animate="animate__fadeIn"> <div class="section-title" data-animate="animate__fadeIn">
<h2 class="section-heading">{{ section.title }}</h2> <h2 class="section-heading text-brand-dark">{{ section.title }}</h2>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-12 col-md-9 col-lg-7 col-xl-6 col-xxl-5 mx-auto text-center"> <div class="col-12 col-md-9 col-lg-7 col-xl-6 col-xxl-5 mx-auto text-center">
<div class="tertiary-color font-18" data-animate="animate__fadeIn"> <div class="tertiary-color font-18 text-brand-dark" data-animate="animate__fadeIn">
{{ section.description }} {{ section.description }}
</div> </div>
<div class="view-button" data-animate="animate__fadeIn"> <div class="view-button" data-animate="animate__fadeIn">
<a href="{{ section.link }}" class="btn-style tertiary-btn"> <a href="{{ section.link }}" class="btn-gold">
{{ section.button_text }}<i class="ri-arrow-right-long-line msl-4 fw-normal"></i> {{ section.button_text }}<i class="ri-arrow-right-long-line msl-4 fw-normal"></i>
</a> </a>
</div> </div>

View File

@ -11,13 +11,13 @@
<div class="container position-absolute start-0 end-0 z-1 slider-container"> <div class="container position-absolute start-0 end-0 z-1 slider-container">
<div class="row"> <div class="row">
<div class="col-7 col-sm-6 col-lg-5 ms-auto"> <div class="col-7 col-sm-6 col-lg-5 ms-auto">
<span class="d-block extra-color font-18 meb-3 meb-sm-6 meb-xl-12 meb-xxl-20"> <span class="d-block primary-color font-18 meb-3 meb-sm-6 meb-xl-12 meb-xxl-20">
{{ slide.heading }} {{ slide.heading }}
</span> </span>
<h2 class="extra-color font-32 font-sm-40 font-xl-64 font-xxl-72 section-heading-family section-heading-text fw-bold lh-1"> <h2 class="font-32 font-sm-40 font-xl-64 font-xxl-72 section-heading-family fw-bold lh-1">
{{ slide.subtitle }} {{ slide.subtitle }}
</h2> </h2>
<a href="{{ slide.btn_url }}" class="primary-btn height-40 height-sm-48 d-inline-flex align-items-center justify-content-center ptb-10 plr-20 plr-md-30 mst-14 mst-sm-23 mst-xl-28 mst-xxl-37 text-uppercase heading-weight"> <a href="{{ slide.btn_url }}" class="btn-gold height-40 height-sm-48 d-inline-flex align-items-center justify-content-center ptb-10 plr-20 plr-md-30 mst-14 mst-sm-23 mst-xl-28 mst-xxl-37 text-uppercase heading-weight">
{{ slide.btn_text }}<i class="ri-arrow-right-long-line msl-4 fw-normal"></i> {{ slide.btn_text }}<i class="ri-arrow-right-long-line msl-4 fw-normal"></i>
</a> </a>
</div> </div>

View File

@ -1,20 +1,20 @@
<section class="service-area section-ptb extra-bg"> <section class="service-area section-ptb bg-brand-sand">
<div class="container"> <div class="container">
<div class="section-capture text-center"> <div class="section-capture text-center">
<div class="section-title" data-animate="animate__fadeIn"> <div class="section-title" data-animate="animate__fadeIn">
<h2 class="section-heading">{{ dt.gM("Inspired by traditional knowledge and nature") }}</h2> <h2 class="section-heading text-brand-dark">{{ dt.gM("Inspired by traditional knowledge and nature") }}</h2>
</div> </div>
</div> </div>
<div class="row row-mtm"> <div class="row row-mtm">
{% for service in SERVICE_AREA %} {% for service in SERVICE_AREA %}
<div class="col-12 col-md-4" data-animate="animate__fadeIn"> <div class="col-12 col-md-4" data-animate="animate__fadeIn">
<div class="service-content d-flex flex-column align-items-center text-center"> <div class="service-content bg-card-custom d-flex flex-column align-items-center justify-content-center text-center p-4 p-md-4 h-100">
<span class="service-img width-80 height-80 d-flex align-items-center justify-content-center primary-bg rounded-circle"> <span class="service-img width-80 height-80 d-flex align-items-center justify-content-center primary-bg rounded-circle mb-3">
<img src="{{ service.img }}" class="width-40 img-fluid" alt="{{ service.title }}"> <img src="{{ service.img }}" class="width-40 img-fluid" alt="{{ service.title }}">
</span> </span>
<div class="service-text mst-25"> <div class="service-text w-100">
<h6 class="primary-color font-18 text-uppercase">{{ service.title }}</h6> <h6 class="mb-2 font-18 text-uppercase heading-weight text-brand-dark">{{ service.title }}</h6>
<p class="mst-8">{{ service.text }}</p> <p class="mb-0 text-brand-dark">{{ service.text }}</p>
</div> </div>
</div> </div>
</div> </div>

View File

@ -7,23 +7,20 @@
<h2 class="section-heading">{{ dt.gM('"Happy client"') }}</h2> <h2 class="section-heading">{{ dt.gM('"Happy client"') }}</h2>
</div> </div>
</div> </div>
<div class="row">
<div class="col-12 col-md-10 col-lg-8 col-xxl-7 mx-md-auto">
<div class="testi-wrap"> <div class="testi-wrap">
<div class="testi-slider swiper" id="testi-slider"> <div class="testi-slider swiper" id="testi-slider">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{% for testi in TESTIMONIAL %} {% for testi in TESTIMONIAL %}
<div class="swiper-slide" data-animate="animate__fadeIn"> <div class="swiper-slide h-auto d-flex" data-animate="animate__fadeIn">
<div class="testi-content d-flex flex-column align-items-center text-center"> <div class="testi-content w-100 ptb-30 plr-15 plr-md-30 body-bg border-radius box-shadow">
<p class="font-20 font-xl-24">{{ testi.quote }}</p> <p class="mb-0">{{ testi.quote }}</p>
<div class="primary-color mst-9 mst-xl-18">{{ testi.role }}</div> <div class="d-flex flex-wrap mst-15">
<div class="mst-25"> <span class="width-80"><img src="{{ testi.img }}" class="w-100 img-fluid rounded-circle" alt="{{ testi.name }}"></span>
<div class="d-flex justify-content-center"> <div class="width-calc-80 d-flex flex-column align-items-start justify-content-center psl-15">
<span class="d-inline-block"><img src="{{ testi.img }}" class="width-64 img-fluid rounded-circle" alt="{{ testi.name }}"></span> <h6 class="font-18 heading-weight mb-0">{{ testi.name }}</h6>
<div class="d-flex flex-column align-items-start justify-content-center psl-15"> <span class="d-block mst-4 heading-color">{{ testi.role }}</span>
<h6 class="font-18">{{ testi.name }}</h6> <div class="testi-review mst-10">
<div class="testi-review mst-9"> <span class="testi-star review-color icon-16 ul-mt5 justify-content-center justify-content-lg-start lh-1">
<span class="testi-star review-color icon-16 ul-mt5 justify-content-center lh-1">
{# {{ stars.render(testi.rating) }}#} {# {{ stars.render(testi.rating) }}#}
</span> </span>
</div> </div>
@ -31,7 +28,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
@ -47,6 +43,4 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</section> </section>

View File

@ -9,7 +9,7 @@
<form id="checkoutForm" method="post" action=""> <form id="checkoutForm" method="post" action="">
<div class="container"> <div class="container">
{% if has_errors %} {% if has_errors %}
<div class="alert alert-danger meb-20"> <div class="alert alert-danger meb-20 bg-card-custom border border-danger text-danger">
{{ dt.gM("Please review checkout form fields.") }} {{ dt.gM("Please review checkout form fields.") }}
</div> </div>
{% endif %} {% endif %}
@ -20,7 +20,7 @@
</div> </div>
<div class="col-12 col-lg-7 p-lg-sticky top-0"> <div class="col-12 col-lg-7 p-lg-sticky top-0">
<div class="checkout-billview"> <div class="checkout-billview">
<div class="checkout-box peb-30 meb-30 beb" data-animate="animate__fadeIn"> <div class="checkout-box peb-30 meb-30 beb bg-card-custom border-radius p-3 p-md-4" data-animate="animate__fadeIn">
<label class="cust-checkbox-label"> <label class="cust-checkbox-label">
<input type="checkbox" id="news-email" name="confirmation[subscribe]" value="1" class="cust-checkbox" {% if confirmation.subscribe|default(0) %}checked{% endif %}> <input type="checkbox" id="news-email" name="confirmation[subscribe]" value="1" class="cust-checkbox" {% if confirmation.subscribe|default(0) %}checked{% endif %}>
<span class="d-block cust-check"></span> <span class="d-block cust-check"></span>
@ -40,7 +40,7 @@
<div class="col-12 col-lg-7 p-lg-sticky top-0" data-animate="animate__fadeIn"> <div class="col-12 col-lg-7 p-lg-sticky top-0" data-animate="animate__fadeIn">
<div class="checkout-billview"> <div class="checkout-billview">
{{ include('include/checkout/payment.twig') }} {{ include('include/checkout/payment.twig') }}
<div class="checkout-box pst-25 validate js-terms-validate"> <div class="checkout-box pst-25 validate js-terms-validate bg-card-custom border-radius p-3 p-md-4">
<label class="cust-checkbox-label"> <label class="cust-checkbox-label">
<input type="checkbox" name="confirmation[agree_to_terms]" value="1" class="cust-checkbox" data-validator="agree_to_terms" {% if confirmation.agree_to_terms|default(0) %}checked{% endif %}> <input type="checkbox" name="confirmation[agree_to_terms]" value="1" class="cust-checkbox" data-validator="agree_to_terms" {% if confirmation.agree_to_terms|default(0) %}checked{% endif %}>
<span class="d-block cust-check"></span> <span class="d-block cust-check"></span>
@ -56,8 +56,8 @@
</label> </label>
</div> </div>
<div class="checkout-btn d-flex flex-column flex-md-row-reverse justify-content-md-between mst-30 pst-30 bst"> <div class="checkout-btn d-flex flex-column flex-md-row-reverse justify-content-md-between mst-30 pst-30 bst">
<button type="submit" class="width-100 width-md-auto btn-style secondary-btn">{{ dt.gM("Place order") }}</button> <button type="submit" class="width-100 width-md-auto btn-gold">{{ dt.gM("Place order") }}</button>
<a href="{{ dt.gL(896) }}" class="body-primary-color d-flex align-items-center justify-content-center mst-15 mst-md-0"><i class="ri-arrow-left-line d-block icon-16 mer-5 lh-1"></i>{{ dt.gM("Return to cart") }}</a> <a href="{{ dt.gL(896) }}" class="btn-outline-gold body-primary-color d-flex align-items-center justify-content-center mst-15 mst-md-0"><i class="ri-arrow-left-line d-block icon-16 mer-5 lh-1"></i>{{ dt.gM("Return to cart") }}</a>
</div> </div>
</div> </div>
</div> </div>

View File

@ -26,9 +26,9 @@
</div> </div>
<!-- cart summary view content --> <!-- cart summary view content -->
<div class="col-12 col-lg-5 p-lg-sticky top-0" data-animate="animate__fadeIn"> <div class="col-12 col-lg-5 p-lg-sticky top-0" data-animate="animate__fadeIn">
<div class="cart-summary ptb-30 plr-15 plr-md-30 extra-bg border-radius"> <div class="cart-summary bg-card-custom ptb-30 plr-15 plr-md-30 border-radius">
<div class="cart-orderview"> <div class="cart-orderview">
<h6 class="font-18 meb-21">{{ dt.gM("Order summary") }}</h6> <h6 class="font-18 meb-21 font-serif text-brand-dark">{{ dt.gM("Order summary") }}</h6>
<div class="cart-info"> <div class="cart-info">
<div class="cart-discount-title d-flex align-items-center justify-content-between"> <div class="cart-discount-title d-flex align-items-center justify-content-between">
<span>{{ dt.gM("Use discount code") }}</span> <span>{{ dt.gM("Use discount code") }}</span>
@ -50,7 +50,7 @@
<label for="cart-discount" class="field-label">{{ dt.gM("Discount code") }}</label> <label for="cart-discount" class="field-label">{{ dt.gM("Discount code") }}</label>
<div class="d-md-flex"> <div class="d-md-flex">
<input type="text" id="cart-discount" name="cart-discount" class="cart-dis-input width-100 height-md-auto text-center text-md-start" value="" placeholder="{{ dt.gM("Discount code") }}" autocomplete="off" required> <input type="text" id="cart-discount" name="cart-discount" class="cart-dis-input width-100 height-md-auto text-center text-md-start" value="" placeholder="{{ dt.gM("Discount code") }}" autocomplete="off" required>
<button type="submit" class="cart-dis-btn cart-dis-apply-btn width-100 width-md-auto btn-style secondary-btn mst-15 mst-md-0 text-nowrap">{{ dt.gM("Apply") }}</button> <button type="submit" class="cart-dis-btn cart-dis-apply-btn width-100 width-md-auto btn-gold mst-15 mst-md-0 text-nowrap">{{ dt.gM("Apply") }}</button>
</div> </div>
</div> </div>
</div> </div>
@ -80,13 +80,13 @@
<div class="row row-mtm20"> <div class="row row-mtm20">
<div class="col-12 d-flex justify-content-between"> <div class="col-12 d-flex justify-content-between">
<span>{{ dt.gM("Total") }}</span> <span>{{ dt.gM("Total") }}</span>
<span class="heading-color heading-weight js-cart-total">{{ CURR|default('€&nbsp;')|raw }}{{ cartSubtotal|number_format(2, '.', ' ') }}</span> <span class="heading-color heading-weight text-gold js-cart-total">{{ CURR|default('€&nbsp;')|raw }}{{ cartSubtotal|number_format(2, '.', ' ') }}</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="cart-button mst-30"> <div class="cart-button mst-30">
<a href="{{ dt.gL(896, 'a:' ~ constant('BRSystems\\Core\\App\\pubBuy\\inc\\pubBuyController::STEP_2_CHECKOUT')) }}" class="w-100 btn-style secondary-btn{% if cartCounter < 1 %} disabled pe-none opacity-50{% endif %}">{{ dt.gM("Checkout") }}</a> <a href="{{ dt.gL(896, 'a:' ~ constant('BRSystems\\Core\\App\\pubBuy\\inc\\pubBuyController::STEP_2_CHECKOUT')) }}" class="w-100 btn-gold{% if cartCounter < 1 %} disabled pe-none opacity-50{% endif %}">{{ dt.gM("Checkout") }}</a>
<span class="d-block font-12 mst-13">{{ dt.gM("Taxes excluded at checkout*") }}</span> <span class="d-block font-12 mst-13">{{ dt.gM("Taxes excluded at checkout*") }}</span>
</div> </div>
</div> </div>

View File

@ -104,10 +104,10 @@
<div class="acc-detail-button mst-20 mst-md-30"> <div class="acc-detail-button mst-20 mst-md-30">
<div class="row btn-row"> <div class="row btn-row">
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<button type="button" class="w-100 acc-save btn-style quaternary-btn">{{ dt.gM("Save & continue") }}</button> <button type="button" class="w-100 acc-save btn-gold">{{ dt.gM("Save & continue") }}</button>
</div> </div>
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<button type="button" class="w-100 acc-cancel btn-style secondary-btn">{{ dt.gM("Cancel") }}</button> <button type="button" class="w-100 acc-cancel btn-outline-gold">{{ dt.gM("Cancel") }}</button>
</div> </div>
</div> </div>
</div> </div>

View File

@ -3,28 +3,31 @@
{% set cartCounter = cartData.total|default(0) %} {% set cartCounter = cartData.total|default(0) %}
{% set cartSubtotal = cartData.subtotal|default(0) %} {% set cartSubtotal = cartData.subtotal|default(0) %}
<div class="checkout-summary"> <div class="checkout-summary bg-card-custom border-radius p-3 p-md-4">
<div class="checkout-orderview"> <div class="checkout-orderview">
<h6 class="font-18 meb-25">{{ dt.gM("Shopping cart") }} <span class="checkcart-count">{{ cartCounter }}</span></h6> <h6 class="font-18 meb-25 font-serif text-brand-dark d-flex align-items-center justify-content-between">
<span>{{ dt.gM("Shopping cart") }}</span>
<span class="checkcart-count text-gold">{{ cartCounter }}</span>
</h6>
<div class="row row-mtm15"> <div class="row row-mtm15">
{% for prodId, variants in cartItems %} {% for prodId, variants in cartItems %}
{% for variantKey, item in variants %} {% for variantKey, item in variants %}
<div class="checkitem-content"> <div class="checkitem-content mb-3">
<div class="ul-mt15"> <div class="ul-mt15">
<div class="checkitem-img width-88"> <div class="checkitem-img width-88">
<div class="position-relative"> <div class="position-relative product-img-wrapper border-radius overflow-hidden">
<img src="{{ item.i }}" class="w-100 img-fluid border-radius" alt="{{ item.t }}"> <img src="{{ item.i }}" class="w-100 img-fluid" alt="{{ item.t }}">
<span class="checkitem-qty extra-color font-11 position-absolute d-flex align-items-center justify-content-center secondary-bg rounded-circle lh-1">{{ item.count }}</span> <span class="checkitem-qty extra-color font-11 position-absolute d-flex align-items-center justify-content-center secondary-bg rounded-circle lh-1">{{ item.count }}</span>
</div> </div>
</div> </div>
<div class="checkitem-info width-calc-88"> <div class="checkitem-info width-calc-88">
<div class="checkitem-detail h-100 d-flex flex-column justify-content-between"> <div class="checkitem-detail h-100 d-flex flex-column justify-content-between">
<div class="checkitem-text"> <div class="checkitem-text">
<a href="{{ item.u }}" class="primary-link">{{ item.t }}</a> <a href="{{ item.u }}" class="primary-link font-serif text-brand-dark">{{ item.t }}</a>
<span class="d-block mst-7">{{ item.c1 }}{% if item.c1 and item.c2 %} / {% endif %}{{ item.c2 }}</span> <span class="d-block mst-7 text-secondary">{{ item.c1 }}{% if item.c1 and item.c2 %} / {% endif %}{{ item.c2 }}</span>
</div> </div>
<div class="checkitem-price mst-20 text-end"> <div class="checkitem-price mst-20 text-end">
<div class="heading-color heading-weight">{{ CURR|default('€&nbsp;')|raw }}{{ item.p|number_format(2, '.', ' ') }}</div> <div class="heading-color heading-weight text-gold">{{ CURR|default('€&nbsp;')|raw }}{{ item.p|number_format(2, '.', ' ') }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -35,7 +38,7 @@
</div> </div>
<div class="checkout-costview"> <div class="checkout-costview">
<div class="checkout-cost mst-30 pst-30 bst"> <div class="checkout-cost mst-30 pst-30 bst">
<h6 class="font-18 meb-21">{{ dt.gM("Cost summary") }}</h6> <h6 class="font-18 meb-21 font-serif text-brand-dark">{{ dt.gM("Cost summary") }}</h6>
<div class="row row-mtm20"> <div class="row row-mtm20">
<div class="col-12 d-flex justify-content-between"> <div class="col-12 d-flex justify-content-between">
<span>{{ dt.gM("Subtotal") }}</span> <span>{{ dt.gM("Subtotal") }}</span>
@ -55,7 +58,7 @@
<div class="row row-mtm20"> <div class="row row-mtm20">
<div class="col-12 d-flex justify-content-between"> <div class="col-12 d-flex justify-content-between">
<span>{{ dt.gM("Total") }}</span> <span>{{ dt.gM("Total") }}</span>
<span class="heading-color heading-weight">{{ CURR|default('€&nbsp;')|raw }}{{ cartSubtotal|number_format(2, '.', ' ') }}</span> <span class="heading-color heading-weight text-gold">{{ CURR|default('€&nbsp;')|raw }}{{ cartSubtotal|number_format(2, '.', ' ') }}</span>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,8 +1,8 @@
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<div class="quickview-detail-slider"> <div class="quickview-detail-slider bg-card-custom p-3 rounded-4">
<div class="row ul-mt15"> <div class="row ul-mt15">
<div class="col-12"> <div class="col-12">
<div class="quickview-img-big quickview-slider-big position-relative br-hidden"> <div class="quickview-img-big quickview-slider-big position-relative br-hidden product-img-wrapper">
<div class="swiper" id="quickview-slider-big"> <div class="swiper" id="quickview-slider-big">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{% for image in QV.images|default([]) %} {% for image in QV.images|default([]) %}
@ -44,19 +44,19 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<div class="quickview-info p-md-relative height-md-100"> <div class="quickview-info p-md-relative height-md-100">
<div class="quickview-detail-info p-md-absolute top-0 bottom-0 start-0 psl-md-3 per-md-30"> <div class="quickview-detail-info p-md-absolute top-0 bottom-0 start-0 psl-md-3 per-md-30 bg-card-custom rounded-4 p-3">
<div class="quick-info"> <div class="quick-info">
<div class="product-title"> <div class="product-title">
<h2 class="font-20 quickview-product-title">{{ QV.title }}</h2> <h2 class="font-20 quickview-product-title font-serif text-brand-dark">{{ QV.title }}</h2>
</div> </div>
</div> </div>
<div class="quick-info mst-10"> <div class="quick-info mst-10">
<div class="product-price"> <div class="product-price">
<div class="pro-price-box"> <div class="pro-price-box">
<span class="new-price primary-color font-20 heading-weight quickview-product-price">{{ QV.price_new }}</span> <span class="new-price primary-color font-20 heading-weight quickview-product-price text-gold">{{ QV.price_new }}</span>
<span class="old-price font-20 heading-weight quickview-product-old-price text-decoration-line-through{{ QV.discount ? '' : ' d-none' }}">{{ QV.price_old }}</span> <span class="old-price font-20 heading-weight quickview-product-old-price text-decoration-line-through{{ QV.discount ? '' : ' d-none' }}">{{ QV.price_old }}</span>
</div> </div>
</div> </div>
@ -71,7 +71,7 @@
</div> </div>
<div class="quick-info mst-20"> <div class="quick-info mst-20">
<div class="product-cart-action"> <div class="product-cart-action">
<a href="javascript:void(0)" class="btn-style secondary-btn add-to-cart quickview-add-to-cart" data-product-id="{{ QV.cart_id }}" data-d1="{{ QV.default_d1 }}" data-d2="{{ QV.default_d2 }}"> <a href="javascript:void(0)" class="btn-gold add-to-cart-btn quickview-add-to-cart" data-product-id="{{ QV.cart_id }}" data-d1="{{ QV.default_d1 }}" data-d2="{{ QV.default_d2 }}">
<span class="product-icon"> <span class="product-icon">
<span class="product-bag-icon">{{ dt.gM("Add to cart") }}</span> <span class="product-bag-icon">{{ dt.gM("Add to cart") }}</span>
<span class="product-loader-icon icon-16"><i class="ri-loader-4-line d-block lh-1"></i></span> <span class="product-loader-icon icon-16"><i class="ri-loader-4-line d-block lh-1"></i></span>
@ -81,7 +81,7 @@
</div> </div>
</div> </div>
<div class="quick-info mst-15"> <div class="quick-info mst-15">
<a href="{{ QV.url|default('javascript:void(0)') }}" class="d-block body-secondary-color quickview-product-link">{{ dt.gM("View full details") }} →</a> <a href="{{ QV.url|default('javascript:void(0)') }}" class="btn-outline-gold quickview-product-link">{{ dt.gM("View full details") }} →</a>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,7 +1,7 @@
<div class="collection-product-list d-none d-xl-block pst-30 mst-30 bst"> <div class="collection-product-list d-none d-xl-block pst-30 mst-30 bst">
<div class="side-collection-category"> <div class="side-collection-category">
<div class="d-flex flex-wrap align-items-center"> <div class="d-flex flex-wrap align-items-center">
<h6 class="width-calc-32 font-18" data-animate="animate__fadeIn">{{ dt.gM('Special products') }}</h6> <h6 class="width-calc-32 font-18 font-serif text-brand-dark" data-animate="animate__fadeIn">{{ dt.gM('Special products') }}</h6>
<div class="swiper-buttons width-32 lh-1" data-animate="animate__fadeIn"> <div class="swiper-buttons width-32 lh-1" data-animate="animate__fadeIn">
<div class="swiper-buttons-wrap d-flex"> <div class="swiper-buttons-wrap d-flex">
<button type="button" class="swiper-prev swiper-prev-special-product primary-link" aria-label="{{ dt.gM('Arrow previous') }}"><i class="ri-arrow-left-line d-block lh-1"></i></button> <button type="button" class="swiper-prev swiper-prev-special-product primary-link" aria-label="{{ dt.gM('Arrow previous') }}"><i class="ri-arrow-left-line d-block lh-1"></i></button>
@ -14,15 +14,15 @@
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{% for product in FEATURED_PRODUCTS|default([]) %} {% for product in FEATURED_PRODUCTS|default([]) %}
<div class="swiper-slide" data-animate="animate__fadeIn"> <div class="swiper-slide" data-animate="animate__fadeIn">
<div class="single-product-list"> <div class="single-product-list bg-card-custom h-100 p-3 d-flex flex-column justify-content-between">
<div class="single-product-wrap d-flex flex-wrap"> <div class="single-product-wrap d-flex flex-wrap">
<div class="width-120 product-image"> <div class="width-120 product-image product-img-wrapper position-relative overflow-hidden rounded-4">
<a href="{{ product.url }}" class="pro-img"><img src="{{ product.img2 }}" class="w-100 img-fluid" alt="{{ product.title }}"></a> <a href="{{ product.url }}" class="pro-img d-block w-100 h-100"><img src="{{ product.img2 }}" class="w-100 img-fluid" alt="{{ product.title }}"></a>
</div> </div>
<div class="width-calc-120 product-content"> <div class="width-calc-120 product-content">
<div class="pro-content"> <div class="pro-content">
<div class="product-title"> <div class="product-title">
<span class="d-block"><a href="{{ product.url }}" class="d-block w-100 primary-link text-uppercase text-truncate">{{ product.title }}</a></span> <span class="d-block"><a href="{{ product.url }}" class="d-block w-100 primary-link text-uppercase text-truncate font-serif text-brand-dark">{{ product.title }}</a></span>
</div> </div>
<div class="product-ratting"> <div class="product-ratting">
<span class="review-ratting"> <span class="review-ratting">
@ -42,7 +42,7 @@
</div> </div>
<div class="product-price"> <div class="product-price">
<div class="price-box heading-weight"> <div class="price-box heading-weight">
<span class="new-price primary-color">{{ product.price }}</span> <span class="new-price primary-color text-gold">{{ product.price }}</span>
<span class="old-price text-decoration-line-through">{{ product.old_price }}</span> <span class="old-price text-decoration-line-through">{{ product.old_price }}</span>
</div> </div>
</div> </div>

View File

@ -14,13 +14,13 @@ input.valid, .v-ok > input, .v-ok > textarea{
border: 0; border: 0;
} }
#address-book-section .address-book-badge--shipping{ #address-book-section .address-book-badge--shipping{
background: #3c5e39; background: #3E6B52;
} }
#address-book-section .address-book-badge--billing{ #address-book-section .address-book-badge--billing{
background: #7b4f9c; background: #C8963E;
} }
#address-book-section .address-book-badge--both{ #address-book-section .address-book-badge--both{
background: linear-gradient(135deg, #3c5e39 0%, #7b4f9c 100%); background: linear-gradient(135deg, #3E6B52 0%, #C8963E 100%);
} }
#address-book-section .address-book-badge--type{ #address-book-section .address-book-badge--type{
background: #e9ecef; background: #e9ecef;

View File

@ -35,7 +35,7 @@ Bug Tracking System - daily report
We've successfully generated list of new bugs concerning You.<br/> We've successfully generated list of new bugs concerning You.<br/>
Go to assigned BUG's by clicking the button<br/> Go to assigned BUG's by clicking the button<br/>
<a href="[%BUG_LINK_HERE%]" style="color: rgb(5, 191, 210);background: url('https://www.{{ BRAND_DOMAIN }}/img/pub/mails/bg.jpg') no-repeat top left/ 350% auto; display: inline-block;width: auto;text-align: center;padding: 13px 25px;border-radius: 3px;color: white;font-weight: 400;margin: 20px 0;cursor: pointer;text-decoration: none;">See my bugs</a> <a href="[%BUG_LINK_HERE%]" style="color: #C8963E;background: url('https://www.{{ BRAND_DOMAIN }}/img/pub/mails/bg.jpg') no-repeat top left/ 350% auto; display: inline-block;width: auto;text-align: center;padding: 13px 25px;border-radius: 3px;color: white;font-weight: 400;margin: 20px 0;cursor: pointer;text-decoration: none;">See my bugs</a>
<br/><br/> <br/><br/>
@ -50,15 +50,15 @@ Bug Tracking System - daily report
<br/><br/> <br/><br/>
Best regards,<br/> Best regards,<br/>
<b style="font-size: 12pt;color: rgb(5, 191, 210);font-weight: 400;">Maison Alexandra Team</b><br/> <b style="font-size: 12pt;color: #C8963E;font-weight: 400;">Maison Alexandra Team</b><br/>
</div> </div>
<div style="font-size: 10pt;width: 100%;min-height: 100px;background-color:rgb(245, 250, 250);margin-top: 60px;padding: 20px;box-sizing: border-box;color: gray;position: relative;"> <div style="font-size: 10pt;width: 100%;min-height: 100px;background-color:rgb(245, 250, 250);margin-top: 60px;padding: 20px;box-sizing: border-box;color: gray;position: relative;">
<div style="position: absolute;right: 10px;top: 10px;width: 100px;height: 50px;float:right;"> <div style="position: absolute;right: 10px;top: 10px;width: 100px;height: 50px;float:right;">
<img src="[%TRACKING_IMG%]" style="width: 100%;" alt="[%ZUT_TRACK%]" /> <img src="[%TRACKING_IMG%]" style="width: 100%;" alt="[%ZUT_TRACK%]" />
</div> </div>
Need help?<br/> Need help?<br/>
<a href="mailto:{{ BRAND_SUPPORT_EMAIL }}" style="color: rgb(5, 191, 210);text-decoration: none;">{{ BRAND_SUPPORT_EMAIL }}</a><br/> <a href="mailto:{{ BRAND_SUPPORT_EMAIL }}" style="color: #C8963E;text-decoration: none;">{{ BRAND_SUPPORT_EMAIL }}</a><br/>
<a href="https://{{ BRAND_DOMAIN }}" style="color: rgb(5, 191, 210);text-decoration: none;">{{ BRAND_DOMAIN }}</a><br/> <a href="https://{{ BRAND_DOMAIN }}" style="color: #C8963E;text-decoration: none;">{{ BRAND_DOMAIN }}</a><br/>
<br/> <br/>
<p style="margin-bottom: 20px;"> <p style="margin-bottom: 20px;">
Informative: +371 2...<br/> Informative: +371 2...<br/>

View File

@ -45,10 +45,10 @@ Online Privacy Policy
We have received a request to reset the password for a Maison Alexandra account.<br/> We have received a request to reset the password for a Maison Alexandra account.<br/>
Zemāk jūs atradīsit pagaidu ģenerētu paroli, kas būs derīga 2 stundas.<br/><br/> Zemāk jūs atradīsit pagaidu ģenerētu paroli, kas būs derīga 2 stundas.<br/><br/>
Pagaidu parole: <b style="color: rgb(5, 191, 210);font-weight: 400;">[%TEMPORARY_PASSWORD%]</b><br/><br/> Pagaidu parole: <b style="color: #C8963E;font-weight: 400;">[%TEMPORARY_PASSWORD%]</b><br/><br/>
Paroli var arī atjaunot, noklikšķinot uz pogas<br/> Paroli var arī atjaunot, noklikšķinot uz pogas<br/>
<a href="[%PWD_RESET_LINK_HERE%]" style="color: rgb(5, 191, 210);background: url('https://www.{{ BRAND_DOMAIN }}/img/pub/mails/bg.jpg') no-repeat top left/ 350% auto; display: inline-block;width: auto;text-align: center;padding: 13px 25px;border-radius: 3px;color: white;font-weight: 400;margin: 20px 0;cursor: pointer;text-decoration: none;">Reset password</a> <a href="[%PWD_RESET_LINK_HERE%]" style="color: #C8963E;background: url('https://www.{{ BRAND_DOMAIN }}/img/pub/mails/bg.jpg') no-repeat top left/ 350% auto; display: inline-block;width: auto;text-align: center;padding: 13px 25px;border-radius: 3px;color: white;font-weight: 400;margin: 20px 0;cursor: pointer;text-decoration: none;">Reset password</a>
<br/><br/> <br/><br/>
@ -59,15 +59,15 @@ Online Privacy Policy
<br/><br/> <br/><br/>
Ar cieņu,<br/> Ar cieņu,<br/>
<b style="font-size: 12pt;color: rgb(5, 191, 210);font-weight: 400;">Maison Alexandra Team</b><br/> <b style="font-size: 12pt;color: #C8963E;font-weight: 400;">Maison Alexandra Team</b><br/>
</div> </div>
<div style="font-size: 10pt;width: 100%;min-height: 100px;background-color:rgb(245, 250, 250);margin-top: 60px;padding: 20px;box-sizing: border-box;color: gray;position: relative;"> <div style="font-size: 10pt;width: 100%;min-height: 100px;background-color:rgb(245, 250, 250);margin-top: 60px;padding: 20px;box-sizing: border-box;color: gray;position: relative;">
<div style="position: absolute;right: 10px;top: 10px;width: 100px;height: 50px;float:right;"> <div style="position: absolute;right: 10px;top: 10px;width: 100px;height: 50px;float:right;">
<img src="[%TRACKING_IMG%]" style="width: 100%;" alt="[%ZUT_TRACK%]" /> <img src="[%TRACKING_IMG%]" style="width: 100%;" alt="[%ZUT_TRACK%]" />
</div> </div>
Nepieciešama palīdzība?<br/> Nepieciešama palīdzība?<br/>
<a href="mailto:{{ BRAND_SUPPORT_EMAIL }}" style="color: rgb(5, 191, 210);text-decoration: none;">{{ BRAND_SUPPORT_EMAIL }}</a><br/> <a href="mailto:{{ BRAND_SUPPORT_EMAIL }}" style="color: #C8963E;text-decoration: none;">{{ BRAND_SUPPORT_EMAIL }}</a><br/>
<a href="https://{{ BRAND_DOMAIN }}" style="color: rgb(5, 191, 210);text-decoration: none;">{{ BRAND_DOMAIN }}</a><br/> <a href="https://{{ BRAND_DOMAIN }}" style="color: #C8963E;text-decoration: none;">{{ BRAND_DOMAIN }}</a><br/>
<br/> <br/>
<p style="margin-bottom: 20px;"> <p style="margin-bottom: 20px;">
Informatīvais: +371 26475683<br/> Informatīvais: +371 26475683<br/>
@ -106,10 +106,10 @@ Online Privacy Policy
We have received a request to reset the password for this Maison Alexandra account.<br/> We have received a request to reset the password for this Maison Alexandra account.<br/>
Below You'll find temporary generated password, which will be valid for 2 hours.<br/><br/> Below You'll find temporary generated password, which will be valid for 2 hours.<br/><br/>
Temporary Password: <b style="color: rgb(5, 191, 210);font-weight: 400;">[%TEMPORARY_PASSWORD%]</b><br/><br/> Temporary Password: <b style="color: #C8963E;font-weight: 400;">[%TEMPORARY_PASSWORD%]</b><br/><br/>
You can also reset your password by clicking the button<br/> You can also reset your password by clicking the button<br/>
<a href="[%PWD_RESET_LINK_HERE%]" style="color: rgb(5, 191, 210);background: url('https://www.{{ BRAND_DOMAIN }}/img/pub/mails/bg.jpg') no-repeat top left/ 350% auto; display: inline-block;width: auto;text-align: center;padding: 13px 25px;border-radius: 3px;color: white;font-weight: 400;margin: 20px 0;cursor: pointer;text-decoration: none;">Reset password</a> <a href="[%PWD_RESET_LINK_HERE%]" style="color: #C8963E;background: url('https://www.{{ BRAND_DOMAIN }}/img/pub/mails/bg.jpg') no-repeat top left/ 350% auto; display: inline-block;width: auto;text-align: center;padding: 13px 25px;border-radius: 3px;color: white;font-weight: 400;margin: 20px 0;cursor: pointer;text-decoration: none;">Reset password</a>
<br/><br/> <br/><br/>
@ -120,15 +120,15 @@ Online Privacy Policy
<br/><br/> <br/><br/>
Best regards,<br/> Best regards,<br/>
<b style="font-size: 12pt;color: rgb(5, 191, 210);font-weight: 400;">Maison Alexandra Team</b><br/> <b style="font-size: 12pt;color: #C8963E;font-weight: 400;">Maison Alexandra Team</b><br/>
</div> </div>
<div style="font-size: 10pt;width: 100%;min-height: 100px;background-color:rgb(245, 250, 250);margin-top: 60px;padding: 20px;box-sizing: border-box;color: gray;position: relative;"> <div style="font-size: 10pt;width: 100%;min-height: 100px;background-color:rgb(245, 250, 250);margin-top: 60px;padding: 20px;box-sizing: border-box;color: gray;position: relative;">
<div style="position: absolute;right: 10px;top: 10px;width: 100px;height: 50px;float:right;"> <div style="position: absolute;right: 10px;top: 10px;width: 100px;height: 50px;float:right;">
<img src="[%TRACKING_IMG%]" style="width: 100%;" alt="[%ZUT_TRACK%]" /> <img src="[%TRACKING_IMG%]" style="width: 100%;" alt="[%ZUT_TRACK%]" />
</div> </div>
Need help?<br/> Need help?<br/>
<a href="mailto:{{ BRAND_SUPPORT_EMAIL }}" style="color: rgb(5, 191, 210);text-decoration: none;">{{ BRAND_SUPPORT_EMAIL }}</a><br/> <a href="mailto:{{ BRAND_SUPPORT_EMAIL }}" style="color: #C8963E;text-decoration: none;">{{ BRAND_SUPPORT_EMAIL }}</a><br/>
<a href="https://{{ BRAND_DOMAIN }}" style="color: rgb(5, 191, 210);text-decoration: none;">{{ BRAND_DOMAIN }}</a><br/> <a href="https://{{ BRAND_DOMAIN }}" style="color: #C8963E;text-decoration: none;">{{ BRAND_DOMAIN }}</a><br/>
<br/> <br/>
<p style="margin-bottom: 20px;"> <p style="margin-bottom: 20px;">
Informative: +371 2...<br/> Informative: +371 2...<br/>

View File

@ -26,10 +26,10 @@
background: url('http://local.maisonalexandra.lv/img/pub/svg/sys_logo2.svg') no-repeat 10px 0 / 100% auto;width: 200px;height: 101px;display: block; background: url('http://local.maisonalexandra.lv/img/pub/svg/sys_logo2.svg') no-repeat 10px 0 / 100% auto;width: 200px;height: 101px;display: block;
} }
.mail-b a{ .mail-b a{
color: rgb(5, 191, 210); color: #C8963E;
} }
.mail-b b { .mail-b b {
color: rgb(5, 191, 210);font-weight: 400; color: #C8963E;font-weight: 400;
} }
.mail-b .ff { .mail-b .ff {
width: 100%;min-height: 100px;background-color: rgb(242, 242, 242);margin-top: 60px;padding: 20px;box-sizing: border-box;color: gray;position: relative; width: 100%;min-height: 100px;background-color: rgb(242, 242, 242);margin-top: 60px;padding: 20px;box-sizing: border-box;color: gray;position: relative;
@ -61,12 +61,12 @@
<h1 style="font-weight: 400;font-size: 18pt;margin-bottom: 12px;">Labdien, [%FULL USER NAME%]!</h1><br/> <h1 style="font-weight: 400;font-size: 18pt;margin-bottom: 12px;">Labdien, [%FULL USER NAME%]!</h1><br/>
Welcome to Maison Alexandra. <br/> Welcome to Maison Alexandra. <br/>
Esam sagatavojuši Jums lietotāja kontu, kuru atlicis tikai <a href="[%ACTIVATION_LINK_HERE%]" style="color: rgb(5, 191, 210);">aktivizēt noklikšķinot šeit</a>.  Esam sagatavojuši Jums lietotāja kontu, kuru atlicis tikai <a href="[%ACTIVATION_LINK_HERE%]" style="color: #C8963E;">aktivizēt noklikšķinot šeit</a>. 
<br/><br/> <br/><br/>
Sistēmas piekļuves dati:<br/> Sistēmas piekļuves dati:<br/>
Lietotāja vārds: <b style="color: rgb(5, 191, 210);font-weight: 400;">[%USER-NAME_EMAIL%]</b><br/> Lietotāja vārds: <b style="color: #C8963E;font-weight: 400;">[%USER-NAME_EMAIL%]</b><br/>
Pagaidu parole: <b style="color: rgb(5, 191, 210);font-weight: 400;">[%USER_TEMP_PWD%]</b> , kuru pieprasīs nomainīt pie pirmās pieslēgšanās sistēmā!<br/><br/> Pagaidu parole: <b style="color: #C8963E;font-weight: 400;">[%USER_TEMP_PWD%]</b> , kuru pieprasīs nomainīt pie pirmās pieslēgšanās sistēmā!<br/><br/>
If you do not yet have your own business activity or simply want to explore Maison Alexandra without adding your business information, do not worry. During the trial period, you can add test company, customer, and product data, and update those settings later. If you do not yet have your own business activity or simply want to explore Maison Alexandra without adding your business information, do not worry. During the trial period, you can add test company, customer, and product data, and update those settings later.
<br/><br/> <br/><br/>
@ -75,11 +75,11 @@
<br/><br/> <br/><br/>
<a class="btn" href="https://www.{{ BRAND_DOMAIN }}/login" style="color: rgb(5, 191, 210);background: url('http://{{ BRAND_LOCAL_DOMAIN }}/img/pub/mails/bg.jpg') no-repeat top center / 250% auto; display: block;width: 70%;max-width: 300px;text-align: center;padding: 13px;border-radius: 3px;color: white;font-weight: 400;margin: 20px auto 0;cursor: pointer;text-decoration: none;">Go to account</a> <a class="btn" href="https://www.{{ BRAND_DOMAIN }}/login" style="color: #C8963E;background: url('http://{{ BRAND_LOCAL_DOMAIN }}/img/pub/mails/bg.jpg') no-repeat top center / 250% auto; display: block;width: 70%;max-width: 300px;text-align: center;padding: 13px;border-radius: 3px;color: white;font-weight: 400;margin: 20px auto 0;cursor: pointer;text-decoration: none;">Go to account</a>
<br/><br/> <br/><br/>
Lai veiksmīga sadarbība! <br/><br/> Lai veiksmīga sadarbība! <br/><br/>
Ar cieņu,<br/> Ar cieņu,<br/>
<b style="font-size: 12pt;color: rgb(5, 191, 210);font-weight: 400;">Maison Alexandra Team</b><br/> <b style="font-size: 12pt;color: #C8963E;font-weight: 400;">Maison Alexandra Team</b><br/>
</div> </div>
@ -88,8 +88,8 @@
<img src="[%TRACKING_IMG%]" style="width: 100%;" /> <img src="[%TRACKING_IMG%]" style="width: 100%;" />
</div> </div>
Nepieciešama palīdzība?<br/> Nepieciešama palīdzība?<br/>
<a class="x" href="mailto:{{ BRAND_SUPPORT_EMAIL }}" style="color: rgb(5, 191, 210);text-decoration: none;">{{ BRAND_SUPPORT_EMAIL }}</a><br/> <a class="x" href="mailto:{{ BRAND_SUPPORT_EMAIL }}" style="color: #C8963E;text-decoration: none;">{{ BRAND_SUPPORT_EMAIL }}</a><br/>
<a class="x" href="https://{{ BRAND_DOMAIN }}" style="color: rgb(5, 191, 210);text-decoration: none;">{{ BRAND_DOMAIN }}</a><br/> <a class="x" href="https://{{ BRAND_DOMAIN }}" style="color: #C8963E;text-decoration: none;">{{ BRAND_DOMAIN }}</a><br/>
<br/> <br/>
Informatívais +371 2...<br/> Informatívais +371 2...<br/>
Tehn. atbalsts +371 2...<br/> Tehn. atbalsts +371 2...<br/>

View File

@ -33,18 +33,18 @@
<h1 style="font-weight: 400;font-size: 18pt;margin-bottom: 12px;">Labdien, [%FULL USER NAME%]!</h1><br/> <h1 style="font-weight: 400;font-size: 18pt;margin-bottom: 12px;">Labdien, [%FULL USER NAME%]!</h1><br/>
Welcome to Maison Alexandra. <br/> Welcome to Maison Alexandra. <br/>
Esam sagatavojuši Jums lietotāja kontu, kuru atlicis tikai <a href="[%ACTIVATION_LINK_HERE%]" style="color: rgb(5, 191, 210);">aktivizēt noklikšķinot šeit</a>.  Esam sagatavojuši Jums lietotāja kontu, kuru atlicis tikai <a href="[%ACTIVATION_LINK_HERE%]" style="color: #C8963E;">aktivizēt noklikšķinot šeit</a>. 
<br/><br/> <br/><br/>
Sistēmas piekļuves dati:<br/> Sistēmas piekļuves dati:<br/>
Lietotāja vārds: <b style="color: rgb(5, 191, 210);font-weight: 400;">[%USER-NAME_EMAIL%]</b><br/> Lietotāja vārds: <b style="color: #C8963E;font-weight: 400;">[%USER-NAME_EMAIL%]</b><br/>
Pagaidu parole: <b style="color: rgb(5, 191, 210);font-weight: 400;">[%USER_TEMP_PWD%]</b> , kuru pieprasīs nomainīt pie pirmās pieslēgšanās sistēmā!<br/><br/> Pagaidu parole: <b style="color: #C8963E;font-weight: 400;">[%USER_TEMP_PWD%]</b> , kuru pieprasīs nomainīt pie pirmās pieslēgšanās sistēmā!<br/><br/>
If you do not yet have your own business activity or simply want to explore Maison Alexandra without adding your business information, do not worry. During the trial period, you can add test company, customer, and product data, and update those settings later. If you do not yet have your own business activity or simply want to explore Maison Alexandra without adding your business information, do not worry. During the trial period, you can add test company, customer, and product data, and update those settings later.
<br/><br/> <br/><br/>
Kontu var arī aktivizēt, noklikšķinot uz pogas<br/> Kontu var arī aktivizēt, noklikšķinot uz pogas<br/>
<a href="[%ACTIVATION_LINK_HERE%]" style="color: rgb(5, 191, 210);background: url('https://www.{{ BRAND_DOMAIN }}/img/pub/mails/bg.jpg') no-repeat top center / 250% auto; display: block;width: 70%;max-width: 300px;text-align: center;padding: 13px;border-radius: 3px;color: white;font-weight: 400;margin: 20px auto 0;cursor: pointer;text-decoration: none;">Activate account</a> <a href="[%ACTIVATION_LINK_HERE%]" style="color: #C8963E;background: url('https://www.{{ BRAND_DOMAIN }}/img/pub/mails/bg.jpg') no-repeat top center / 250% auto; display: block;width: 70%;max-width: 300px;text-align: center;padding: 13px;border-radius: 3px;color: white;font-weight: 400;margin: 20px auto 0;cursor: pointer;text-decoration: none;">Activate account</a>
<br/><br/> <br/><br/>
Ja Tev ir jautājumi par pakalpojumu, būsim priecīgi palīdzēt! <br/> Ja Tev ir jautājumi par pakalpojumu, būsim priecīgi palīdzēt! <br/>
@ -53,7 +53,7 @@
Lai veiksmīga sadarbība! <br/><br/> Lai veiksmīga sadarbība! <br/><br/>
Ar cieņu,<br/> Ar cieņu,<br/>
<b style="font-size: 12pt;color: rgb(5, 191, 210);font-weight: 400;">Maison Alexandra Team</b><br/> <b style="font-size: 12pt;color: #C8963E;font-weight: 400;">Maison Alexandra Team</b><br/>
</div> </div>
@ -62,8 +62,8 @@
<img src="[%TRACKING_IMG%]" style="width: 100%;" alt="[%ZUT_TRACK%]" /> <img src="[%TRACKING_IMG%]" style="width: 100%;" alt="[%ZUT_TRACK%]" />
</div> </div>
Nepieciešama palīdzība?<br/> Nepieciešama palīdzība?<br/>
<a href="mailto:info@maisonalexandra.lv" style="color: rgb(5, 191, 210);text-decoration: none;">info@maisonalexandra.lv</a><br/> <a href="mailto:info@maisonalexandra.lv" style="color: #C8963E;text-decoration: none;">info@maisonalexandra.lv</a><br/>
<a href="https://www.maisonalexandra.lv" style="color: rgb(5, 191, 210);text-decoration: none;">maisonalexandra.lv</a><br/> <a href="https://www.maisonalexandra.lv" style="color: #C8963E;text-decoration: none;">maisonalexandra.lv</a><br/>
<br/> <br/>
<p style="margin-bottom: 20px;"> <p style="margin-bottom: 20px;">
Informatīvais: +371 ...<br/> Informatīvais: +371 ...<br/>
@ -106,18 +106,18 @@
<h1 style="font-weight: 400;font-size: 18pt;margin-bottom: 12px;">Dear [%FULL USER NAME%]!</h1><br/> <h1 style="font-weight: 400;font-size: 18pt;margin-bottom: 12px;">Dear [%FULL USER NAME%]!</h1><br/>
Welcome to Maison Alexandra. <br/> Welcome to Maison Alexandra. <br/>
We have prepared for you a user account which only needs to be <a href="[%ACTIVATION_LINK_HERE%]" style="color: rgb(5, 191, 210);">activated by clicking here</a>.  We have prepared for you a user account which only needs to be <a href="[%ACTIVATION_LINK_HERE%]" style="color: #C8963E;">activated by clicking here</a>. 
<br/><br/> <br/><br/>
System access data:<br/> System access data:<br/>
Username: <b style="color: rgb(5, 191, 210);font-weight: 400;">[%USER-NAME_EMAIL%]</b><br/> Username: <b style="color: #C8963E;font-weight: 400;">[%USER-NAME_EMAIL%]</b><br/>
Temporary password: <b style="color: rgb(5, 191, 210);font-weight: 400;">[%USER_TEMP_PWD%]</b> , which will be requested to be changed at the first login!<br/><br/> Temporary password: <b style="color: #C8963E;font-weight: 400;">[%USER_TEMP_PWD%]</b> , which will be requested to be changed at the first login!<br/><br/>
If you do not yet have your own business activity or simply want to explore Maison Alexandra without adding your business information, do not worry. During the trial period, you can add test company, customer, and product data, and update those settings later. If you do not yet have your own business activity or simply want to explore Maison Alexandra without adding your business information, do not worry. During the trial period, you can add test company, customer, and product data, and update those settings later.
<br/><br/> <br/><br/>
You can also activate your account by clicking the button<br/> You can also activate your account by clicking the button<br/>
<a href="[%ACTIVATION_LINK_HERE%]" style="color: rgb(5, 191, 210);background: url('https://www.{{ BRAND_DOMAIN }}/img/pub/mails/bg.jpg') no-repeat top center / 250% auto; display: block;width: 70%;max-width: 300px;text-align: center;padding: 13px;border-radius: 3px;color: white;font-weight: 400;margin: 20px auto 0;cursor: pointer;text-decoration: none;">Activate account</a> <a href="[%ACTIVATION_LINK_HERE%]" style="color: #C8963E;background: url('https://www.{{ BRAND_DOMAIN }}/img/pub/mails/bg.jpg') no-repeat top center / 250% auto; display: block;width: 70%;max-width: 300px;text-align: center;padding: 13px;border-radius: 3px;color: white;font-weight: 400;margin: 20px auto 0;cursor: pointer;text-decoration: none;">Activate account</a>
<br/><br/> <br/><br/>
@ -127,7 +127,7 @@
To a successful cooperation!<br/><br/> To a successful cooperation!<br/><br/>
Best regards,<br/> Best regards,<br/>
<b style="font-size: 12pt;color: rgb(5, 191, 210);font-weight: 400;">Maison Alexandra Team</b><br/> <b style="font-size: 12pt;color: #C8963E;font-weight: 400;">Maison Alexandra Team</b><br/>
</div> </div>
@ -136,8 +136,8 @@
<img src="[%TRACKING_IMG%]" style="width: 100%;" alt="[%ZUT_TRACK%]" /> <img src="[%TRACKING_IMG%]" style="width: 100%;" alt="[%ZUT_TRACK%]" />
</div> </div>
Need help?<br/> Need help?<br/>
<a href="mailto:info@maisonalexandra.lv" style="color: rgb(5, 191, 210);text-decoration: none;">info@maisonalexandra.lv</a><br/> <a href="mailto:info@maisonalexandra.lv" style="color: #C8963E;text-decoration: none;">info@maisonalexandra.lv</a><br/>
<a href="https://www.maisonalexandra.lv" style="color: rgb(5, 191, 210);text-decoration: none;">maisonalexandra.lv</a><br/> <a href="https://www.maisonalexandra.lv" style="color: #C8963E;text-decoration: none;">maisonalexandra.lv</a><br/>
<br/> <br/>
<p style="margin-bottom: 20px;"> <p style="margin-bottom: 20px;">
Informative: +371 26475683<br/> Informative: +371 26475683<br/>

View File

@ -110,7 +110,7 @@
<div {% if USER.id %}style="display:none;"{% endif %}> <div {% if USER.id %}style="display:none;"{% endif %}>
<div id="auto-gen-pwd" style="display:none;"> <div id="auto-gen-pwd" style="display:none;">
<h4>{{ dt.gM("Auto generated user password - automatically sets password change upon first login!") }}</h4> <h4>{{ dt.gM("Auto generated user password - automatically sets password change upon first login!") }}</h4>
<p><b style="color: rgb(237, 123, 27);">{{ TPASSWD }}</b></p><div id="copy_code" class="v-text"><span><div class="errMsg black" data-base-msg="{{ dt.gM("Copy password") }}" data-ok-msg="{{ dt.gM("Copied!") }}"></div></span></div> <p><b style="color: #C8963E;">{{ TPASSWD }}</b></p><div id="copy_code" class="v-text"><span><div class="errMsg black" data-base-msg="{{ dt.gM("Copy password") }}" data-ok-msg="{{ dt.gM("Copied!") }}"></div></span></div>
</div> </div>
<input class="ff-password-login-dummy-field skip" style="display:none;"> <input class="ff-password-login-dummy-field skip" style="display:none;">
<ul class="dx col3"> <ul class="dx col3">

View File

@ -32,7 +32,7 @@ SEND_MAIL_COMMAND_PATH = '/usr/bin/mhsendmail -oi -t --smtp-addr maisonalexandra
; cms side administration folder name - important to ; cms side administration folder name - important to
; update site db records upon change. Tables: site_map ; update site db records upon change. Tables: site_map
ADMINISTRATION_FOLDER = 'asmaadmin' ADMINISTRATION_FOLDER = 'rsmaadmin'
DEBUG_PUB_MAP_ID = 525 ; debug - public site map ID DEBUG_PUB_MAP_ID = 525 ; debug - public site map ID
DEBUG_CMS_MAP_ID = 2 ; debug - content management site map ID DEBUG_CMS_MAP_ID = 2 ; debug - content management site map ID

View File

@ -86,7 +86,7 @@
<script type="text/javascript" src="/js/assets/plugin.js"></script> <script type="text/javascript" src="/js/assets/plugin.js"></script>
<script type="text/javascript" src="/js/assets/theme2.js"></script> <script type="text/javascript" src="/js/assets/theme4.js"></script>
{# UPDATEING STATUS #} {# UPDATEING STATUS #}

View File

@ -1,21 +1,30 @@
{% set cartData = cart|default({}) %} {% set cartData = cart|default({}) %}
{% set cartItems = cartData.cat|default({}) %} {% set cartItems = cartData.cat|default({}) %}
<div class="cart-drawer-table plr-15"> <div class="cart-drawer-table plr-15">
<div class="cart-drawer-summary mb-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<span class="font-serif text-brand-dark">Shipping progress</span>
<span class="text-gold">65%</span>
</div>
<div class="progress-shipping" aria-label="Shipping progress">
<span class="progress-shipping-bar" style="width: 65%;"></span>
</div>
</div>
{% for prodId, variants in cartItems %} {% for prodId, variants in cartItems %}
{% for variantKey, item in variants %} {% for variantKey, item in variants %}
<div class="cart-drawer-info ptb-15 bst" data-item="{{ item.cID }}"> <div class="cart-drawer-info ptb-15 bst bg-card-custom p-3 rounded-4 mb-3" data-item="{{ item.cID }}">
<div class="cart-drawer-content d-flex flex-wrap"> <div class="cart-drawer-content d-flex flex-wrap">
<div class="cart-drawer-image width-88"> <div class="cart-drawer-image width-88 product-img-wrapper">
<a href="{{ item.u }}" class="d-block br-hidden"><img src="{{ item.i }}" class="w-100 img-fluid" alt="{{ item.t }}"></a> <a href="{{ item.u }}" class="d-block br-hidden"><img src="{{ item.i }}" class="w-100 img-fluid" alt="{{ item.t }}"></a>
</div> </div>
<div class="cart-drawer-info width-calc-88 psl-15"> <div class="cart-drawer-info width-calc-88 psl-15">
<div class="cart-drawer-detail"> <div class="cart-drawer-detail">
<a href="{{ item.u }}" class="primary-link">{{ item.t }}</a> <a href="{{ item.u }}" class="primary-link font-serif text-brand-dark">{{ item.t }}</a>
<span class="d-block mst-5"> <span class="d-block mst-5 text-secondary">
{{ item.c1 }}{% if item.c1 and item.c2 %} / {% endif %}{{ item.c2 }} {{ item.c1 }}{% if item.c1 and item.c2 %} / {% endif %}{{ item.c2 }}
</span> </span>
</div> </div>
<div class="heading-color heading-weight mst-5">{{ CURR|default('€&nbsp;')|raw }}{{ item.p|number_format(2, '.', ' ') }}</div> <div class="heading-color heading-weight mst-5 text-gold">{{ CURR|default('€&nbsp;')|raw }}{{ item.p|number_format(2, '.', ' ') }}</div>
<div class="cart-drawer-qty-remove d-flex align-items-end justify-content-between mst-15"> <div class="cart-drawer-qty-remove d-flex align-items-end justify-content-between mst-15">
<div class="js-qty-wrapper"> <div class="js-qty-wrapper">
<div class="js-qty-wrap d-flex body-bg border-full br-hidden"> <div class="js-qty-wrap d-flex body-bg border-full br-hidden">
@ -31,4 +40,5 @@
</div> </div>
{% endfor %} {% endfor %}
{% endfor %} {% endfor %}
<button type="button" class="btn-gold w-100 py-3 text-uppercase mt-3">Checkout</button>
</div> </div>

View File

@ -26,21 +26,22 @@
<footer id="footer"> <footer id="footer">
<!-- footer-insta start --> <!-- footer-insta start -->
<section class="footer-insta section-pb"> <section class="footer-insta section-pb bg-brand-sand extra-bg">
<div class="container"> <div class="container">
<div class="insta-category"> <div class="insta-category">
<div class="section-capture text-center"> <div class="section-capture text-center" style="display: none;">
<span class="sub-title">{{ dt.gM("Follow us") }}</span> <span class="sub-title text-brand-dark">{{ dt.gM("Follow us") }}</span>
<div class="section-title"> <div class="section-title">
<h2 class="section-heading">{{ dt.gM("Instagram shop") }}</h2> <h2 class="section-heading text-brand-dark">{{ dt.gM("Instagram shop") }}</h2>
</div> </div>
</div> </div>
<br>
<div class="insta-wrap"> <div class="insta-wrap">
<div class="insta-slider swiper" id="insta-slider"> <div class="insta-slider swiper" id="insta-slider">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{% for slide in instaSlides %} {% for slide in instaSlides %}
<div class="swiper-slide"> <div class="swiper-slide">
<div class="banner-hover"> <div class="banner-hover bg-card-custom">
<a href="{{ slide.url }}" class="d-block banner-img position-relative br-hidden"> <a href="{{ slide.url }}" class="d-block banner-img position-relative br-hidden">
<span class="banner-icon extra-color icon-24 position-absolute top-50 start-50 translate-middle z-1 rounded-circle"><i class="ri-instagram-line d-block lh-1"></i></span> <span class="banner-icon extra-color icon-24 position-absolute top-50 start-50 translate-middle z-1 rounded-circle"><i class="ri-instagram-line d-block lh-1"></i></span>
<img src="{{ slide.img }}" class="w-100 img-fluid" alt="insta-{{ loop.index }}"> <img src="{{ slide.img }}" class="w-100 img-fluid" alt="insta-{{ loop.index }}">
@ -66,7 +67,7 @@
<!-- footer-insta end --> <!-- footer-insta end -->
<!-- footer-top start --> <!-- footer-top start -->
<div class="footer-area section-ptb extra-bg"> <div class="footer-area section-ptb bg-brand-sand extra-bg">
<div class="container"> <div class="container">
<div class="row row-mtm"> <div class="row row-mtm">
<div class="col-12 col-md-6 col-lg-3"> <div class="col-12 col-md-6 col-lg-3">
@ -77,21 +78,21 @@
</a> </a>
</div> </div>
<div class="footer-company-detail mst-23"> <div class="footer-company-detail mst-23">
<p>{{ dt.gM("Footer_company_details") }}</p> <p class="text-brand-dark">{{ dt.gM("Footer_company_details") }}</p>
</div> </div>
<div class="footer-social mst-23"> <div class="footer-social mst-23">
<ul class="social-ul ul-mt10 justify-content-center"> <ul class="social-ul ul-mt10 justify-content-center">
<li class="social-li"> <li class="social-li">
<a href="javascript:void(0)" class="tertiary-color icon-16" aria-label="Social link"><i class="ri-facebook-fill d-block lh-1"></i></a> <a href="javascript:void(0)" class="tertiary-color icon-16 text-brand-dark" aria-label="Social link"><i class="ri-facebook-fill d-block lh-1"></i></a>
</li> </li>
<li class="social-li"> <li class="social-li">
<a href="javascript:void(0)" class="tertiary-color icon-16" aria-label="Social link"><i class="ri-twitter-x-fill d-block lh-1"></i></a> <a href="javascript:void(0)" class="tertiary-color icon-16 text-brand-dark" aria-label="Social link"><i class="ri-twitter-x-fill d-block lh-1"></i></a>
</li> </li>
<li class="social-li"> <li class="social-li">
<a href="javascript:void(0)" class="tertiary-color icon-16" aria-label="Social link"><i class="ri-instagram-fill d-block lh-1"></i></a> <a href="javascript:void(0)" class="tertiary-color icon-16 text-brand-dark" aria-label="Social link"><i class="ri-instagram-fill d-block lh-1"></i></a>
</li> </li>
<li class="social-li"> <li class="social-li">
<a href="javascript:void(0)" class="tertiary-color icon-16" aria-label="Social link"><i class="ri-pinterest-fill d-block lh-1"></i></a> <a href="javascript:void(0)" class="tertiary-color icon-16 text-brand-dark" aria-label="Social link"><i class="ri-pinterest-fill d-block lh-1"></i></a>
</li> </li>
</ul> </ul>
</div> </div>
@ -102,12 +103,12 @@
<div class="col-6"> <div class="col-6">
<!-- footer-info start --> <!-- footer-info start -->
<div class="footer-menu text-center"> <div class="footer-menu text-center">
<h6 class="ft-title font-18">{{ dt.gM("Information") }}</h6> <h6 class="ft-title font-18 text-brand-dark">{{ dt.gM("Information") }}</h6>
<div class="ft-link"> <div class="ft-link">
<ul class="ftlink-ul ul-ft pst-19"> <ul class="ftlink-ul ul-ft pst-19">
{% for link in footerInfoLinks %} {% for link in footerInfoLinks %}
<li class="ftlink-li"> <li class="ftlink-li">
<a href="{{ link.url }}" class="d-inline-block body-primary-color">{{ dt.gM(link.title) }}</a> <a href="{{ link.url }}" class="d-inline-block body-primary-color text-brand-dark">{{ dt.gM(link.title) }}</a>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
@ -118,12 +119,12 @@
<div class="col-6"> <div class="col-6">
<!-- footer-help start --> <!-- footer-help start -->
<div class="footer-menu text-center"> <div class="footer-menu text-center">
<h6 class="ft-title font-18">{{ dt.gM("Help") }}</h6> <h6 class="ft-title font-18 text-brand-dark">{{ dt.gM("Help") }}</h6>
<div class="ft-link"> <div class="ft-link">
<ul class="ftlink-ul ul-ft pst-19"> <ul class="ftlink-ul ul-ft pst-19">
{% for link in footerHelpLinks %} {% for link in footerHelpLinks %}
<li class="ftlink-li"> <li class="ftlink-li">
<a href="{{ link.url }}" class="d-inline-block body-primary-color">{{ dt.gM(link.title) }}</a> <a href="{{ link.url }}" class="d-inline-block body-primary-color text-brand-dark">{{ dt.gM(link.title) }}</a>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
@ -136,13 +137,13 @@
<div class="col-12 col-md-6 col-lg-3"> <div class="col-12 col-md-6 col-lg-3">
<!-- footer-newsletter start --> <!-- footer-newsletter start -->
<div class="footer-news text-center"> <div class="footer-news text-center">
<h6 class="ft-title font-18">{{ dt.gM("Newsletter") }}</h6> <h6 class="ft-title font-18 text-brand-dark">{{ dt.gM("Newsletter") }}</h6>
<form method="post" class="news-form mst-24 frm_input" id="footer_subscribe"> <form method="post" class="news-form mst-24 frm_input" id="footer_subscribe">
<div class="news-wrap"> <div class="news-wrap">
<div class="validate form-group"> <div class="validate form-group">
<input type="email" id="newsletter-email" name="sub_email" class="form-control w-100 text-center" placeholder="{{ dt.gM("Enter your email") }}" required> <input type="email" id="newsletter-email" name="sub_email" class="form-control w-100 text-center" placeholder="{{ dt.gM("Enter your email") }}" required>
</div> </div>
<button type="submit" class="news-btn w-100 btn-style tertiary-btn mst-15">{{ dt.gM("Subscribe") }}</button> <button type="submit" class="news-btn w-100 btn-gold mst-15">{{ dt.gM("Subscribe") }}</button>
</div> </div>
</form> </form>
</div> </div>
@ -154,7 +155,7 @@
<!-- footer-top end --> <!-- footer-top end -->
<!-- footer-bottom start --> <!-- footer-bottom start -->
<div class="copyright extra-bg"> <div class="copyright bg-brand-dark text-white primary-bg">
<div class="container"> <div class="container">
<div class="ptb-20 bst"> <div class="ptb-20 bst">
<div class="row align-items-md-center"> <div class="row align-items-md-center">

View File

@ -7,7 +7,7 @@
{% for item in menu_items %} {% for item in menu_items %}
<li class="menu-li"> <li class="menu-li">
<a href="{{ item.url }}" class="menu-link d-flex align-items-center ptb-5 plr-15"> <a href="{{ item.url }}" class="menu-link d-flex align-items-center ptb-5 plr-15">
<span class="menu-title text-uppercase">{{ item.title }}</span> <span class="menu-title text-uppercase heading-weight">{{ item.title }}</span>
{% if item.columns and item.columns|length > 0 %} {% if item.columns and item.columns|length > 0 %}
<span class="icon-16 fw-normal"><i class="ri-arrow-down-s-line d-block"></i></span> <span class="icon-16 fw-normal"><i class="ri-arrow-down-s-line d-block"></i></span>
{% endif %} {% endif %}

View File

@ -1,5 +1,5 @@
<div class="notification-bar ptb-12 extra-bg"> <div class="notification-bar ptb-12 primary-bg">
<div class="container-fluid d-none d-md-block"> <div class="container-fluid d-none d-md-block">
<div class="heading-color text-center">{{ (global_notification ?? 'Global notification')|raw }}</div> <div class="extra-color text-center text-uppercase small">{{ (global_notification ?? 'Global notification')|raw }}</div>
</div> </div>
</div> </div>

View File

@ -116,7 +116,7 @@
<div {% if USER.id %}style="display:none;"{% endif %}> <div {% if USER.id %}style="display:none;"{% endif %}>
<div id="auto-gen-pwd" style="display:none;"> <div id="auto-gen-pwd" style="display:none;">
<h4>{{ dt.gM("Auto generated user password - automatically sets password change upon first login!") }}</h4> <h4>{{ dt.gM("Auto generated user password - automatically sets password change upon first login!") }}</h4>
<b style="color: rgb(237, 123, 27);">{{ TPASSWD }}</b><div id="copy_code" class="v-text"><span><div class="errMsg black" data-base-msg="{{ dt.gM("Copy password") }}" data-ok-msg="{{ dt.gM("Copied!") }}"></div></span></div> <b style="color: #C8963E;">{{ TPASSWD }}</b><div id="copy_code" class="v-text"><span><div class="errMsg black" data-base-msg="{{ dt.gM("Copy password") }}" data-ok-msg="{{ dt.gM("Copied!") }}"></div></span></div>
</div> </div>
{#<ul class="dx col1"> {#<ul class="dx col1">