forked from brooksbingham/theme-elegance
Compare commits
No commits in common. "0d9f6bad1ac788823cd433130c3027979a9e4092" and "7d0af4450198a4e8f17bf4dc79e9611ea740c7b8" have entirely different histories.
0d9f6bad1a
...
7d0af44501
|
|
@ -6,6 +6,7 @@ body {
|
||||||
@apply bg-white;
|
@apply bg-white;
|
||||||
@apply text-gray-600;
|
@apply text-gray-600;
|
||||||
@apply font-light;
|
@apply font-light;
|
||||||
|
@apply color-[#20305f]
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
|
@ -78,7 +79,3 @@ input[type="radio"],input[type="checkbox"] {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.jquery-modal.blocker {
|
|
||||||
z-index: 10 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -22,37 +22,34 @@
|
||||||
* @copyright Since 2007 PrestaShop SA and Contributors
|
* @copyright Since 2007 PrestaShop SA and Contributors
|
||||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||||
*/
|
*/
|
||||||
import $ from "jquery";
|
import $ from 'jquery';
|
||||||
import prestashop from "prestashop";
|
import prestashop from 'prestashop';
|
||||||
// eslint-disable-next-line
|
// eslint-disable-next-line
|
||||||
import "velocity-animate";
|
import "velocity-animate";
|
||||||
import updateSources from "./components/update-sources";
|
import updateSources from './components/update-sources';
|
||||||
import ProductMinitature from "./components/product-miniature";
|
import ProductMinitature from './components/product-miniature';
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$(document).ready(() => {
|
$(document).ready(() => {
|
||||||
const move = (direction) => {
|
const move = (direction) => {
|
||||||
const THUMB_MARGIN = 20;
|
const THUMB_MARGIN = 20;
|
||||||
const $thumbnails = $(".js-qv-product-images");
|
const $thumbnails = $('.js-qv-product-images');
|
||||||
const thumbHeight =
|
const thumbHeight = $('.js-qv-product-images li img').height() + THUMB_MARGIN;
|
||||||
$(".js-qv-product-images li img").height() + THUMB_MARGIN;
|
|
||||||
const currentPosition = $thumbnails.position().top;
|
const currentPosition = $thumbnails.position().top;
|
||||||
$thumbnails.velocity(
|
$thumbnails.velocity(
|
||||||
{
|
{
|
||||||
translateY:
|
translateY:
|
||||||
direction === "up"
|
direction === 'up'
|
||||||
? currentPosition + thumbHeight
|
? currentPosition + thumbHeight
|
||||||
: currentPosition - thumbHeight,
|
: currentPosition - thumbHeight,
|
||||||
},
|
},
|
||||||
() => {
|
() => {
|
||||||
if ($thumbnails.position().top >= 0) {
|
if ($thumbnails.position().top >= 0) {
|
||||||
$(".arrow-up").css("opacity", ".2");
|
$('.arrow-up').css('opacity', '.2');
|
||||||
} else if (
|
} else if (
|
||||||
$thumbnails.position().top + $thumbnails.height() <=
|
$thumbnails.position().top + $thumbnails.height()
|
||||||
$(".js-qv-mask").height()
|
<= $('.js-qv-mask').height()
|
||||||
) {
|
) {
|
||||||
$(".arrow-down").css("opacity", ".2");
|
$('.arrow-down').css('opacity', '.2');
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
|
|
@ -61,51 +58,51 @@ $(document).ready(() => {
|
||||||
const productConfig = (qv) => {
|
const productConfig = (qv) => {
|
||||||
const MAX_THUMBS = 4;
|
const MAX_THUMBS = 4;
|
||||||
const $arrows = $(prestashop.themeSelectors.product.arrows);
|
const $arrows = $(prestashop.themeSelectors.product.arrows);
|
||||||
const $thumbnails = qv.find(".js-qv-product-images");
|
const $thumbnails = qv.find('.js-qv-product-images');
|
||||||
$(prestashop.themeSelectors.product.thumb).on("click", (event) => {
|
$(prestashop.themeSelectors.product.thumb).on('click', (event) => {
|
||||||
// Swap active classes on thumbnail
|
// Swap active classes on thumbnail
|
||||||
if ($(prestashop.themeSelectors.product.thumb).hasClass("selected")) {
|
if ($(prestashop.themeSelectors.product.thumb).hasClass('selected')) {
|
||||||
$(prestashop.themeSelectors.product.thumb).removeClass("selected");
|
$(prestashop.themeSelectors.product.thumb).removeClass('selected');
|
||||||
}
|
}
|
||||||
$(event.currentTarget).addClass("selected");
|
$(event.currentTarget).addClass('selected');
|
||||||
|
|
||||||
// Get data from thumbnail and update cover src, alt and title
|
// Get data from thumbnail and update cover src, alt and title
|
||||||
$(prestashop.themeSelectors.product.cover).attr(
|
$(prestashop.themeSelectors.product.cover).attr(
|
||||||
"src",
|
'src',
|
||||||
$(event.target).data("image-large-src"),
|
$(event.target).data('image-large-src'),
|
||||||
);
|
);
|
||||||
$(prestashop.themeSelectors.product.cover).attr(
|
$(prestashop.themeSelectors.product.cover).attr(
|
||||||
"alt",
|
'alt',
|
||||||
$(event.target).attr("alt"),
|
$(event.target).attr('alt'),
|
||||||
);
|
);
|
||||||
$(prestashop.themeSelectors.product.cover).attr(
|
$(prestashop.themeSelectors.product.cover).attr(
|
||||||
"title",
|
'title',
|
||||||
$(event.target).attr("title"),
|
$(event.target).attr('title'),
|
||||||
);
|
);
|
||||||
|
|
||||||
// Get data from thumbnail and update cover sources
|
// Get data from thumbnail and update cover sources
|
||||||
updateSources(
|
updateSources(
|
||||||
$(prestashop.themeSelectors.product.cover),
|
$(prestashop.themeSelectors.product.cover),
|
||||||
$(event.target).data("image-large-sources"),
|
$(event.target).data('image-large-sources'),
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
if ($thumbnails.find("li").length <= MAX_THUMBS) {
|
if ($thumbnails.find('li').length <= MAX_THUMBS) {
|
||||||
$arrows.hide();
|
$arrows.hide();
|
||||||
} else {
|
} else {
|
||||||
$arrows.on("click", (event) => {
|
$arrows.on('click', (event) => {
|
||||||
if (
|
if (
|
||||||
$(event.target).hasClass("arrow-up") &&
|
$(event.target).hasClass('arrow-up')
|
||||||
$(".js-qv-product-images").position().top < 0
|
&& $('.js-qv-product-images').position().top < 0
|
||||||
) {
|
) {
|
||||||
move("up");
|
move('up');
|
||||||
$(prestashop.themeSelectors.arrowDown).css("opacity", "1");
|
$(prestashop.themeSelectors.arrowDown).css('opacity', '1');
|
||||||
} else if (
|
} else if (
|
||||||
$(event.target).hasClass("arrow-down") &&
|
$(event.target).hasClass('arrow-down')
|
||||||
$thumbnails.position().top + $thumbnails.height() >
|
&& $thumbnails.position().top + $thumbnails.height()
|
||||||
$(".js-qv-mask").height()
|
> $('.js-qv-mask').height()
|
||||||
) {
|
) {
|
||||||
move("down");
|
move('down');
|
||||||
$(prestashop.themeSelectors.arrowUp).css("opacity", "1");
|
$(prestashop.themeSelectors.arrowUp).css('opacity', '1');
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
@ -115,63 +112,63 @@ $(document).ready(() => {
|
||||||
max: 1000000,
|
max: 1000000,
|
||||||
});
|
});
|
||||||
|
|
||||||
$(prestashop.themeSelectors.touchspin).off("touchstart.touchspin");
|
$(prestashop.themeSelectors.touchspin).off('touchstart.touchspin');
|
||||||
};
|
};
|
||||||
|
|
||||||
prestashop.on("clickQuickView", (elm) => {
|
prestashop.on('clickQuickView', (elm) => {
|
||||||
const data = {
|
const data = {
|
||||||
action: "quickview",
|
action: 'quickview',
|
||||||
id_product: elm.dataset.idProduct,
|
id_product: elm.dataset.idProduct,
|
||||||
id_product_attribute: elm.dataset.idProductAttribute,
|
id_product_attribute: elm.dataset.idProductAttribute,
|
||||||
};
|
};
|
||||||
$.post(prestashop.urls.pages.product, data, null, "json")
|
$.post(prestashop.urls.pages.product, data, null, 'json')
|
||||||
.then((resp) => {
|
.then((resp) => {
|
||||||
$("body").append(resp.quickview_html);
|
$('body').append(resp.quickview_html);
|
||||||
const productModal = $(
|
const productModal = $(
|
||||||
`#quickview-modal-${resp.product.id}-${resp.product.id_product_attribute}`,
|
`#quickview-modal-${resp.product.id}-${resp.product.id_product_attribute}`,
|
||||||
);
|
);
|
||||||
productModal.modal("show");
|
productModal.modal('show');
|
||||||
productConfig(productModal);
|
productConfig(productModal);
|
||||||
productModal.on("hidden.bs.modal", () => {
|
productModal.on('hidden.bs.modal', () => {
|
||||||
productModal.remove();
|
productModal.remove();
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
.fail((resp) => {
|
.fail((resp) => {
|
||||||
prestashop.emit("handleError", {
|
prestashop.emit('handleError', {
|
||||||
eventType: "clickQuickView",
|
eventType: 'clickQuickView',
|
||||||
resp,
|
resp,
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
$("body").on(
|
$('body').on(
|
||||||
"click",
|
'click',
|
||||||
prestashop.themeSelectors.listing.searchFilterToggler,
|
prestashop.themeSelectors.listing.searchFilterToggler,
|
||||||
() => {
|
() => {
|
||||||
$(prestashop.themeSelectors.listing.searchFiltersWrapper).removeClass(
|
$(prestashop.themeSelectors.listing.searchFiltersWrapper).removeClass(
|
||||||
"hidden-sm-down",
|
'hidden-sm-down',
|
||||||
);
|
);
|
||||||
$(prestashop.themeSelectors.contentWrapper).addClass("hidden-sm-down");
|
$(prestashop.themeSelectors.contentWrapper).addClass('hidden-sm-down');
|
||||||
$(prestashop.themeSelectors.footer).addClass("hidden-sm-down");
|
$(prestashop.themeSelectors.footer).addClass('hidden-sm-down');
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
$(
|
$(
|
||||||
`${prestashop.themeSelectors.listing.searchFilterControls} ${prestashop.themeSelectors.clear}`,
|
`${prestashop.themeSelectors.listing.searchFilterControls} ${prestashop.themeSelectors.clear}`,
|
||||||
).on("click", () => {
|
).on('click', () => {
|
||||||
$(prestashop.themeSelectors.listing.searchFiltersWrapper).addClass(
|
$(prestashop.themeSelectors.listing.searchFiltersWrapper).addClass(
|
||||||
"hidden-sm-down",
|
'hidden-sm-down',
|
||||||
);
|
);
|
||||||
$(prestashop.themeSelectors.contentWrapper).removeClass("hidden-sm-down");
|
$(prestashop.themeSelectors.contentWrapper).removeClass('hidden-sm-down');
|
||||||
$(prestashop.themeSelectors.footer).removeClass("hidden-sm-down");
|
$(prestashop.themeSelectors.footer).removeClass('hidden-sm-down');
|
||||||
});
|
});
|
||||||
$(`${prestashop.themeSelectors.listing.searchFilterControls} .ok`).on(
|
$(`${prestashop.themeSelectors.listing.searchFilterControls} .ok`).on(
|
||||||
"click",
|
'click',
|
||||||
() => {
|
() => {
|
||||||
$(prestashop.themeSelectors.listing.searchFiltersWrapper).addClass(
|
$(prestashop.themeSelectors.listing.searchFiltersWrapper).addClass(
|
||||||
"hidden-sm-down",
|
'hidden-sm-down',
|
||||||
);
|
);
|
||||||
$(prestashop.themeSelectors.contentWrapper).removeClass("hidden-sm-down");
|
$(prestashop.themeSelectors.contentWrapper).removeClass('hidden-sm-down');
|
||||||
$(prestashop.themeSelectors.footer).removeClass("hidden-sm-down");
|
$(prestashop.themeSelectors.footer).removeClass('hidden-sm-down');
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
@ -181,7 +178,7 @@ $(document).ready(() => {
|
||||||
}
|
}
|
||||||
|
|
||||||
if ($(event.target).parent()[0].dataset.searchUrl === undefined) {
|
if ($(event.target).parent()[0].dataset.searchUrl === undefined) {
|
||||||
throw new Error("Can not parse search URL");
|
throw new Error('Can not parse search URL');
|
||||||
}
|
}
|
||||||
|
|
||||||
return $(event.target).parent()[0].dataset.searchUrl;
|
return $(event.target).parent()[0].dataset.searchUrl;
|
||||||
|
|
@ -204,11 +201,11 @@ $(document).ready(() => {
|
||||||
if (productSelectors.length > 0) {
|
if (productSelectors.length > 0) {
|
||||||
productSelectors
|
productSelectors
|
||||||
.removeClass()
|
.removeClass()
|
||||||
.addClass(productSelectors.first().attr("class"));
|
.addClass(productSelectors.first().attr('class'));
|
||||||
} else {
|
} else {
|
||||||
productSelectors
|
productSelectors
|
||||||
.removeClass()
|
.removeClass()
|
||||||
.addClass(renderedProducts.first().attr("class"));
|
.addClass(renderedProducts.first().attr('class'));
|
||||||
}
|
}
|
||||||
|
|
||||||
$(prestashop.themeSelectors.listing.list).replaceWith(renderedProducts);
|
$(prestashop.themeSelectors.listing.list).replaceWith(renderedProducts);
|
||||||
|
|
@ -222,88 +219,51 @@ $(document).ready(() => {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
$('#show-filters').on('click.offcanvas', () => {
|
|
||||||
$('#product-list-top-filters').show();
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#hide-filters').on('click.offcanvas', () => {
|
|
||||||
$('#product-list-top-filters').hide();
|
|
||||||
$('#overlay').hide();
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#show-filters').click(function() {
|
|
||||||
$('#overlay').show();
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#product-list-top-filters').show();
|
|
||||||
|
|
||||||
function checkAndShowOverlay() {
|
|
||||||
if ($('#product-list-top-filters').is(':visible')) {
|
|
||||||
$('#overlay').show();
|
|
||||||
} else {
|
|
||||||
$('#overlay').hide();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
$('#product-list-top-filters').show(function() {
|
|
||||||
checkAndShowOverlay();
|
|
||||||
});
|
|
||||||
|
|
||||||
$('#overlay').on('click', function() {
|
|
||||||
$('#product-list-top-filters').hide();
|
|
||||||
$('#overlay').hide();
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
$('.th-accordion').thaccordion();
|
|
||||||
|
|
||||||
const productMinitature = new ProductMinitature();
|
const productMinitature = new ProductMinitature();
|
||||||
productMinitature.init();
|
productMinitature.init();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
$('body').on(
|
||||||
|
'change',
|
||||||
$("body").on(
|
|
||||||
"change",
|
|
||||||
`${prestashop.themeSelectors.listing.searchFilters} input[data-search-url]`,
|
`${prestashop.themeSelectors.listing.searchFilters} input[data-search-url]`,
|
||||||
(event) => {
|
(event) => {
|
||||||
prestashop.emit("updateFacets", parseSearchUrl(event));
|
prestashop.emit('updateFacets', parseSearchUrl(event));
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
|
|
||||||
$("body").on(
|
$('body').on(
|
||||||
"click",
|
'click',
|
||||||
prestashop.themeSelectors.listing.searchFiltersClearAll,
|
prestashop.themeSelectors.listing.searchFiltersClearAll,
|
||||||
(event) => {
|
(event) => {
|
||||||
prestashop.emit("updateFacets", parseSearchUrl(event));
|
prestashop.emit('updateFacets', parseSearchUrl(event));
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
|
|
||||||
$("body").on(
|
$('body').on(
|
||||||
"click",
|
'click',
|
||||||
prestashop.themeSelectors.listing.searchLink,
|
prestashop.themeSelectors.listing.searchLink,
|
||||||
(event) => {
|
(event) => {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
prestashop.emit("updateFacets", $(event.target).closest("a").get(0).href);
|
prestashop.emit('updateFacets', $(event.target).closest('a').get(0).href);
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
|
|
||||||
window.addEventListener("popstate", (e) => {
|
window.addEventListener('popstate', (e) => {
|
||||||
if (e.state && e.state.current_url) {
|
if (e.state && e.state.current_url) {
|
||||||
window.location.href = e.state.current_url;
|
window.location.href = e.state.current_url;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
$("body").on(
|
$('body').on(
|
||||||
"change",
|
'change',
|
||||||
`${prestashop.themeSelectors.listing.searchFilters} select`,
|
`${prestashop.themeSelectors.listing.searchFilters} select`,
|
||||||
(event) => {
|
(event) => {
|
||||||
const form = $(event.target).closest("form");
|
const form = $(event.target).closest('form');
|
||||||
prestashop.emit("updateFacets", `?${form.serialize()}`);
|
prestashop.emit('updateFacets', `?${form.serialize()}`);
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
|
|
||||||
prestashop.on("updateProductList", (data) => {
|
prestashop.on('updateProductList', (data) => {
|
||||||
updateProductListDOM(data);
|
updateProductListDOM(data);
|
||||||
window.scrollTo(0, 0);
|
window.scrollTo(0, 0);
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,7 @@
|
||||||
/* eslint-disable */
|
/* eslint-disable */
|
||||||
// import 'bootstrap/dist/js/bootstrap.min';
|
// import 'bootstrap/dist/js/bootstrap.min';
|
||||||
import "jquery-modal";
|
import "jquery-modal";
|
||||||
// import "jquery-offcanvas/dist/jquery.offcanvas.min.css";
|
import "jquery-offcanvas/dist/jquery.offcanvas.min.css";
|
||||||
import "tooltipster";
|
import "tooltipster";
|
||||||
import "tooltipster/dist/css/tooltipster.bundle.min.css";
|
import "tooltipster/dist/css/tooltipster.bundle.min.css";
|
||||||
import "tooltipster/dist/css/plugins/tooltipster/sideTip/themes/tooltipster-sideTip-shadow.min.css";
|
import "tooltipster/dist/css/plugins/tooltipster/sideTip/themes/tooltipster-sideTip-shadow.min.css";
|
||||||
|
|
@ -99,24 +99,26 @@ $(() => {
|
||||||
$('#product-list-top-filters').offcanvas({
|
$('#product-list-top-filters').offcanvas({
|
||||||
duration: 100,
|
duration: 100,
|
||||||
effect: 'slide-in-over',
|
effect: 'slide-in-over',
|
||||||
|
overlay: true,
|
||||||
classes: {
|
classes: {
|
||||||
element: 'absolute top-0 z-50',
|
element: 'absolute top-0 z-50',
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
$('#show-filters').on('click.offcanvas', () => {
|
$('#show-filters').on('click.offcanvas', () => {
|
||||||
$('#overlay').show();
|
$('#product-list-top-filters').offcanvas('show');
|
||||||
$('#product-list-top-filters').show();
|
|
||||||
});
|
});
|
||||||
|
|
||||||
$('#hide-filters').on('click.offcanvas', () => {
|
$('#hide-filters').on('click.offcanvas', () => {
|
||||||
$('#product-list-top-filters').hide();
|
$('#product-list-top-filters').offcanvas('hide');
|
||||||
$('#overlay').hide();
|
|
||||||
});
|
});
|
||||||
|
|
||||||
$('#overlay').on('click', function() {
|
$('#product-list-top-filters').on('shown.offcanvas', () => {
|
||||||
$('#product-list-top-filters').hide();
|
$('#product-list-top-filters').show();
|
||||||
$('#overlay').hide();
|
});
|
||||||
|
|
||||||
|
$('#product-list-top-filters').on('hide.offcanvas', () => {
|
||||||
|
$('#product-list-top-filters').hide();
|
||||||
});
|
});
|
||||||
|
|
||||||
function ThAccordion() {}
|
function ThAccordion() {}
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
/*
|
/*
|
||||||
! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com
|
! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
|
@ -32,9 +32,11 @@
|
||||||
4. Use the user's configured `sans` font-family by default.
|
4. Use the user's configured `sans` font-family by default.
|
||||||
5. Use the user's configured `sans` font-feature-settings by default.
|
5. Use the user's configured `sans` font-feature-settings by default.
|
||||||
6. Use the user's configured `sans` font-variation-settings by default.
|
6. Use the user's configured `sans` font-variation-settings by default.
|
||||||
|
7. Disable tap highlights on iOS
|
||||||
*/
|
*/
|
||||||
|
|
||||||
html {
|
html,
|
||||||
|
:host {
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
/* 1 */
|
/* 1 */
|
||||||
-webkit-text-size-adjust: 100%;
|
-webkit-text-size-adjust: 100%;
|
||||||
|
|
@ -50,6 +52,8 @@ html {
|
||||||
/* 5 */
|
/* 5 */
|
||||||
font-variation-settings: normal;
|
font-variation-settings: normal;
|
||||||
/* 6 */
|
/* 6 */
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
/* 7 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
|
@ -121,8 +125,10 @@ strong {
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
1. Use the user's configured `mono` font family by default.
|
1. Use the user's configured `mono` font-family by default.
|
||||||
2. Correct the odd `em` font sizing in all browsers.
|
2. Use the user's configured `mono` font-feature-settings by default.
|
||||||
|
3. Use the user's configured `mono` font-variation-settings by default.
|
||||||
|
4. Correct the odd `em` font sizing in all browsers.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
code,
|
code,
|
||||||
|
|
@ -131,8 +137,12 @@ samp,
|
||||||
pre {
|
pre {
|
||||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||||
/* 1 */
|
/* 1 */
|
||||||
font-size: 1em;
|
font-feature-settings: normal;
|
||||||
/* 2 */
|
/* 2 */
|
||||||
|
font-variation-settings: normal;
|
||||||
|
/* 3 */
|
||||||
|
font-size: 1em;
|
||||||
|
/* 4 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
|
@ -201,6 +211,8 @@ textarea {
|
||||||
/* 1 */
|
/* 1 */
|
||||||
line-height: inherit;
|
line-height: inherit;
|
||||||
/* 1 */
|
/* 1 */
|
||||||
|
letter-spacing: inherit;
|
||||||
|
/* 1 */
|
||||||
color: inherit;
|
color: inherit;
|
||||||
/* 1 */
|
/* 1 */
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
@ -224,9 +236,9 @@ select {
|
||||||
*/
|
*/
|
||||||
|
|
||||||
button,
|
button,
|
||||||
[type='button'],
|
input:where([type='button']),
|
||||||
[type='reset'],
|
input:where([type='reset']),
|
||||||
[type='submit'] {
|
input:where([type='submit']) {
|
||||||
-webkit-appearance: button;
|
-webkit-appearance: button;
|
||||||
/* 1 */
|
/* 1 */
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
|
@ -653,6 +665,10 @@ select {
|
||||||
--tw-backdrop-opacity: ;
|
--tw-backdrop-opacity: ;
|
||||||
--tw-backdrop-saturate: ;
|
--tw-backdrop-saturate: ;
|
||||||
--tw-backdrop-sepia: ;
|
--tw-backdrop-sepia: ;
|
||||||
|
--tw-contain-size: ;
|
||||||
|
--tw-contain-layout: ;
|
||||||
|
--tw-contain-paint: ;
|
||||||
|
--tw-contain-style: ;
|
||||||
}
|
}
|
||||||
|
|
||||||
::backdrop {
|
::backdrop {
|
||||||
|
|
@ -703,6 +719,10 @@ select {
|
||||||
--tw-backdrop-opacity: ;
|
--tw-backdrop-opacity: ;
|
||||||
--tw-backdrop-saturate: ;
|
--tw-backdrop-saturate: ;
|
||||||
--tw-backdrop-sepia: ;
|
--tw-backdrop-sepia: ;
|
||||||
|
--tw-contain-size: ;
|
||||||
|
--tw-contain-layout: ;
|
||||||
|
--tw-contain-paint: ;
|
||||||
|
--tw-contain-style: ;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
|
|
@ -807,6 +827,10 @@ select {
|
||||||
right: 1rem;
|
right: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.right-8 {
|
||||||
|
right: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
.top-0 {
|
.top-0 {
|
||||||
top: 0px;
|
top: 0px;
|
||||||
}
|
}
|
||||||
|
|
@ -831,10 +855,6 @@ select {
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
.m-0 {
|
|
||||||
margin: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.-mx-2 {
|
.-mx-2 {
|
||||||
margin-left: -0.5rem;
|
margin-left: -0.5rem;
|
||||||
margin-right: -0.5rem;
|
margin-right: -0.5rem;
|
||||||
|
|
@ -875,31 +895,11 @@ select {
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.my-24 {
|
|
||||||
margin-top: 6rem;
|
|
||||||
margin-bottom: 6rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.my-4 {
|
|
||||||
margin-top: 1rem;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.my-6 {
|
|
||||||
margin-top: 1.5rem;
|
|
||||||
margin-bottom: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.my-8 {
|
.my-8 {
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.my-auto {
|
|
||||||
margin-top: auto;
|
|
||||||
margin-bottom: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mb-1 {
|
.mb-1 {
|
||||||
margin-bottom: 0.25rem;
|
margin-bottom: 0.25rem;
|
||||||
}
|
}
|
||||||
|
|
@ -912,6 +912,10 @@ select {
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mb-24 {
|
||||||
|
margin-bottom: 6rem;
|
||||||
|
}
|
||||||
|
|
||||||
.mb-3 {
|
.mb-3 {
|
||||||
margin-bottom: 0.75rem;
|
margin-bottom: 0.75rem;
|
||||||
}
|
}
|
||||||
|
|
@ -920,10 +924,6 @@ select {
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mb-6 {
|
|
||||||
margin-bottom: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mb-8 {
|
.mb-8 {
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
}
|
}
|
||||||
|
|
@ -988,10 +988,6 @@ select {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inline-block {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.inline {
|
.inline {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
@ -1008,10 +1004,6 @@ select {
|
||||||
display: flow-root;
|
display: flow-root;
|
||||||
}
|
}
|
||||||
|
|
||||||
.grid {
|
|
||||||
display: grid;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hidden {
|
.hidden {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
@ -1024,10 +1016,6 @@ select {
|
||||||
height: 3rem;
|
height: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.h-16 {
|
|
||||||
height: 4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.h-24 {
|
.h-24 {
|
||||||
height: 6rem;
|
height: 6rem;
|
||||||
}
|
}
|
||||||
|
|
@ -1048,6 +1036,10 @@ select {
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.h-\[50vh\] {
|
||||||
|
height: 50vh;
|
||||||
|
}
|
||||||
|
|
||||||
.h-auto {
|
.h-auto {
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
@ -1056,6 +1048,10 @@ select {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.h-screen {
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
.max-h-\[40px\] {
|
.max-h-\[40px\] {
|
||||||
max-height: 40px;
|
max-height: 40px;
|
||||||
}
|
}
|
||||||
|
|
@ -1080,14 +1076,6 @@ select {
|
||||||
width: 3.5rem;
|
width: 3.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.w-16 {
|
|
||||||
width: 4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.w-2\/3 {
|
|
||||||
width: 66.666667%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.w-24 {
|
.w-24 {
|
||||||
width: 6rem;
|
width: 6rem;
|
||||||
}
|
}
|
||||||
|
|
@ -1128,6 +1116,10 @@ select {
|
||||||
width: 160px;
|
width: 160px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.w-\[40\%\] {
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
|
||||||
.w-full {
|
.w-full {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
@ -1137,8 +1129,8 @@ select {
|
||||||
width: max-content;
|
width: max-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
.max-w-4xl {
|
.w-16 {
|
||||||
max-width: 56rem;
|
width: 4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.max-w-6xl {
|
.max-w-6xl {
|
||||||
|
|
@ -1177,14 +1169,6 @@ select {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-grow {
|
|
||||||
flex-grow: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.table-auto {
|
|
||||||
table-layout: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.border-separate {
|
.border-separate {
|
||||||
border-collapse: separate;
|
border-collapse: separate;
|
||||||
}
|
}
|
||||||
|
|
@ -1212,10 +1196,6 @@ select {
|
||||||
list-style-type: square;
|
list-style-type: square;
|
||||||
}
|
}
|
||||||
|
|
||||||
.grid-cols-1 {
|
|
||||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-row {
|
.flex-row {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
@ -1298,18 +1278,6 @@ select {
|
||||||
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
||||||
}
|
}
|
||||||
|
|
||||||
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
|
|
||||||
--tw-space-y-reverse: 0;
|
|
||||||
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
|
||||||
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
|
||||||
}
|
|
||||||
|
|
||||||
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
|
|
||||||
--tw-space-y-reverse: 0;
|
|
||||||
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
||||||
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
|
||||||
}
|
|
||||||
|
|
||||||
.overflow-y-auto {
|
.overflow-y-auto {
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
@ -1324,22 +1292,10 @@ select {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rounded {
|
|
||||||
border-radius: 0.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.rounded-full {
|
|
||||||
border-radius: 9999px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.rounded-lg {
|
.rounded-lg {
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rounded-md {
|
|
||||||
border-radius: 0.375rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.border {
|
.border {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
|
|
@ -1348,10 +1304,6 @@ select {
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.border-b {
|
|
||||||
border-bottom-width: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.border-t {
|
.border-t {
|
||||||
border-top-width: 1px;
|
border-top-width: 1px;
|
||||||
}
|
}
|
||||||
|
|
@ -1429,11 +1381,6 @@ select {
|
||||||
background-color: rgb(219 234 254 / var(--tw-bg-opacity));
|
background-color: rgb(219 234 254 / var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-blue-500 {
|
|
||||||
--tw-bg-opacity: 1;
|
|
||||||
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.bg-blue-950 {
|
.bg-blue-950 {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgb(23 37 84 / var(--tw-bg-opacity));
|
background-color: rgb(23 37 84 / var(--tw-bg-opacity));
|
||||||
|
|
@ -1464,6 +1411,14 @@ select {
|
||||||
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bg-cover {
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-center {
|
||||||
|
background-position: center;
|
||||||
|
}
|
||||||
|
|
||||||
.stroke-black {
|
.stroke-black {
|
||||||
stroke: #000;
|
stroke: #000;
|
||||||
}
|
}
|
||||||
|
|
@ -1493,10 +1448,6 @@ select {
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-0 {
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-1 {
|
.p-1 {
|
||||||
padding: 0.25rem;
|
padding: 0.25rem;
|
||||||
}
|
}
|
||||||
|
|
@ -1513,10 +1464,6 @@ select {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-6 {
|
|
||||||
padding: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-8 {
|
.p-8 {
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
}
|
}
|
||||||
|
|
@ -1531,6 +1478,11 @@ select {
|
||||||
padding-right: 1rem;
|
padding-right: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.px-5 {
|
||||||
|
padding-left: 1.25rem;
|
||||||
|
padding-right: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
.px-6 {
|
.px-6 {
|
||||||
padding-left: 1.5rem;
|
padding-left: 1.5rem;
|
||||||
padding-right: 1.5rem;
|
padding-right: 1.5rem;
|
||||||
|
|
@ -1618,6 +1570,10 @@ select {
|
||||||
padding-top: 1.5rem;
|
padding-top: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.pt-8 {
|
||||||
|
padding-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
.text-left {
|
.text-left {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
@ -1692,29 +1648,10 @@ select {
|
||||||
line-height: 1.5rem;
|
line-height: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.leading-8 {
|
|
||||||
line-height: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.leading-none {
|
.leading-none {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-\[\#4B5563\] {
|
|
||||||
--tw-text-opacity: 1;
|
|
||||||
color: rgb(75 85 99 / var(--tw-text-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-blue-500 {
|
|
||||||
--tw-text-opacity: 1;
|
|
||||||
color: rgb(59 130 246 / var(--tw-text-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-blue-600 {
|
|
||||||
--tw-text-opacity: 1;
|
|
||||||
color: rgb(37 99 235 / var(--tw-text-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-blue-900 {
|
.text-blue-900 {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgb(30 58 138 / var(--tw-text-opacity));
|
color: rgb(30 58 138 / var(--tw-text-opacity));
|
||||||
|
|
@ -1735,21 +1672,11 @@ select {
|
||||||
color: rgb(249 250 251 / var(--tw-text-opacity));
|
color: rgb(249 250 251 / var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-gray-500 {
|
|
||||||
--tw-text-opacity: 1;
|
|
||||||
color: rgb(107 114 128 / var(--tw-text-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-gray-600 {
|
.text-gray-600 {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgb(75 85 99 / var(--tw-text-opacity));
|
color: rgb(75 85 99 / var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-gray-700 {
|
|
||||||
--tw-text-opacity: 1;
|
|
||||||
color: rgb(55 65 81 / var(--tw-text-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-gray-900 {
|
.text-gray-900 {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgb(17 24 39 / var(--tw-text-opacity));
|
color: rgb(17 24 39 / var(--tw-text-opacity));
|
||||||
|
|
@ -1797,24 +1724,12 @@ select {
|
||||||
text-underline-offset: 2px;
|
text-underline-offset: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shadow {
|
|
||||||
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
||||||
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
||||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
||||||
}
|
|
||||||
|
|
||||||
.shadow-lg {
|
.shadow-lg {
|
||||||
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||||
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
||||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
.shadow-sm {
|
|
||||||
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
||||||
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
|
||||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
||||||
}
|
|
||||||
|
|
||||||
.shadow-xl {
|
.shadow-xl {
|
||||||
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
||||||
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
|
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
|
||||||
|
|
@ -1914,10 +1829,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.jquery-modal.blocker {
|
|
||||||
z-index: 10 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.file\:mr-4::file-selector-button {
|
.file\:mr-4::file-selector-button {
|
||||||
margin-right: 1rem;
|
margin-right: 1rem;
|
||||||
}
|
}
|
||||||
|
|
@ -1981,11 +1892,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
border-color: rgb(30 58 138 / var(--tw-border-opacity));
|
border-color: rgb(30 58 138 / var(--tw-border-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:bg-blue-600:hover {
|
|
||||||
--tw-bg-opacity: 1;
|
|
||||||
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.hover\:bg-blue-900:hover {
|
.hover\:bg-blue-900:hover {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgb(30 58 138 / var(--tw-bg-opacity));
|
background-color: rgb(30 58 138 / var(--tw-bg-opacity));
|
||||||
|
|
@ -1995,11 +1901,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
stroke: #1e3a8a;
|
stroke: #1e3a8a;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:text-blue-700:hover {
|
|
||||||
--tw-text-opacity: 1;
|
|
||||||
color: rgb(29 78 216 / var(--tw-text-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.hover\:text-blue-900:hover {
|
.hover\:text-blue-900:hover {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgb(30 58 138 / var(--tw-text-opacity));
|
color: rgb(30 58 138 / var(--tw-text-opacity));
|
||||||
|
|
@ -2161,38 +2062,9 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 640px) {
|
@media (min-width: 640px) {
|
||||||
.sm\:block {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sm\:flex {
|
.sm\:flex {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sm\:hidden {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sm\:grid-cols-2 {
|
|
||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
||||||
}
|
|
||||||
|
|
||||||
.sm\:flex-row {
|
|
||||||
flex-direction: row;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sm\:gap-2 {
|
|
||||||
gap: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sm\:text-xl {
|
|
||||||
font-size: 1.25rem;
|
|
||||||
line-height: 1.75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sm\:font-light {
|
|
||||||
font-weight: 300;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
|
|
@ -2200,23 +2072,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
.md\:my-8 {
|
|
||||||
margin-top: 2rem;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.md\:ml-5 {
|
|
||||||
margin-left: 1.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.md\:mt-24 {
|
.md\:mt-24 {
|
||||||
margin-top: 6rem;
|
margin-top: 6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.md\:mt-6 {
|
|
||||||
margin-top: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.md\:block {
|
.md\:block {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
@ -2225,10 +2084,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.md\:table {
|
|
||||||
display: table;
|
|
||||||
}
|
|
||||||
|
|
||||||
.md\:hidden {
|
.md\:hidden {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
@ -2269,10 +2124,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
width: 66.666667%;
|
width: 66.666667%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.md\:grid-cols-2 {
|
|
||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
||||||
}
|
|
||||||
|
|
||||||
.md\:flex-row {
|
.md\:flex-row {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
@ -2293,18 +2144,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.md\:border {
|
|
||||||
border-width: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.md\:p-2 {
|
.md\:p-2 {
|
||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.md\:p-6 {
|
|
||||||
padding: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.md\:p-8 {
|
.md\:p-8 {
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
}
|
}
|
||||||
|
|
@ -2358,6 +2201,11 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
line-height: 1.25rem;
|
line-height: 1.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.md\:text-3xl {
|
||||||
|
font-size: 1.875rem;
|
||||||
|
line-height: 2.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
.md\:font-bold {
|
.md\:font-bold {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
@ -2366,10 +2214,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
.md\:font-normal {
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
|
||||||
|
|
||||||
.md\:font-semibold {
|
.md\:font-semibold {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
@ -2416,10 +2260,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
width: 40%;
|
width: 40%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lg\:w-3\/12 {
|
|
||||||
width: 25%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg\:w-3\/5 {
|
.lg\:w-3\/5 {
|
||||||
width: 60%;
|
width: 60%;
|
||||||
}
|
}
|
||||||
|
|
@ -2428,14 +2268,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
width: 13rem;
|
width: 13rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lg\:w-9\/12 {
|
|
||||||
width: 75%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg\:w-\[49\%\] {
|
|
||||||
width: 49%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg\:w-full {
|
.lg\:w-full {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
@ -2444,10 +2276,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lg\:grid-cols-4 {
|
|
||||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg\:flex-row {
|
.lg\:flex-row {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
@ -2464,10 +2292,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lg\:gap-8 {
|
|
||||||
gap: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg\:border-none {
|
.lg\:border-none {
|
||||||
border-style: none;
|
border-style: none;
|
||||||
}
|
}
|
||||||
|
|
@ -2476,6 +2300,11 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.lg\:px-36 {
|
||||||
|
padding-left: 9rem;
|
||||||
|
padding-right: 9rem;
|
||||||
|
}
|
||||||
|
|
||||||
.lg\:py-0 {
|
.lg\:py-0 {
|
||||||
padding-top: 0px;
|
padding-top: 0px;
|
||||||
padding-bottom: 0px;
|
padding-bottom: 0px;
|
||||||
|
|
@ -2498,16 +2327,16 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lg\:text-3xl {
|
|
||||||
font-size: 1.875rem;
|
|
||||||
line-height: 2.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lg\:text-4xl {
|
.lg\:text-4xl {
|
||||||
font-size: 2.25rem;
|
font-size: 2.25rem;
|
||||||
line-height: 2.5rem;
|
line-height: 2.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.lg\:text-5xl {
|
||||||
|
font-size: 3rem;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
.lg\:text-xl {
|
.lg\:text-xl {
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
line-height: 1.75rem;
|
line-height: 1.75rem;
|
||||||
|
|
@ -2517,6 +2346,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.lg\:font-bold {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
.lg\:shadow-none {
|
.lg\:shadow-none {
|
||||||
--tw-shadow: 0 0 #0000;
|
--tw-shadow: 0 0 #0000;
|
||||||
--tw-shadow-colored: 0 0 #0000;
|
--tw-shadow-colored: 0 0 #0000;
|
||||||
|
|
@ -2528,5 +2361,9 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
|
||||||
.xl\:w-1\/4 {
|
.xl\:w-1\/4 {
|
||||||
width: 25%;
|
width: 25%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.xl\:w-9\/12 {
|
||||||
|
width: 75%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -311,7 +311,7 @@
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin: 0px auto; max-width: 604px;">
|
<div style="margin: 0px auto; max-width: 604px;">
|
||||||
<p style="font-size: 14px; max-width: 435px; text-align: center; margin: 16px auto; font-family: 'Cairo', sans-serif; color: #4b5563;">If you have any questions or concerns, feel free to reply to this email at customerservice@brooksbingham.com.</p>
|
<p style="font-size: 14px; max-width: 435px; text-align: center; margin: 16px auto; font-family: 'Cairo', sans-serif; color: #4b5563;">If you have any questions or concerns, feel free to reply to this email at customer@brooksbingham.com.</p>
|
||||||
<div style="text-align: center;"><a class="p-4" href="https://www.facebook.com/BrooksBinghamClothing?mibextid=ZbWKwL" target="_blank" style="color: #4b5563;" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"> </path> <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"> </path> </svg> </a> <a class="p-4" href="https://instagram.com/brooksbingham?igshid=YTQwZjQ0NmI0OA==" target="_blank" style="color: #4b5563;" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-instagram" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"> </path> <path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"> </path> <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"> </path> <path d="M16.5 7.5l0 .01"> </path> </svg> </a></div>
|
<div style="text-align: center;"><a class="p-4" href="https://www.facebook.com/BrooksBinghamClothing?mibextid=ZbWKwL" target="_blank" style="color: #4b5563;" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"> </path> <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"> </path> </svg> </a> <a class="p-4" href="https://instagram.com/brooksbingham?igshid=YTQwZjQ0NmI0OA==" target="_blank" style="color: #4b5563;" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-instagram" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"> </path> <path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"> </path> <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"> </path> <path d="M16.5 7.5l0 .01"> </path> </svg> </a></div>
|
||||||
<p style="font-size: 10px; font-family: 'Cairo', sans-serif; margin: 10px auto; text-align: center; padding: 12px;">© 2024 BrooksBingham</p>
|
<p style="font-size: 10px; font-family: 'Cairo', sans-serif; margin: 10px auto; text-align: center; padding: 12px;">© 2024 BrooksBingham</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -344,4 +344,4 @@
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,13 +0,0 @@
|
||||||
{shop_url}
|
|
||||||
|
|
||||||
Message from {first_name} {last_name}
|
|
||||||
|
|
||||||
Candidate Email Address: {email}
|
|
||||||
|
|
||||||
Candidate message:
|
|
||||||
|
|
||||||
{message}
|
|
||||||
|
|
||||||
[{shop_name}]({shop_url})
|
|
||||||
|
|
||||||
Powered by [PrestaShop](https://www.prestashop-project.org/)
|
|
||||||
|
|
@ -225,7 +225,7 @@
|
||||||
<table border="0" cellpadding="0" cellspacing="0px" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-family: 'Cairo', sans-serif; font-size: 14px; border-collapse: collapse; border-spacing: 0px;">
|
<table border="0" cellpadding="0" cellspacing="0px" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-family: 'Cairo', sans-serif; font-size: 14px; border-collapse: collapse; border-spacing: 0px;">
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 64px;" width="64"><a href="{shop_url}" target="_blank" style="color: #25b9d7; text-decoration: underline; font-weight: 600;" rel="noopener"> <img height="auto" src="{shop_logo}" style="line-height: 100%; -ms-interpolation-mode: bicubic; border: 0; display: block; outline: none; text-decoration: none; height: auto; width: 100%; font-size: 13px;" width="100%" border="0" /> </a></td>
|
<td style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 150px;" width="150"><a href="{shop_url}" target="_blank" style="color: #25b9d7; text-decoration: underline; font-weight: 600;" rel="noopener"> <img height="auto" src="{shop_logo}" style="line-height: 100%; -ms-interpolation-mode: bicubic; border: 0; display: block; outline: none; text-decoration: none; height: auto; width: 100%; font-size: 13px;" width="100%" border="0" /> </a></td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
@ -399,7 +399,7 @@
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin: 0px auto; max-width: 435px;">
|
<div style="margin: 0px auto; max-width: 435px;">
|
||||||
<p style="font-size: 14px; max-width: 435px; text-align: center; margin: 16px auto; font-family: 'Cairo', sans-serif; color: #4b5563;">If you have any questions or concerns, feel free to reply to this email at customerservice@brooksbingham.com.</p>
|
<p style="font-size: 14px; max-width: 435px; text-align: center; margin: 16px auto; font-family: 'Cairo', sans-serif; color: #4b5563;">If you have any questions or concerns, feel free to reply to this email at customer@brooksbingham.com.</p>
|
||||||
<div style="text-align: center;"><a class="p-4" href="https://www.facebook.com/BrooksBinghamClothing?mibextid=ZbWKwL" target="_blank" style="color: #4b5563;" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"> </path> <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"> </path> </svg> </a> <a class="p-4" href="https://instagram.com/brooksbingham?igshid=YTQwZjQ0NmI0OA==" target="_blank" style="color: #4b5563;" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-instagram" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"> </path> <path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"> </path> <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"> </path> <path d="M16.5 7.5l0 .01"> </path> </svg> </a></div>
|
<div style="text-align: center;"><a class="p-4" href="https://www.facebook.com/BrooksBinghamClothing?mibextid=ZbWKwL" target="_blank" style="color: #4b5563;" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"> </path> <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"> </path> </svg> </a> <a class="p-4" href="https://instagram.com/brooksbingham?igshid=YTQwZjQ0NmI0OA==" target="_blank" style="color: #4b5563;" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-instagram" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"> </path> <path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"> </path> <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"> </path> <path d="M16.5 7.5l0 .01"> </path> </svg> </a></div>
|
||||||
<p style="font-size: 10px; font-family: 'Cairo', sans-serif; margin: 10px auto; text-align: center; padding: 12px;">© 2024 BrooksBingham</p>
|
<p style="font-size: 10px; font-family: 'Cairo', sans-serif; margin: 10px auto; text-align: center; padding: 12px;">© 2024 BrooksBingham</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -477,4 +477,4 @@
|
||||||
<!-- [if mso | IE]></td></tr></table><![endif]--> <!-- SHOP NAME ENDING --></div>
|
<!-- [if mso | IE]></td></tr></table><![endif]--> <!-- SHOP NAME ENDING --></div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -41,3 +41,4 @@ If you have a guest account, you can follow your order via the [Guest Tracking](
|
||||||
|
|
||||||
[{shop_name}]({shop_url})
|
[{shop_name}]({shop_url})
|
||||||
|
|
||||||
|
Powered by [PrestaShop](https://www.prestashop-project.org/)
|
||||||
|
|
|
||||||
|
|
@ -282,7 +282,7 @@
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin: 0px auto; max-width: 435px;">
|
<div style="margin: 0px auto; max-width: 435px;">
|
||||||
<p style="font-size: 14px; max-width: 435px; text-align: center; margin: 16px auto; font-family: 'Cairo', sans-serif; color: #4b5563;">If you have any questions or concerns, feel free to reply to this email at customerservice@brooksbingham.com.</p>
|
<p style="font-size: 14px; max-width: 435px; text-align: center; margin: 16px auto; font-family: 'Cairo', sans-serif; color: #4b5563;">If you have any questions or concerns, feel free to reply to this email at customer@brooksbingham.com.</p>
|
||||||
<div style="text-align: center;"><a class="p-4" href="https://www.facebook.com/BrooksBinghamClothing?mibextid=ZbWKwL" target="_blank" style="color: #4b5563;" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"> </path> <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"> </path> </svg> </a> <a class="p-4" href="https://instagram.com/brooksbingham?igshid=YTQwZjQ0NmI0OA==" target="_blank" style="color: #4b5563;" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-instagram" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"> </path> <path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"> </path> <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"> </path> <path d="M16.5 7.5l0 .01"> </path> </svg> </a></div>
|
<div style="text-align: center;"><a class="p-4" href="https://www.facebook.com/BrooksBinghamClothing?mibextid=ZbWKwL" target="_blank" style="color: #4b5563;" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"> </path> <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"> </path> </svg> </a> <a class="p-4" href="https://instagram.com/brooksbingham?igshid=YTQwZjQ0NmI0OA==" target="_blank" style="color: #4b5563;" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-instagram" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"> </path> <path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"> </path> <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"> </path> <path d="M16.5 7.5l0 .01"> </path> </svg> </a></div>
|
||||||
<p style="font-size: 10px; font-family: 'Cairo', sans-serif; margin: 10px auto; text-align: center; padding: 12px;">© 2024 BrooksBingham</p>
|
<p style="font-size: 10px; font-family: 'Cairo', sans-serif; margin: 10px auto; text-align: center; padding: 12px;">© 2024 BrooksBingham</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -360,4 +360,4 @@
|
||||||
<!-- [if mso | IE]></td></tr></table><![endif]--> <!-- SHOP NAME ENDING --></div>
|
<!-- [if mso | IE]></td></tr></table><![endif]--> <!-- SHOP NAME ENDING --></div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -311,7 +311,7 @@
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin: 0px auto; max-width: 604px;">
|
<div style="margin: 0px auto; max-width: 604px;">
|
||||||
<p style="font-size: 14px; max-width: 435px; text-align: center; margin: 16px auto; font-family: 'Cairo', sans-serif; color: #4b5563;">If you have any questions or concerns, feel free to reply to this email at customerservice@brooksbingham.com.</p>
|
<p style="font-size: 14px; max-width: 435px; text-align: center; margin: 16px auto; font-family: 'Cairo', sans-serif; color: #4b5563;">If you have any questions or concerns, feel free to reply to this email at customer@brooksbingham.com.</p>
|
||||||
<div style="text-align: center;"><a class="p-4" href="https://www.facebook.com/BrooksBinghamClothing?mibextid=ZbWKwL" target="_blank" style="color: #4b5563;" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"> </path> <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"> </path> </svg> </a> <a class="p-4" href="https://instagram.com/brooksbingham?igshid=YTQwZjQ0NmI0OA==" target="_blank" style="color: #4b5563;" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-instagram" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"> </path> <path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"> </path> <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"> </path> <path d="M16.5 7.5l0 .01"> </path> </svg> </a></div>
|
<div style="text-align: center;"><a class="p-4" href="https://www.facebook.com/BrooksBinghamClothing?mibextid=ZbWKwL" target="_blank" style="color: #4b5563;" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-facebook" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"> </path> <path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"> </path> </svg> </a> <a class="p-4" href="https://instagram.com/brooksbingham?igshid=YTQwZjQ0NmI0OA==" target="_blank" style="color: #4b5563;" rel="noopener"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-instagram" width="24" height="24" viewbox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"> </path> <path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"> </path> <path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"> </path> <path d="M16.5 7.5l0 .01"> </path> </svg> </a></div>
|
||||||
<p style="font-size: 10px; font-family: 'Cairo', sans-serif; margin: 10px auto; text-align: center; padding: 12px;">© 2024 BrooksBingham</p>
|
<p style="font-size: 10px; font-family: 'Cairo', sans-serif; margin: 10px auto; text-align: center; padding: 12px;">© 2024 BrooksBingham</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -389,4 +389,4 @@
|
||||||
<!-- [if mso | IE]></td></tr></table><![endif]--> <!-- SHOP NAME ENDING --></div>
|
<!-- [if mso | IE]></td></tr></table><![endif]--> <!-- SHOP NAME ENDING --></div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -1,138 +0,0 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
|
|
||||||
<title>Message from {shop_name}</title>
|
|
||||||
|
|
||||||
|
|
||||||
<style> @media only screen and (max-width: 300px){
|
|
||||||
body {
|
|
||||||
width:218px !important;
|
|
||||||
margin:auto !important;
|
|
||||||
}
|
|
||||||
.table {width:195px !important;margin:auto !important;text-align: center}
|
|
||||||
.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto !important;display: block !important;}
|
|
||||||
span.title{font-size:20px !important;line-height: 23px !important}
|
|
||||||
span.subtitle{font-size: 14px !important;line-height: 18px !important;padding-top:10px !important;display:block !important;}
|
|
||||||
td.box p{font-size: 12px !important;font-weight: bold !important;}
|
|
||||||
.table-recap table, .table-recap thead, .table-recap tbody, .table-recap th, .table-recap td, .table-recap tr {
|
|
||||||
display: block !important;
|
|
||||||
}
|
|
||||||
.table-recap{width: 200px!important;}
|
|
||||||
.table-recap tr td, .conf_body td{text-align:center !important;}
|
|
||||||
.address{display: block !important;margin-bottom: 10px !important;}
|
|
||||||
.space_address{display: none !important;}
|
|
||||||
}
|
|
||||||
@media only screen and (min-width: 301px) and (max-width: 500px) {
|
|
||||||
body {width:308px!important;margin:auto!important;}
|
|
||||||
.table {width:285px!important;margin:auto!important;}
|
|
||||||
.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}
|
|
||||||
.table-recap table, .table-recap thead, .table-recap tbody, .table-recap th, .table-recap td, .table-recap tr {
|
|
||||||
display: block !important;
|
|
||||||
}
|
|
||||||
.table-recap{width: 293px !important;}
|
|
||||||
.table-recap tr td, .conf_body td{text-align:center !important;}
|
|
||||||
|
|
||||||
}
|
|
||||||
@media only screen and (min-width: 501px) and (max-width: 768px) {
|
|
||||||
body {width:478px!important;margin:auto!important;}
|
|
||||||
.table {width:450px!important;margin:auto!important;}
|
|
||||||
.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}
|
|
||||||
}
|
|
||||||
@media only screen and (max-device-width: 480px) {
|
|
||||||
body {width:308px!important;margin:auto!important;}
|
|
||||||
.table {width:285px;margin:auto!important;}
|
|
||||||
.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}
|
|
||||||
|
|
||||||
.table-recap{width: 285px!important;}
|
|
||||||
.table-recap tr td, .conf_body td{text-align:center!important;}
|
|
||||||
.address{display: block !important;margin-bottom: 10px !important;}
|
|
||||||
.space_address{display: none !important;}
|
|
||||||
}
|
|
||||||
table.table {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
body{
|
|
||||||
background: #f6f4f4!important;
|
|
||||||
}
|
|
||||||
table strong {
|
|
||||||
color: #353535;
|
|
||||||
}
|
|
||||||
table a strong{
|
|
||||||
color:#337ff1!important;
|
|
||||||
}
|
|
||||||
* {
|
|
||||||
color: #7a7a7a;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 22px;
|
|
||||||
}
|
|
||||||
.button_link{
|
|
||||||
background-color: #2eacce;
|
|
||||||
padding: 10px 30px;
|
|
||||||
display: inline-block;
|
|
||||||
font-size: 18px;
|
|
||||||
border: none;
|
|
||||||
border-radius: 5px;
|
|
||||||
text-decoration: none;
|
|
||||||
margin: 20px auto;
|
|
||||||
color: #fff!important;
|
|
||||||
font-family: Roboto, Opensans, arial;
|
|
||||||
}
|
|
||||||
td a{
|
|
||||||
color: #2eacce!important;
|
|
||||||
text-decoration: none!important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body style="-webkit-text-size-adjust:none;background-color:#fafafa;width:100%;font-family:Open-sans, sans-serif;color:#555454;font-size:13px;line-height:18px;margin:auto">
|
|
||||||
<table class="table table-mail" style="width:100%;max-width:650px;margin:30px auto;filter:progid:DXImageTransform.Microsoft.Shadow(color=#afafaf,Direction=134,Strength=5)">
|
|
||||||
<tr>
|
|
||||||
<td class="space" style="width:20px;padding:7px 0"> </td>
|
|
||||||
<td align="center" style="padding:7px 0">
|
|
||||||
<table class="table" style="width:100%">
|
|
||||||
<tr>
|
|
||||||
<td align="center" class="logo" style="padding:7px 0">
|
|
||||||
<a title="{shop_name}" href="{shop_url}">
|
|
||||||
<img src="{shop_logo}" alt="{shop_name}" />
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="space_footer" style="padding:0!important"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="box" style="border:1px solid #D6D4D4;padding:7px 0;background-color:#ffffff;">
|
|
||||||
<table class="table" style="width:100%;background-color:#ffffff;">
|
|
||||||
<tr>
|
|
||||||
<td width="10" style="padding:7px 0"> </td>
|
|
||||||
<td style="padding:7px 0">
|
|
||||||
<font size="2" face="Open-sans, sans-serif" color="#555454">
|
|
||||||
<p>Hi <strong>{customer_name}</strong> <br /><br /></p>
|
|
||||||
<p><strong>{replier}</strong> just replied to your comment on <a href="{post_link}">{post_title}</a> <br /></p>
|
|
||||||
<p><i>{comment_reply}</i><br /></p>
|
|
||||||
<a class="button_link" href="{post_link}">View reply</a>
|
|
||||||
|
|
||||||
</font>
|
|
||||||
</td>
|
|
||||||
<td width="10" style="padding:7px 0"> </td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="space_footer" style="padding:0!important"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="footer" style="padding:7px 0;text-align: center;">
|
|
||||||
<span>Copyright <a href="{shop_url}">{shop_name}</a> All rights reserved</span>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</td>
|
|
||||||
<td class="space" style="width:20px;padding:7px 0"> </td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
Hi {customer_name},
|
|
||||||
{replier} just replied to your comment on {post_title}
|
|
||||||
{comment_reply}
|
|
||||||
View reply
|
|
||||||
|
|
||||||
|
|
@ -1,138 +0,0 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
|
|
||||||
<title>Message from {shop_name}</title>
|
|
||||||
|
|
||||||
|
|
||||||
<style> @media only screen and (max-width: 300px){
|
|
||||||
body {
|
|
||||||
width:218px !important;
|
|
||||||
margin:auto !important;
|
|
||||||
}
|
|
||||||
.table {width:195px !important;margin:auto !important;}
|
|
||||||
.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto !important;display: block !important;}
|
|
||||||
span.title{font-size:20px !important;line-height: 23px !important}
|
|
||||||
span.subtitle{font-size: 14px !important;line-height: 18px !important;padding-top:10px !important;display:block !important;}
|
|
||||||
td.box p{font-size: 12px !important;font-weight: bold !important;}
|
|
||||||
.table-recap table, .table-recap thead, .table-recap tbody, .table-recap th, .table-recap td, .table-recap tr {
|
|
||||||
display: block !important;
|
|
||||||
}
|
|
||||||
.table-recap{width: 200px!important;}
|
|
||||||
.table-recap tr td, .conf_body td{text-align:center !important;}
|
|
||||||
.address{display: block !important;margin-bottom: 10px !important;}
|
|
||||||
.space_address{display: none !important;}
|
|
||||||
}
|
|
||||||
@media only screen and (min-width: 301px) and (max-width: 500px) {
|
|
||||||
body {width:308px!important;margin:auto!important;}
|
|
||||||
.table {width:285px!important;margin:auto!important;}
|
|
||||||
.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}
|
|
||||||
.table-recap table, .table-recap thead, .table-recap tbody, .table-recap th, .table-recap td, .table-recap tr {
|
|
||||||
display: block !important;
|
|
||||||
}
|
|
||||||
.table-recap{width: 293px !important;}
|
|
||||||
.table-recap tr td, .conf_body td{text-align:center !important;}
|
|
||||||
|
|
||||||
}
|
|
||||||
@media only screen and (min-width: 501px) and (max-width: 768px) {
|
|
||||||
body {width:478px!important;margin:auto!important;}
|
|
||||||
.table {width:450px!important;margin:auto!important;}
|
|
||||||
.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}
|
|
||||||
}
|
|
||||||
@media only screen and (max-device-width: 480px) {
|
|
||||||
body {width:308px!important;margin:auto!important;}
|
|
||||||
.table {width:285px;margin:auto!important;}
|
|
||||||
.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}
|
|
||||||
|
|
||||||
.table-recap{width: 285px!important;}
|
|
||||||
.table-recap tr td, .conf_body td{text-align:center!important;}
|
|
||||||
.address{display: block !important;margin-bottom: 10px !important;}
|
|
||||||
.space_address{display: none !important;}
|
|
||||||
}
|
|
||||||
table.table {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
body{
|
|
||||||
background: #f6f4f4!important;
|
|
||||||
}
|
|
||||||
table strong {
|
|
||||||
color: #353535;
|
|
||||||
}
|
|
||||||
table a strong{
|
|
||||||
color:#337ff1!important;
|
|
||||||
}
|
|
||||||
* {
|
|
||||||
color: #7a7a7a;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 22px;
|
|
||||||
}
|
|
||||||
.button_link{
|
|
||||||
background-color: #2eacce;
|
|
||||||
padding: 10px 30px;
|
|
||||||
display: inline-block;
|
|
||||||
font-size: 18px;
|
|
||||||
border: none;
|
|
||||||
border-radius: 5px;
|
|
||||||
text-decoration: none;
|
|
||||||
margin: 20px auto;
|
|
||||||
color: #fff!important;
|
|
||||||
font-family: Roboto, Opensans, arial;
|
|
||||||
}
|
|
||||||
td a{
|
|
||||||
color: #2eacce!important;
|
|
||||||
text-decoration: none!important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
</head>
|
|
||||||
<body style="-webkit-text-size-adjust:none;background-color:#fafafa;width:100%;font-family:Open-sans, sans-serif;color:#555454;font-size:13px;line-height:18px;margin:auto">
|
|
||||||
<table class="table table-mail" style="width:100%;max-width:650px;margin:30px auto;filter:progid:DXImageTransform.Microsoft.Shadow(color=#afafaf,Direction=134,Strength=5)">
|
|
||||||
<tr>
|
|
||||||
<td class="space" style="width:20px;padding:7px 0"> </td>
|
|
||||||
<td align="center" style="padding:7px 0">
|
|
||||||
<table class="table" style="width:100%">
|
|
||||||
<tr>
|
|
||||||
<td align="center" class="logo" style="padding:7px 0">
|
|
||||||
<a title="{shop_name}" href="{shop_url}" style="color:#337ff1">
|
|
||||||
<img src="{shop_logo}" alt="{shop_name}" />
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="space_footer" style="padding:0!important"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="box" style="border:1px solid #D6D4D4;padding:7px 0;background-color:#ffffff;">
|
|
||||||
<table class="table" style="width:100%;background-color:#ffffff;">
|
|
||||||
<tr>
|
|
||||||
<td width="10" style="padding:7px 0"> </td>
|
|
||||||
<td style="padding:7px 0">
|
|
||||||
<font size="2" face="Open-sans, sans-serif" color="#555454">
|
|
||||||
<p>Hi <strong>{customer_name}</strong>,<br /><br /></p>
|
|
||||||
<p>Your comment on <a href="{post_link}">{post_title}</a> has been approved.<br /></p>
|
|
||||||
<a class="button_link" href="{post_link}" >View post</a>
|
|
||||||
|
|
||||||
</span>
|
|
||||||
</font>
|
|
||||||
</td>
|
|
||||||
<td width="10" style="padding:7px 0"> </td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="space_footer" style="padding:0!important"> </td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="footer" style="padding:7px 0;text-align: center;">
|
|
||||||
<span>Copyright <a href="{shop_url}">{shop_name}</a> All rights reserved</span>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</td>
|
|
||||||
<td class="space" style="width:20px;padding:7px 0"> </td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
Hi {customer_name},
|
|
||||||
Your comment on {post_title} has been approved.
|
|
||||||
View post
|
|
||||||
|
|
||||||
|
|
@ -23,16 +23,6 @@
|
||||||
* International Registered Trademark & Property of PrestaShop SA
|
* International Registered Trademark & Property of PrestaShop SA
|
||||||
*}
|
*}
|
||||||
{if $facets|count}
|
{if $facets|count}
|
||||||
{block name='facets_clearall_button'}
|
|
||||||
{if $activeFilters|count}
|
|
||||||
<div id="_desktop_search_filters_clear_all" class="hidden-sm-down clear-all-wrapper my-4">
|
|
||||||
<button data-search-url="{$clear_all_link}" class="btn btn-tertiary js-search-filters-clear-all font-medium pl-4">
|
|
||||||
<!-- <i class="material-icons"></i> -->
|
|
||||||
{l s='Clear all' d='Shop.Theme.Actions'}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
{/if}
|
|
||||||
{/block}
|
|
||||||
<div id="search_filters">
|
<div id="search_filters">
|
||||||
<div class="th-accordion">
|
<div class="th-accordion">
|
||||||
{foreach from=$facets item="facet"}
|
{foreach from=$facets item="facet"}
|
||||||
|
|
@ -83,92 +73,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
{if $facet.widgetType !== 'dropdown'}
|
|
||||||
{block name='facet_item_other'}
|
|
||||||
<div class="th-accordion-item border-t border-gray-200 px-4 py-4">
|
|
||||||
<h3 class="-mx-2 -my-3 flow-root">
|
|
||||||
<!-- Expand/collapse section button -->
|
|
||||||
<button id="show-filters-{$facet.label}" data-filter-name="{$facet.label}" type="button" class="th-accordion-item-trigger flex w-full items-center justify-between bg-white px-2 py-3 text-gray-400 hover:text-gray-500" aria-controls="filter-section-mobile-0" aria-expanded="false">
|
|
||||||
<span class="font-medium text-gray-900">
|
|
||||||
{$active_found = false}
|
|
||||||
{foreach from=$facet.filters item="filter"}
|
|
||||||
{if $filter.active}
|
|
||||||
{$filter.label}
|
|
||||||
{$active_found = true}
|
|
||||||
{/if}
|
|
||||||
{/foreach}
|
|
||||||
{if !$active_found}
|
|
||||||
{$facet.label}
|
|
||||||
{/if}
|
|
||||||
</span>
|
|
||||||
<span class="ml-6 flex items-center">
|
|
||||||
<!-- Expand icon, show/hide based on section open state. -->
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-chevron-down" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
|
||||||
<path d="M6 9l6 6l6 -6"></path>
|
|
||||||
</svg>
|
|
||||||
</span>
|
|
||||||
</button>
|
|
||||||
</h3>
|
|
||||||
<div class="th-accordion-item-content pt-6 hidden" id="filter-section-{$facet.label}" data-filter-name="{$facet.label}">
|
|
||||||
<div class="flex flex-wrap w-full gap-2 flex-col">
|
|
||||||
{foreach from=$facet.filters key=filter_key item="filter"}
|
|
||||||
{if !$filter.displayed}
|
|
||||||
{continue}
|
|
||||||
{/if}
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label class="facet-label{if $filter.active} active {/if} flex items-center gap-2" for="facet_input_{$_expand_id}_{$filter_key}">
|
|
||||||
{if $facet.multipleSelectionAllowed}
|
|
||||||
<span class="custom-checkbox">
|
|
||||||
<input
|
|
||||||
id="facet_input_{$_expand_id}_{$filter_key}"
|
|
||||||
data-search-url="{$filter.nextEncodedFacetsURL}"
|
|
||||||
type="checkbox"
|
|
||||||
{if $filter.active }checked{/if}
|
|
||||||
>
|
|
||||||
<!--
|
|
||||||
{if isset($filter.properties.texture)}
|
|
||||||
<span class="color texture" style="background-image:url({$filter.properties.texture})"></span>
|
|
||||||
{elseif isset($filter.properties.color)}
|
|
||||||
<span class="color" style="background-color:{$filter.properties.color}"></span>
|
|
||||||
{else}
|
|
||||||
<span {if !$js_enabled} class="ps-shown-by-js" {/if}><i class="material-icons rtl-no-flip checkbox-checked"></i></span>
|
|
||||||
{/if}
|
|
||||||
-->
|
|
||||||
</span>
|
|
||||||
{else}
|
|
||||||
<span class="custom-radio">
|
|
||||||
<input
|
|
||||||
id="facet_input_{$_expand_id}_{$filter_key}"
|
|
||||||
data-search-url="{$filter.nextEncodedFacetsURL}"
|
|
||||||
type="radio"
|
|
||||||
name="filter {$facet.label}"
|
|
||||||
{if $filter.active }checked{/if}
|
|
||||||
>
|
|
||||||
<!-- <span {if !$js_enabled} class="ps-shown-by-js" {/if}></span> -->
|
|
||||||
</span>
|
|
||||||
{/if}
|
|
||||||
|
|
||||||
<a
|
|
||||||
href="{$filter.nextEncodedFacetsURL}"
|
|
||||||
class="_gray-darker search-link js-search-link"
|
|
||||||
rel="nofollow"
|
|
||||||
>
|
|
||||||
{$filter.label}
|
|
||||||
{if $filter.magnitude}
|
|
||||||
<span class="magnitude">({$filter.magnitude})</span>
|
|
||||||
{/if}
|
|
||||||
</a>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
{/foreach}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/block}
|
|
||||||
{/if}
|
|
||||||
{/foreach}
|
{/foreach}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -48,9 +48,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Off Screen Canvas Menu For Filters -->
|
<!-- Off Screen Canvas Menu For Filters -->
|
||||||
<div id="overlay" class="hidden" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);"></div>
|
<div id="product-list-top-filters" class="offcanvas fixed inset-0 flex w-64 hidden" role="dialog" aria-modal="true">
|
||||||
|
|
||||||
<div id="product-list-top-filters" class=" fixed inset-0 flex w-64 z-10 hidden" role="dialog" aria-modal="true">
|
|
||||||
<div class="relative mr-auto flex h-full flex-col overflow-y-auto bg-white py-4 pb-12 shadow-xl">
|
<div class="relative mr-auto flex h-full flex-col overflow-y-auto bg-white py-4 pb-12 shadow-xl">
|
||||||
<div class="flex items-center justify-between px-4">
|
<div class="flex items-center justify-between px-4">
|
||||||
<h2 class="text-lg font-medium text-gray-900">Filters</h2>
|
<h2 class="text-lg font-medium text-gray-900">Filters</h2>
|
||||||
|
|
|
||||||
|
|
@ -58,7 +58,7 @@
|
||||||
<input type="hidden" name="token" value="{$static_token}">
|
<input type="hidden" name="token" value="{$static_token}">
|
||||||
<input type="hidden" name="addDiscount" value="1">
|
<input type="hidden" name="addDiscount" value="1">
|
||||||
<input class="promo-input" type="text" name="discount_name" placeholder="{l s='Promo code' d='Shop.Theme.Checkout'}">
|
<input class="promo-input" type="text" name="discount_name" placeholder="{l s='Promo code' d='Shop.Theme.Checkout'}">
|
||||||
<button type="submit" class="px-4 py-2 uppercase font-medium border text-center border-blue-950 hover:text-blue-900 hover:border-blue-900 hover:underline text-blue-950"><span>{l s='Add' d='Shop.Theme.Actions'}</span></button>
|
<button type="submit" class="px-4 py-2 uppercase font-medium border border-gray-900 text-center"><span>{l s='Add' d='Shop.Theme.Actions'}</span></button>
|
||||||
</form>
|
</form>
|
||||||
{/block}
|
{/block}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -35,22 +35,22 @@
|
||||||
{block name='page_content_container'}
|
{block name='page_content_container'}
|
||||||
<div class="text-center w-full p-0 m-0" >
|
<div class="text-center w-full p-0 m-0" >
|
||||||
<div class="p-4 md:p-8 my-6 md:my-8">
|
<div class="p-4 md:p-8 my-6 md:my-8">
|
||||||
<h1 class="text-lg sm:text-xl p-4 md:text-2xl lg:text-3xl text-[#4B5563] md:font-normal sm:font-light">WINTER COLLECTION</h1>
|
<h1 class="text-lg sm:text-xl p-4 md:text-2xl lg:text-3xl text-[#4B5563] md:font-normal sm:font-light">SUMMER COLLECTION</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class=" grid grid-cols-1 gap-6 lg:gap-8 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-4">
|
<div class=" grid grid-cols-1 gap-6 lg:gap-8 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-4">
|
||||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/winter-collection/winter_collection_1.jpg" alt="image_1" />
|
<img src="{$urls.img_ps_url}cms/gallery-images/summer_collection_1.jpg" alt="image_1" />
|
||||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/winter-collection/winter_collection_2.jpg" alt="image_2" />
|
<img src="{$urls.img_ps_url}cms/gallery-images/summer_collection_2.jpg" alt="image_2" />
|
||||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/winter-collection/winter_collection_3.jpg" alt="image_3" />
|
<img src="{$urls.img_ps_url}cms/gallery-images/summer_collection_3.jpg" alt="image_3" />
|
||||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/winter-collection/winter_collection_4.jpg" alt="image_4" />
|
<img src="{$urls.img_ps_url}cms/gallery-images/summer_collection_4.jpg" alt="image_4" />
|
||||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/winter-collection/winter_collection_5.jpg" alt="image_5" />
|
<img src="{$urls.img_ps_url}cms/gallery-images/summer_collection_5.jpg" alt="image_5" />
|
||||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/winter-collection/winter_collection_6.jpg" alt="image_6" />
|
<img src="{$urls.img_ps_url}cms/gallery-images/summer_collection_6.jpg" alt="image_6" />
|
||||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/winter-collection/winter_collection_7.jpg" alt="image_7" />
|
<img src="{$urls.img_ps_url}cms/gallery-images/summer_collection_7.jpg" alt="image_7" />
|
||||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/winter-collection/winter_collection_8.jpg" alt="image_8" />
|
<img src="{$urls.img_ps_url}cms/gallery-images/summer_collection_8.jpg" alt="image_8" />
|
||||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/winter-collection/winter_collection_9.jpg" alt="image_9" />
|
<img src="{$urls.img_ps_url}cms/gallery-images/summer_collection_9.jpg" alt="image_9" />
|
||||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/winter-collection/winter_collection_10.jpg" alt="image_10" />
|
<img src="{$urls.img_ps_url}cms/gallery-images/summer_collection_10.jpg" alt="image_10" />
|
||||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/winter-collection/winter_collection_11.jpg" alt="image_11" />
|
<img src="{$urls.img_ps_url}cms/gallery-images/summer_collection_11.jpg" alt="image_11" />
|
||||||
<img src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/winter-collection/winter_collection_12.jpg" alt="image_12" />
|
<img src="{$urls.img_ps_url}cms/gallery-images/summer_collection_12.jpg" alt="image_12" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{/block}
|
{/block}
|
||||||
|
|
|
||||||
|
|
@ -33,11 +33,6 @@
|
||||||
|
|
||||||
{block name='cms_content'}
|
{block name='cms_content'}
|
||||||
{$cms.content nofilter}
|
{$cms.content nofilter}
|
||||||
{block name='careers-page-form'}
|
|
||||||
{if $page.meta.title == 'Careers' || $page.meta.title == 'careers'}
|
|
||||||
{include file="../misc/careers-page-form.tpl"}
|
|
||||||
{/if}
|
|
||||||
{/block}
|
|
||||||
{/block}
|
{/block}
|
||||||
|
|
||||||
{block name='hook_cms_dispute_information'}
|
{block name='hook_cms_dispute_information'}
|
||||||
|
|
|
||||||
Binary file not shown.
|
|
@ -23,31 +23,31 @@
|
||||||
* International Registered Trademark & Property of PrestaShop SA
|
* International Registered Trademark & Property of PrestaShop SA
|
||||||
*}
|
*}
|
||||||
{block name='order_products_table'}
|
{block name='order_products_table'}
|
||||||
<div class="box hidden sm:block">
|
<div class="box hidden-sm-down">
|
||||||
<table id="order-products" class="table-auto border-separate border border-gray-200 w-full">
|
<table id="order-products" class="table table-bordered">
|
||||||
<thead class="bg-gray-100">
|
<thead class="thead-default">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="px-4 py-2 text-left">{l s='Product' d='Shop.Theme.Catalog'}</th>
|
<th>{l s='Product' d='Shop.Theme.Catalog'}</th>
|
||||||
<th class="px-4 py-2 text-left">{l s='Quantity' d='Shop.Theme.Catalog'}</th>
|
<th>{l s='Quantity' d='Shop.Theme.Catalog'}</th>
|
||||||
<th class="px-4 py-2 text-left">{l s='Unit price' d='Shop.Theme.Catalog'}</th>
|
<th>{l s='Unit price' d='Shop.Theme.Catalog'}</th>
|
||||||
<th class="px-4 py-2 text-left">{l s='Total price' d='Shop.Theme.Catalog'}</th>
|
<th>{l s='Total price' d='Shop.Theme.Catalog'}</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
{foreach from=$order.products item=product}
|
{foreach from=$order.products item=product}
|
||||||
<tr class="border-t border-gray-200">
|
<tr>
|
||||||
<td class="px-4 py-2">
|
<td>
|
||||||
<strong>
|
<strong>
|
||||||
<a {if isset($product.download_link)}href="{$product.download_link}"{/if} class="text-blue-600 hover:underline">
|
<a {if isset($product.download_link)}href="{$product.download_link}"{/if}>
|
||||||
{$product.name}
|
{$product.name}
|
||||||
</a>
|
</a>
|
||||||
</strong><br/>
|
</strong><br/>
|
||||||
{if $product.reference}
|
{if $product.reference}
|
||||||
<span class="text-sm text-gray-500">{l s='Reference' d='Shop.Theme.Catalog'}: {$product.reference}<br/></span>
|
{l s='Reference' d='Shop.Theme.Catalog'}: {$product.reference}<br/>
|
||||||
{/if}
|
{/if}
|
||||||
{if $product.customizations}
|
{if $product.customizations}
|
||||||
{foreach from=$product.customizations item="customization"}
|
{foreach from=$product.customizations item="customization"}
|
||||||
<div class="customization mt-2">
|
<div class="customization">
|
||||||
<a href="#" data-toggle="modal" data-target="#product-customizations-modal-{$customization.id_customization}" class="text-blue-600 hover:underline">{l s='Product customization' d='Shop.Theme.Catalog'}</a>
|
<a href="#" data-toggle="modal" data-target="#product-customizations-modal-{$customization.id_customization}">{l s='Product customization' d='Shop.Theme.Catalog'}</a>
|
||||||
</div>
|
</div>
|
||||||
<div id="_desktop_product_customization_modal_wrapper_{$customization.id_customization}">
|
<div id="_desktop_product_customization_modal_wrapper_{$customization.id_customization}">
|
||||||
<div class="modal fade customization-modal" id="product-customizations-modal-{$customization.id_customization}" tabindex="-1" role="dialog" aria-hidden="true">
|
<div class="modal fade customization-modal" id="product-customizations-modal-{$customization.id_customization}" tabindex="-1" role="dialog" aria-hidden="true">
|
||||||
|
|
@ -61,11 +61,11 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
{foreach from=$customization.fields item="field"}
|
{foreach from=$customization.fields item="field"}
|
||||||
<div class="product-customization-line flex mb-2">
|
<div class="product-customization-line row">
|
||||||
<div class="w-1/3 font-semibold text-sm text-gray-600">
|
<div class="col-sm-3 col-xs-4 label">
|
||||||
{$field.label}
|
{$field.label}
|
||||||
</div>
|
</div>
|
||||||
<div class="w-2/3 text-sm">
|
<div class="col-sm-9 col-xs-8 value">
|
||||||
{if $field.type == 'text'}
|
{if $field.type == 'text'}
|
||||||
{if (int)$field.id_module}
|
{if (int)$field.id_module}
|
||||||
{$field.text nofilter}
|
{$field.text nofilter}
|
||||||
|
|
@ -73,7 +73,7 @@
|
||||||
{$field.text}
|
{$field.text}
|
||||||
{/if}
|
{/if}
|
||||||
{elseif $field.type == 'image'}
|
{elseif $field.type == 'image'}
|
||||||
<img src="{$field.image.small.url}" class="w-16 h-16 object-cover">
|
<img src="{$field.image.small.url}">
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -86,7 +86,7 @@
|
||||||
{/foreach}
|
{/foreach}
|
||||||
{/if}
|
{/if}
|
||||||
</td>
|
</td>
|
||||||
<td class="px-4 py-2">
|
<td>
|
||||||
{if $product.customizations}
|
{if $product.customizations}
|
||||||
{foreach $product.customizations as $customization}
|
{foreach $product.customizations as $customization}
|
||||||
{$customization.quantity}
|
{$customization.quantity}
|
||||||
|
|
@ -95,49 +95,52 @@
|
||||||
{$product.quantity}
|
{$product.quantity}
|
||||||
{/if}
|
{/if}
|
||||||
</td>
|
</td>
|
||||||
<td class="px-4 py-2 text-right">{$|cat:$product.price}</td>
|
<td class="text-xs-right">{$product.price}</td>
|
||||||
<td class="px-4 py-2 text-right">{$|cat:$product.total}</td>
|
<td class="text-xs-right">{$product.total}</td>
|
||||||
</tr>
|
</tr>
|
||||||
{/foreach}
|
{/foreach}
|
||||||
<tfoot>
|
<tfoot>
|
||||||
{foreach $order.subtotals as $line}
|
{foreach $order.subtotals as $line}
|
||||||
{if $line.value}
|
{if $line.value}
|
||||||
<tr class="text-right border-t border-gray-200">
|
<tr class="text-xs-right line-{$line.type}">
|
||||||
<td colspan="3" class="px-4 py-2">{$line.label}</td>
|
<td colspan="3">{$line.label}</td>
|
||||||
<td class="px-4 py-2">{$line.value}</td>
|
<td>{$line.value}</td>
|
||||||
</tr>
|
</tr>
|
||||||
{/if}
|
{/if}
|
||||||
{/foreach}
|
{/foreach}
|
||||||
<tr class="text-right border-t border-gray-200">
|
<tr class="text-xs-right line-{$order.totals.total.type}">
|
||||||
<td colspan="3" class="px-4 py-2">{$order.totals.total.label}</td>
|
<td colspan="3">{$order.totals.total.label}</td>
|
||||||
<td class="px-4 py-2">{$order.totals.total.value}</td>
|
<td>{$order.totals.total.value}</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tfoot>
|
</tfoot>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="order-items sm:hidden box">
|
<div class="order-items hidden-md-up box">
|
||||||
{foreach from=$order.products item=product}
|
{foreach from=$order.products item=product}
|
||||||
<div class="order-item py-4 border-b border-gray-200">
|
<div class="order-item">
|
||||||
<div class="flex">
|
<div class="row">
|
||||||
<div class="w-1/2">
|
<div class="col-sm-5 desc">
|
||||||
<div class="text-lg font-semibold">{$product.name}</div>
|
<div class="name">{$product.name}</div>
|
||||||
{if $product.reference}
|
{if $product.reference}
|
||||||
<div class="text-sm text-gray-500">{l s='Reference' d='Shop.Theme.Catalog'}: {$product.reference}</div>
|
<div class="ref">{l s='Reference' d='Shop.Theme.Catalog'}: {$product.reference}</div>
|
||||||
{/if}
|
{/if}
|
||||||
{if $product.customizations}
|
{if $product.customizations}
|
||||||
{foreach $product.customizations as $customization}
|
{foreach $product.customizations as $customization}
|
||||||
<div class="customization mt-2">
|
<div class="customization">
|
||||||
<a href="#" data-toggle="modal" data-target="#product-customizations-modal-{$customization.id_customization}" class="text-blue-600 hover:underline">{l s='Product customization' d='Shop.Theme.Catalog'}</a>
|
<a href="#" data-toggle="modal" data-target="#product-customizations-modal-{$customization.id_customization}">{l s='Product customization' d='Shop.Theme.Catalog'}</a>
|
||||||
|
</div>
|
||||||
|
<div id="_mobile_product_customization_modal_wrapper_{$customization.id_customization}">
|
||||||
</div>
|
</div>
|
||||||
<div id="_mobile_product_customization_modal_wrapper_{$customization.id_customization}"></div>
|
|
||||||
{/foreach}
|
{/foreach}
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
<div class="w-1/2 text-right">
|
<div class="col-sm-7 qty">
|
||||||
<div class="flex justify-between">
|
<div class="row">
|
||||||
<div class="text-sm">{$product.price}</div>
|
<div class="col-xs-4 text-sm-left text-xs-left">
|
||||||
<div class="text-sm">
|
{$product.price}
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-4">
|
||||||
{if $product.customizations}
|
{if $product.customizations}
|
||||||
{foreach $product.customizations as $customization}
|
{foreach $product.customizations as $customization}
|
||||||
{$customization.quantity}
|
{$customization.quantity}
|
||||||
|
|
@ -146,26 +149,27 @@
|
||||||
{$product.quantity}
|
{$product.quantity}
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
<div class="text-sm">{$|cat:$product.total}</div>
|
<div class="col-xs-4 text-xs-right">
|
||||||
|
{$product.total}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{/foreach}
|
{/foreach}
|
||||||
</div>
|
</div>
|
||||||
|
<div class="order-totals hidden-md-up box">
|
||||||
<div class="order-totals sm:hidden box mt-4">
|
|
||||||
{foreach $order.subtotals as $line}
|
{foreach $order.subtotals as $line}
|
||||||
{if $line.value}
|
{if $line.value}
|
||||||
<div class="order-total flex justify-between py-2">
|
<div class="order-total row">
|
||||||
<div class="text-sm font-semibold">{$line.label}</div>
|
<div class="col-xs-8"><strong>{$line.label}</strong></div>
|
||||||
<div class="text-sm">{$line.value}</div>
|
<div class="col-xs-4 text-xs-right">{$line.value}</div>
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
{/foreach}
|
{/foreach}
|
||||||
<div class="order-total flex justify-between py-2">
|
<div class="order-total row">
|
||||||
<div class="text-sm font-semibold">{$order.totals.total.label}</div>
|
<div class="col-xs-8"><strong>{$order.totals.total.label}</strong></div>
|
||||||
<div class="text-sm">{$order.totals.total.value}</div>
|
<div class="col-xs-4 text-xs-right">{$order.totals.total.value}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{/block}
|
{/block}
|
||||||
|
|
|
||||||
|
|
@ -25,42 +25,42 @@
|
||||||
{block name='order_products_table'}
|
{block name='order_products_table'}
|
||||||
<form id="order-return-form" action="{$urls.pages.order_follow}" method="post">
|
<form id="order-return-form" action="{$urls.pages.order_follow}" method="post">
|
||||||
|
|
||||||
<div class="box hidden sm:block">
|
<div class="box hidden-sm-down">
|
||||||
<table id="order-products" class="table-auto border-separate border border-gray-200 w-full return">
|
<table id="order-products" class="table table-bordered return">
|
||||||
<thead class="bg-gray-100">
|
<thead class="thead-default">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="px-4 py-2"><input type="checkbox"/></th>
|
<th class="head-checkbox"><input type="checkbox"/></th>
|
||||||
<th class="px-4 py-2">{l s='Product' d='Shop.Theme.Catalog'}</th>
|
<th>{l s='Product' d='Shop.Theme.Catalog'}</th>
|
||||||
<th class="px-4 py-2">{l s='Quantity' d='Shop.Theme.Catalog'}</th>
|
<th>{l s='Quantity' d='Shop.Theme.Catalog'}</th>
|
||||||
<th class="px-4 py-2">{l s='Returned' d='Shop.Theme.Customeraccount'}</th>
|
<th>{l s='Returned' d='Shop.Theme.Customeraccount'}</th>
|
||||||
<th class="px-4 py-2">{l s='Unit price' d='Shop.Theme.Catalog'}</th>
|
<th>{l s='Unit price' d='Shop.Theme.Catalog'}</th>
|
||||||
<th class="px-4 py-2">{l s='Total price' d='Shop.Theme.Catalog'}</th>
|
<th>{l s='Total price' d='Shop.Theme.Catalog'}</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
{foreach from=$order.products item=product name=products}
|
{foreach from=$order.products item=product name=products}
|
||||||
<tr class="border-t border-gray-200">
|
<tr>
|
||||||
<td class="px-4 py-2">
|
<td>
|
||||||
{if !$product.customizations}
|
{if !$product.customizations}
|
||||||
<span id="_desktop_product_line_{$product.id_order_detail}">
|
<span id="_desktop_product_line_{$product.id_order_detail}">
|
||||||
<input type="checkbox" id="cb_{$product.id_order_detail}" name="ids_order_detail[{$product.id_order_detail}]" value="{$product.id_order_detail}">
|
<input type="checkbox" id="cb_{$product.id_order_detail}" name="ids_order_detail[{$product.id_order_detail}]" value="{$product.id_order_detail}">
|
||||||
</span>
|
</span>
|
||||||
{else}
|
{else}
|
||||||
{foreach $product.customizations as $customization}
|
{foreach $product.customizations as $customization}
|
||||||
<span id="_desktop_product_customization_line_{$product.id_order_detail}_{$customization.id_customization}">
|
<span id="_desktop_product_customization_line_{$product.id_order_detail}_{$customization.id_customization}">
|
||||||
<input type="checkbox" id="cb_{$product.id_order_detail}" name="customization_ids[{$product.id_order_detail}][]" value="{$customization.id_customization}">
|
<input type="checkbox" id="cb_{$product.id_order_detail}" name="customization_ids[{$product.id_order_detail}][]" value="{$customization.id_customization}">
|
||||||
</span>
|
</span>
|
||||||
{/foreach}
|
{/foreach}
|
||||||
{/if}
|
{/if}
|
||||||
</td>
|
</td>
|
||||||
<td class="px-4 py-2">
|
<td>
|
||||||
<strong>{$product.name}</strong><br/>
|
<strong>{$product.name}</strong><br/>
|
||||||
{if $product.reference}
|
{if $product.reference}
|
||||||
<span class="text-sm text-gray-500">{l s='Reference' d='Shop.Theme.Catalog'}: {$product.reference}<br/></span>
|
{l s='Reference' d='Shop.Theme.Catalog'}: {$product.reference}<br/>
|
||||||
{/if}
|
{/if}
|
||||||
{if $product.customizations}
|
{if $product.customizations}
|
||||||
{foreach from=$product.customizations item="customization"}
|
{foreach from=$product.customizations item="customization"}
|
||||||
<div class="customization mt-2">
|
<div class="customization">
|
||||||
<a href="#" data-toggle="modal" data-target="#product-customizations-modal-{$customization.id_customization}" class="text-blue-600 hover:underline">{l s='Product customization' d='Shop.Theme.Catalog'}</a>
|
<a href="#" data-toggle="modal" data-target="#product-customizations-modal-{$customization.id_customization}">{l s='Product customization' d='Shop.Theme.Catalog'}</a>
|
||||||
</div>
|
</div>
|
||||||
<div id="_desktop_product_customization_modal_wrapper_{$customization.id_customization}">
|
<div id="_desktop_product_customization_modal_wrapper_{$customization.id_customization}">
|
||||||
<div class="modal fade customization-modal" id="product-customizations-modal-{$customization.id_customization}" tabindex="-1" role="dialog" aria-hidden="true">
|
<div class="modal fade customization-modal" id="product-customizations-modal-{$customization.id_customization}" tabindex="-1" role="dialog" aria-hidden="true">
|
||||||
|
|
@ -74,11 +74,11 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
{foreach from=$customization.fields item="field"}
|
{foreach from=$customization.fields item="field"}
|
||||||
<div class="product-customization-line flex mb-2">
|
<div class="product-customization-line row">
|
||||||
<div class="w-1/3 font-semibold text-sm text-gray-600">
|
<div class="col-sm-3 col-xs-4 label">
|
||||||
{$field.label}
|
{$field.label}
|
||||||
</div>
|
</div>
|
||||||
<div class="w-2/3 text-sm">
|
<div class="col-sm-9 col-xs-8 value">
|
||||||
{if $field.type == 'text'}
|
{if $field.type == 'text'}
|
||||||
{if (int)$field.id_module}
|
{if (int)$field.id_module}
|
||||||
{$field.text nofilter}
|
{$field.text nofilter}
|
||||||
|
|
@ -86,7 +86,7 @@
|
||||||
{$field.text}
|
{$field.text}
|
||||||
{/if}
|
{/if}
|
||||||
{elseif $field.type == 'image'}
|
{elseif $field.type == 'image'}
|
||||||
<img src="{$field.image.small.url}" class="w-16 h-16 object-cover">
|
<img src="{$field.image.small.url}">
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -99,14 +99,14 @@
|
||||||
{/foreach}
|
{/foreach}
|
||||||
{/if}
|
{/if}
|
||||||
</td>
|
</td>
|
||||||
<td class="px-4 py-2">
|
<td class="qty">
|
||||||
{if !$product.customizations}
|
{if !$product.customizations}
|
||||||
<div class="current">
|
<div class="current">
|
||||||
{$product.quantity}
|
{$product.quantity}
|
||||||
</div>
|
</div>
|
||||||
{if $product.quantity > $product.qty_returned}
|
{if $product.quantity > $product.qty_returned}
|
||||||
<div class="select mt-2" id="_desktop_return_qty_{$product.id_order_detail}">
|
<div class="select" id="_desktop_return_qty_{$product.id_order_detail}">
|
||||||
<select name="order_qte_input[{$product.id_order_detail}]" class="form-control border-gray-300 rounded-md shadow-sm">
|
<select name="order_qte_input[{$product.id_order_detail}]" class="form-control form-control-select">
|
||||||
{section name=quantity start=1 loop=$product.quantity+1-$product.qty_returned}
|
{section name=quantity start=1 loop=$product.quantity+1-$product.qty_returned}
|
||||||
<option value="{$smarty.section.quantity.index}">{$smarty.section.quantity.index}</option>
|
<option value="{$smarty.section.quantity.index}">{$smarty.section.quantity.index}</option>
|
||||||
{/section}
|
{/section}
|
||||||
|
|
@ -118,10 +118,10 @@
|
||||||
<div class="current">
|
<div class="current">
|
||||||
{$customization.quantity}
|
{$customization.quantity}
|
||||||
</div>
|
</div>
|
||||||
<div class="select mt-2" id="_desktop_return_qty_{$product.id_order_detail}_{$customization.id_customization}">
|
<div class="select" id="_desktop_return_qty_{$product.id_order_detail}_{$customization.id_customization}">
|
||||||
<select
|
<select
|
||||||
name="customization_qty_input[{$customization.id_customization}]"
|
name="customization_qty_input[{$customization.id_customization}]"
|
||||||
class="form-control border-gray-300 rounded-md shadow-sm"
|
class="form-control form-control-select"
|
||||||
>
|
>
|
||||||
{section name=quantity start=1 loop=$customization.quantity+1}
|
{section name=quantity start=1 loop=$customization.quantity+1}
|
||||||
<option value="{$smarty.section.quantity.index}">{$smarty.section.quantity.index}</option>
|
<option value="{$smarty.section.quantity.index}">{$smarty.section.quantity.index}</option>
|
||||||
|
|
@ -132,32 +132,32 @@
|
||||||
<div class="clearfix"></div>
|
<div class="clearfix"></div>
|
||||||
{/if}
|
{/if}
|
||||||
</td>
|
</td>
|
||||||
<td class="px-4 py-2 text-right">{$product.qty_returned}</td>
|
<td class="text-xs-right">{$product.qty_returned}</td>
|
||||||
<td class="px-4 py-2 text-right">{'$'|cat:$product.price}</td>
|
<td class="text-xs-right">{$product.price}</td>
|
||||||
<td class="px-4 py-2 text-right">{'$'|cat:$product.total}</td>
|
<td class="text-xs-right">{$product.total}</td>
|
||||||
</tr>
|
</tr>
|
||||||
{/foreach}
|
{/foreach}
|
||||||
<tfoot>
|
<tfoot>
|
||||||
{foreach $order.subtotals as $line}
|
{foreach $order.subtotals as $line}
|
||||||
{if $line.value}
|
{if $line.value}
|
||||||
<tr class="text-right border-t border-gray-200">
|
<tr class="text-xs-right line-{$line.type}">
|
||||||
<td colspan="5" class="px-4 py-2">{$line.label}</td>
|
<td colspan="5">{$line.label}</td>
|
||||||
<td colspan="2" class="px-4 py-2">{$line.value}</td>
|
<td colspan="2">{$line.value}</td>
|
||||||
</tr>
|
</tr>
|
||||||
{/if}
|
{/if}
|
||||||
{/foreach}
|
{/foreach}
|
||||||
<tr class="text-right border-t border-gray-200">
|
<tr class="text-xs-right line-{$order.totals.total.type}">
|
||||||
<td colspan="5" class="px-4 py-2">{$order.totals.total.label}</td>
|
<td colspan="5">{$order.totals.total.label}</td>
|
||||||
<td colspan="2" class="px-4 py-2">{$order.totals.total.value}</td>
|
<td colspan="2">{$order.totals.total.value}</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tfoot>
|
</tfoot>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="order-items sm:hidden box">
|
<div class="order-items hidden-md-up box">
|
||||||
{foreach from=$order.products item=product}
|
{foreach from=$order.products item=product}
|
||||||
<div class="order-item py-4 border-b border-gray-200">
|
<div class="order-item">
|
||||||
<div class="flex">
|
<div class="row">
|
||||||
<div class="checkbox">
|
<div class="checkbox">
|
||||||
{if !$product.customizations}
|
{if !$product.customizations}
|
||||||
<span id="_mobile_product_line_{$product.id_order_detail}"></span>
|
<span id="_mobile_product_line_{$product.id_order_detail}"></span>
|
||||||
|
|
@ -167,27 +167,29 @@
|
||||||
{/foreach}
|
{/foreach}
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
<div class="content w-full">
|
<div class="content">
|
||||||
<div class="flex">
|
<div class="row">
|
||||||
<div class="w-1/2">
|
<div class="col-sm-5 desc">
|
||||||
<div class="name font-semibold text-sm">{$product.name}</div>
|
<div class="name">{$product.name}</div>
|
||||||
{if $product.reference}
|
{if $product.reference}
|
||||||
<div class="ref text-sm text-gray-500">{l s='Reference' d='Shop.Theme.Catalog'}: {$product.reference}</div>
|
<div class="ref">{l s='Reference' d='Shop.Theme.Catalog'}: {$product.reference}</div>
|
||||||
{/if}
|
{/if}
|
||||||
{if $product.customizations}
|
{if $product.customizations}
|
||||||
{foreach $product.customizations as $customization}
|
{foreach $product.customizations as $customization}
|
||||||
<div class="customization mt-2">
|
<div class="customization">
|
||||||
<a href="#" data-toggle="modal" data-target="#product-customizations-modal-{$customization.id_customization}" class="text-blue-600 hover:underline">{l s='Product customization' d='Shop.Theme.Catalog'}</a>
|
<a href="#" data-toggle="modal" data-target="#product-customizations-modal-{$customization.id_customization}">{l s='Product customization' d='Shop.Theme.Catalog'}</a>
|
||||||
</div>
|
</div>
|
||||||
<div id="_mobile_product_customization_modal_wrapper_{$customization.id_customization}">
|
<div id="_mobile_product_customization_modal_wrapper_{$customization.id_customization}">
|
||||||
</div>
|
</div>
|
||||||
{/foreach}
|
{/foreach}
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
<div class="w-1/2">
|
<div class="col-sm-7 qty">
|
||||||
<div class="flex justify-between">
|
<div class="row">
|
||||||
<div class="text-sm">{'$'|cat:$product.price}</div>
|
<div class="col-xs-4 text-sm-left text-xs-left">
|
||||||
<div class="text-sm">
|
{$product.price}
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-4">
|
||||||
{if $product.customizations}
|
{if $product.customizations}
|
||||||
{foreach $product.customizations as $customization}
|
{foreach $product.customizations as $customization}
|
||||||
<div class="q">{l s='Quantity' d='Shop.Theme.Catalog'}: {$customization.quantity}</div>
|
<div class="q">{l s='Quantity' d='Shop.Theme.Catalog'}: {$customization.quantity}</div>
|
||||||
|
|
@ -200,9 +202,12 @@
|
||||||
{/if}
|
{/if}
|
||||||
{/if}
|
{/if}
|
||||||
{if $product.qty_returned > 0}
|
{if $product.qty_returned > 0}
|
||||||
<div class="text-xs text-gray-600">{l s='Returned' d='Shop.Theme.Customeraccount'}: {$product.qty_returned}</div>
|
<div>{l s='Returned' d='Shop.Theme.Customeraccount'}: {$product.qty_returned}</div>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-xs-4 text-xs-right">
|
||||||
|
{$product.total}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -211,37 +216,38 @@
|
||||||
</div>
|
</div>
|
||||||
{/foreach}
|
{/foreach}
|
||||||
</div>
|
</div>
|
||||||
<div class="order-totals sm:hidden box">
|
<div class="order-totals hidden-md-up box">
|
||||||
{foreach $order.subtotals as $line}
|
{foreach $order.subtotals as $line}
|
||||||
{if $line.value}
|
{if $line.value}
|
||||||
<div class="order-total flex justify-between py-2 px-4 border-b border-gray-200">
|
<div class="order-total row">
|
||||||
<div class="text-sm font-semibold">{$line.label}</div>
|
<div class="col-xs-8"><strong>{$line.label}</strong></div>
|
||||||
<div class="text-sm">{$line.value}</div>
|
<div class="col-xs-4 text-xs-right">{$line.value}</div>
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
{/foreach} <div class="order-total flex justify-between py-2 px-4 border-t border-gray-200">
|
{/foreach}
|
||||||
<div class="text-sm font-semibold">{$order.totals.total.label}</div>
|
<div class="order-total row">
|
||||||
<div class="text-sm">{$order.totals.total.value}</div>
|
<div class="col-xs-8"><strong>{$order.totals.total.label}</strong></div>
|
||||||
|
<div class="col-xs-4 text-xs-right">{$order.totals.total.value}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="box mt-4">
|
<div class="box">
|
||||||
<header class="mb-4">
|
<header>
|
||||||
<h3 class="text-lg font-semibold">{l s='Merchandise return' d='Shop.Theme.Customeraccount'}</h3>
|
<h3>{l s='Merchandise return' d='Shop.Theme.Customeraccount'}</h3>
|
||||||
<p class="text-sm text-gray-600">{l s='If you wish to return one or more products, please mark the corresponding boxes and provide an explanation for the return. When complete, click the button below.' d='Shop.Theme.Customeraccount'}</p>
|
<p>{l s='If you wish to return one or more products, please mark the corresponding boxes and provide an explanation for the return. When complete, click the button below.' d='Shop.Theme.Customeraccount'}</p>
|
||||||
</header>
|
</header>
|
||||||
<section class="form-fields mb-4">
|
<section class="form-fields">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<textarea cols="67" rows="3" name="returnText" class="form-control border-gray-300 rounded-md shadow-sm w-full"></textarea>
|
<textarea cols="67" rows="3" name="returnText" class="form-control"></textarea>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<footer class="form-footer mt-4">
|
<footer class="form-footer">
|
||||||
<input type="hidden" name="id_order" value="{$order.details.id}">
|
<input type="hidden" name="id_order" value="{$order.details.id}">
|
||||||
<button class="form-control-submit btn bg-blue-500 text-white rounded-md py-2 px-6 hover:bg-blue-600" type="submit" name="submitReturnMerchandise">
|
<button class="form-control-submit btn btn-primary" type="submit" name="submitReturnMerchandise">
|
||||||
{l s='Request a return' d='Shop.Theme.Customeraccount'}
|
{l s='Request a return' d='Shop.Theme.Customeraccount'}
|
||||||
</button>
|
</button>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
{/block}}
|
{/block}
|
||||||
|
|
|
||||||
|
|
@ -29,56 +29,51 @@
|
||||||
{/block}
|
{/block}
|
||||||
|
|
||||||
{block name='page_content'}
|
{block name='page_content'}
|
||||||
<div class="border p-6">
|
|
||||||
<form id="guestOrderTrackingForm" action="{$urls.pages.guest_tracking}" method="get">
|
<form id="guestOrderTrackingForm" action="{$urls.pages.guest_tracking}" method="get">
|
||||||
<section class="space-y-8 px-4 py-6 sm:px-8 md:px-12">
|
<header>
|
||||||
|
<p>{l s='To track your order, please enter the following information:' d='Shop.Theme.Customeraccount'}</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<section class="form-fields">
|
||||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
|
||||||
<label class="font-semibold text-gray-700">
|
<div class="form-group row">
|
||||||
|
<label class="col-md-3 form-control-label required">
|
||||||
{l s='Order Reference:' d='Shop.Forms.Labels'}
|
{l s='Order Reference:' d='Shop.Forms.Labels'}
|
||||||
</label>
|
</label>
|
||||||
<div class="md:col-span-2">
|
<div class="col-md-6">
|
||||||
<input
|
<input
|
||||||
class="w-full p-3 border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500"
|
class="form-control"
|
||||||
name="order_reference"
|
name="order_reference"
|
||||||
type="text"
|
type="text"
|
||||||
size="8"
|
size="8"
|
||||||
value="{if isset($smarty.request.order_reference)}{$smarty.request.order_reference}{/if}"
|
value="{if isset($smarty.request.order_reference)}{$smarty.request.order_reference}{/if}"
|
||||||
placeholder="Enter Order Reference"
|
|
||||||
>
|
>
|
||||||
<div class="text-sm text-gray-500 mt-2">
|
<div class="form-control-comment">
|
||||||
{l s='For example: QIIXJXNUI or QIIXJXNUI#1' d='Shop.Theme.Customeraccount'}
|
{l s='For example: QIIXJXNUI or QIIXJXNUI#1' d='Shop.Theme.Customeraccount'}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
<label class="col-md-3 form-control-label required">
|
||||||
<label class="font-semibold text-gray-700">
|
|
||||||
{l s='Email:' d='Shop.Forms.Labels'}
|
{l s='Email:' d='Shop.Forms.Labels'}
|
||||||
</label>
|
</label>
|
||||||
<div class="md:col-span-2">
|
<div class="col-md-6">
|
||||||
<input
|
<input
|
||||||
class="w-full p-3 border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500"
|
class="form-control"
|
||||||
name="email"
|
name="email"
|
||||||
type="email"
|
type="email"
|
||||||
value="{if isset($smarty.request.email)}{$smarty.request.email}{/if}"
|
value="{if isset($smarty.request.email)}{$smarty.request.email}{/if}"
|
||||||
placeholder="Enter your email"
|
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<footer class="form-footer text-sm-center clearfix">
|
||||||
<footer class="text-center mt-8">
|
<button class="btn btn-primary" type="submit">
|
||||||
<button class="w-full md:w-auto px-6 py-3 font-medium text-white bg-blue-950
|
|
||||||
hover:bg-blue-900 focus:ring-2 focus:ring-blue-500 focus:outline-none">
|
|
||||||
{l s='Send' d='Shop.Theme.Actions'}
|
{l s='Send' d='Shop.Theme.Actions'}
|
||||||
</button>
|
</button>
|
||||||
</footer>
|
</footer>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
|
||||||
{/block}
|
{/block}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -37,10 +37,10 @@
|
||||||
|
|
||||||
{block name='page_content' append}
|
{block name='page_content' append}
|
||||||
{block name='guest_to_customer'}
|
{block name='guest_to_customer'}
|
||||||
<form action="{$urls.pages.guest_tracking}" method="post" class="table-auto p-4 mt-6 border-separate border border-gray-200 w-full" >
|
<form action="{$urls.pages.guest_tracking}" method="post">
|
||||||
<header>
|
<header>
|
||||||
<h1 class="h3 font-semibold ">{l s='Transform your guest account into a customer account and enjoy:' d='Shop.Theme.Customeraccount'}</h1>
|
<h1 class="h3">{l s='Transform your guest account into a customer account and enjoy:' d='Shop.Theme.Customeraccount'}</h1>
|
||||||
<ul class="text-base leading-8" >
|
<ul>
|
||||||
<li> -{l s='Personalized and secure access' d='Shop.Theme.Customeraccount'}</li>
|
<li> -{l s='Personalized and secure access' d='Shop.Theme.Customeraccount'}</li>
|
||||||
<li> -{l s='Fast and easy checkout' d='Shop.Theme.Customeraccount'}</li>
|
<li> -{l s='Fast and easy checkout' d='Shop.Theme.Customeraccount'}</li>
|
||||||
<li> -{l s='Easier merchandise return' d='Shop.Theme.Customeraccount'}</li>
|
<li> -{l s='Easier merchandise return' d='Shop.Theme.Customeraccount'}</li>
|
||||||
|
|
@ -49,9 +49,9 @@
|
||||||
|
|
||||||
<section class="form-fields">
|
<section class="form-fields">
|
||||||
|
|
||||||
<label class="flex flex-col sm:flex-row sm:gap-2">
|
<label>
|
||||||
<span class="font-semibold my-auto" >{l s='Set your password:' d='Shop.Forms.Labels'}</span>
|
<span>{l s='Set your password:' d='Shop.Forms.Labels'}</span>
|
||||||
<input type="password" data-validate="isPasswd" name="password" class="md:ml-5 mb-2 " value="">
|
<input type="password" data-validate="isPasswd" name="password" value="">
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
@ -62,7 +62,7 @@
|
||||||
<input type="hidden" name="order_reference" value="{$order.details.reference}">
|
<input type="hidden" name="order_reference" value="{$order.details.reference}">
|
||||||
<input type="hidden" name="email" value="{$guest_email}">
|
<input type="hidden" name="email" value="{$guest_email}">
|
||||||
|
|
||||||
<button class="px-6 uppercase py-2 font-medium text-center bg-blue-950 text-gray-50 hover:text-gray-50 hover:bg-blue-900" type="submit">{l s='Send' d='Shop.Theme.Actions'}</button>
|
<button class="btn btn-primary" type="submit">{l s='Send' d='Shop.Theme.Actions'}</button>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
|
|
||||||
|
|
@ -20,6 +20,7 @@
|
||||||
* @author PrestaShop SA <contact@prestashop.com>
|
* @author PrestaShop SA <contact@prestashop.com>
|
||||||
* @copyright 2007-2019 PrestaShop SA and Contributors
|
* @copyright 2007-2019 PrestaShop SA and Contributors
|
||||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||||
|
* International Registered Trademark & Property of PrestaShop SA
|
||||||
*}
|
*}
|
||||||
{extends file='customer/page.tpl'}
|
{extends file='customer/page.tpl'}
|
||||||
|
|
||||||
|
|
@ -29,164 +30,184 @@
|
||||||
|
|
||||||
{block name='page_content'}
|
{block name='page_content'}
|
||||||
{block name='order_infos'}
|
{block name='order_infos'}
|
||||||
<div id="order-infos" class="space-y-6">
|
<div id="order-infos">
|
||||||
<div class="border rounded p-6">
|
<div class="box">
|
||||||
<div class="flex flex-wrap items-center">
|
<div class="row">
|
||||||
<div class="w-full {if $order.details.reorder_url}lg:w-9/12{else}lg:w-full{/if}">
|
<div class="col-xs-{if $order.details.reorder_url}9{else}12{/if}">
|
||||||
<strong>
|
<strong>
|
||||||
{l s='Order Reference %reference% - placed on %date%' d='Shop.Theme.Customeraccount' sprintf=['%reference%' => $order.details.reference, '%date%' => $order.details.order_date]}
|
{l
|
||||||
</strong>
|
s='Order Reference %reference% - placed on %date%'
|
||||||
</div>
|
d='Shop.Theme.Customeraccount'
|
||||||
{if $order.details.reorder_url}
|
sprintf=['%reference%' => $order.details.reference, '%date%' => $order.details.order_date]
|
||||||
<div class="w-full lg:w-3/12 text-right">
|
}
|
||||||
<a href="{$order.details.reorder_url}" class="btn btn-primary">{l s='Reorder' d='Shop.Theme.Actions'}</a>
|
</strong>
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{if $order.details.reorder_url}
|
||||||
</div>
|
<div class="col-xs-3 text-xs-right">
|
||||||
</div><div class="border rounded p-6">
|
<a href="{$order.details.reorder_url}" class="button-primary">{l s='Reorder' d='Shop.Theme.Actions'}</a>
|
||||||
<div class="flex flex-wrap items-center">
|
</div>
|
||||||
<div class="w-full {if $order.details.reorder_url}lg:w-9/12{else}lg:w-full{/if}">
|
{/if}
|
||||||
<strong>
|
<div class="clearfix"></div>
|
||||||
{l s='Order Reference %reference% - placed on %date%' d='Shop.Theme.Customeraccount' sprintf=['%reference%' => $order.details.reference, '%date%' => $order.details.order_date]}
|
</div>
|
||||||
</strong>
|
</div>
|
||||||
</div>
|
|
||||||
{if $order.details.reorder_url}
|
<div class="box">
|
||||||
<div class="w-full lg:w-3/12 text-right">
|
<ul>
|
||||||
<a href="{$order.details.reorder_url}" class="btn btn-primary">{l s='Reorder' d='Shop.Theme.Actions'}</a>
|
<li><strong>{l s='Carrier' d='Shop.Theme.Checkout'}</strong> {$order.carrier.name}</li>
|
||||||
</div>
|
<li><strong>{l s='Payment method' d='Shop.Theme.Checkout'}</strong> {$order.details.payment}</li>
|
||||||
{/if}
|
|
||||||
</div>
|
{if $order.details.invoice_url}
|
||||||
|
<li>
|
||||||
|
<a href="{$order.details.invoice_url}">
|
||||||
|
{l s='Download your invoice as a PDF file.' d='Shop.Theme.Customeraccount'}
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{/if}
|
||||||
|
|
||||||
|
{if $order.details.recyclable}
|
||||||
|
<li>
|
||||||
|
{l s='You have given permission to receive your order in recycled packaging.' d='Shop.Theme.Customeraccount'}
|
||||||
|
</li>
|
||||||
|
{/if}
|
||||||
|
|
||||||
|
{if $order.details.gift_message}
|
||||||
|
<li>{l s='You have requested gift wrapping for this order.' d='Shop.Theme.Customeraccount'}</li>
|
||||||
|
<li>{l s='Message' d='Shop.Theme.Customeraccount'} {$order.details.gift_message nofilter}</li>
|
||||||
|
{/if}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="border rounded mt-6 mb-4 p-6">
|
|
||||||
<ul class="space-y-4">
|
|
||||||
<li><strong>{l s='Carrier' d='Shop.Theme.Checkout'}</strong> {$order.carrier.name}</li>
|
|
||||||
<li><strong>{l s='Payment method' d='Shop.Theme.Checkout'}</strong> {$order.details.payment}</li>
|
|
||||||
|
|
||||||
{if $order.details.invoice_url}
|
|
||||||
<li>
|
|
||||||
<a href="{$order.details.invoice_url}" class="text-blue-500 hover:text-blue-700">
|
|
||||||
{l s='Download your invoice as a PDF file.' d='Shop.Theme.Customeraccount'}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{/if}
|
|
||||||
|
|
||||||
{if $order.details.recyclable}
|
|
||||||
<li>
|
|
||||||
{l s='You have given permission to receive your order in recycled packaging.' d='Shop.Theme.Customeraccount'}
|
|
||||||
</li>
|
|
||||||
{/if}
|
|
||||||
|
|
||||||
{if $order.details.gift_message}
|
|
||||||
<li>{l s='You have requested gift wrapping for this order.' d='Shop.Theme.Customeraccount'}</li>
|
|
||||||
<li>{l s='Message' d='Shop.Theme.Customeraccount'} {$order.details.gift_message nofilter}</li>
|
|
||||||
{/if}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/block}
|
{/block}
|
||||||
|
|
||||||
{block name='order_history'}
|
{block name='order_history'}
|
||||||
<section id="order-history" class="border mt-6 rounded p-6">
|
<section id="order-history" class="box">
|
||||||
<h3 class="text-xl font-semibold">{l s='Follow your order\'s status step-by-step' d='Shop.Theme.Customeraccount'}</h3>
|
<h3>{l s='Follow your order\'s status step-by-step' d='Shop.Theme.Customeraccount'}</h3>
|
||||||
<table class="table-auto w-full hidden md:table">
|
<table class="table table-striped table-bordered table-labeled hidden-xs-down">
|
||||||
<thead class="text-gray-700">
|
<thead class="thead-default">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="px-4 py-2">{l s='Date' d='Shop.Theme.Global'}</th>
|
<th>{l s='Date' d='Shop.Theme.Global'}</th>
|
||||||
<th class="px-4 py-2">{l s='Status' d='Shop.Theme.Global'}</th>
|
<th>{l s='Status' d='Shop.Theme.Global'}</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
{foreach from=$order.history item=state}
|
{foreach from=$order.history item=state}
|
||||||
<tr>
|
<tr>
|
||||||
<td class="text-center">{($state.history_date)}</td>
|
<td>{$state.history_date}</td>
|
||||||
<td class="text-center">
|
<td>
|
||||||
<span class="inline-block px-4 py-1 rounded-full text-white" style="background-color:{$state.color}">
|
<span class="label label-pill {$state.contrast}" style="background-color:{$state.color}">
|
||||||
{$state.ostate_name}
|
{$state.ostate_name}
|
||||||
</span>
|
</span>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
{/foreach}
|
{/foreach}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
<div class="block md:hidden">
|
<div class="hidden-sm-up history-lines">
|
||||||
{foreach from=$order.history item=state}
|
{foreach from=$order.history item=state}
|
||||||
<div class="mb-4">
|
<div class="history-line">
|
||||||
<div class="text-sm font-semibold">{($state.history_date)}</div>
|
<div class="date">{$state.history_date}</div>
|
||||||
<div class="mt-2">
|
<div class="state">
|
||||||
<span class="inline-block px-4 py-1 rounded-full text-white" style="background-color:{$state.color}">
|
<span class="label label-pill {$state.contrast}" style="background-color:{$state.color}">
|
||||||
{$state.ostate_name}
|
{$state.ostate_name}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{/foreach}
|
{/foreach}
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
{/block}
|
{/block}
|
||||||
|
|
||||||
{if $order.follow_up}
|
|
||||||
<div class="bg-white shadow rounded-lg p-6">
|
|
||||||
<p>{l s='Click the following link to track the delivery of your order' d='Shop.Theme.Customeraccount'}</p>
|
|
||||||
<a href="{$order.follow_up}" class="text-blue-500 hover:text-blue-700">{$order.follow_up}</a>
|
|
||||||
</div>
|
|
||||||
{/if}
|
|
||||||
|
|
||||||
{block name='addresses'}
|
{if $order.follow_up}
|
||||||
<div class="flex flex-wrap justify-between mt-6 mb-6">
|
<div class="box">
|
||||||
{if $order.addresses.delivery}
|
<p>{l s='Click the following link to track the delivery of your order' d='Shop.Theme.Customeraccount'}</p>
|
||||||
<div class="w-full lg:w-[49%] mb-6 ">
|
<a href="{$order.follow_up}">{$order.follow_up}</a>
|
||||||
<article id="delivery-address" class="border rounded p-6">
|
</div>
|
||||||
<h4 class="text-lg font-semibold">{l s='Delivery address %alias%' d='Shop.Theme.Checkout' sprintf=['%alias%' => $order.addresses.delivery.alias]}</h4>
|
{/if}
|
||||||
<address class="text-sm text-gray-700">{$order.addresses.delivery.formatted nofilter}</address>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
{/if}
|
|
||||||
|
|
||||||
<div class="w-full lg:w-[49%] ">
|
|
||||||
<article id="invoice-address" class="border rounded p-6">
|
|
||||||
<h4 class="text-lg font-semibold">{l s='Invoice address %alias%' d='Shop.Theme.Checkout' sprintf=['%alias%' => $order.addresses.invoice.alias]}</h4>
|
|
||||||
<address class="text-sm text-gray-700">{$order.addresses.invoice.formatted nofilter}</address>
|
|
||||||
</article>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/block}
|
|
||||||
|
|
||||||
{$HOOK_DISPLAYORDERDETAIL nofilter}
|
{block name='addresses'}
|
||||||
|
<div class="addresses">
|
||||||
{block name='order_detail'}
|
{if $order.addresses.delivery}
|
||||||
{if $order.details.is_returnable}
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||||
{include file='customer/_partials/order-detail-return.tpl'}
|
<article id="delivery-address" class="box">
|
||||||
{else}
|
<h4>{l s='Delivery address %alias%' d='Shop.Theme.Checkout' sprintf=['%alias%' => $order.addresses.delivery.alias]}</h4>
|
||||||
{include file='customer/_partials/order-detail-no-return.tpl'}
|
<address>{$order.addresses.delivery.formatted nofilter}</address>
|
||||||
{/if}
|
</article>
|
||||||
{/block}
|
</div>
|
||||||
|
{/if}
|
||||||
{block name='order_carriers'}
|
|
||||||
{if $order.shipping}
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
||||||
<div class="md:border md:mt-6 hidden md:p-6">
|
<article id="invoice-address" class="box">
|
||||||
<table class="table-auto w-full hidden md:table">
|
<h4>{l s='Invoice address %alias%' d='Shop.Theme.Checkout' sprintf=['%alias%' => $order.addresses.invoice.alias]}</h4>
|
||||||
<thead class="text-gray-700">
|
<address>{$order.addresses.invoice.formatted nofilter}</address>
|
||||||
<tr>
|
</article>
|
||||||
<th class="px-4 py-2">{l s='Date' d='Shop.Theme.Global'}</th>
|
</div>
|
||||||
<th class="px-4 py-2">{l s='Carrier' d='Shop.Theme.Checkout'}</th>
|
<div class="clearfix"></div>
|
||||||
<th class="px-4 py-2">{l s='Weight' d='Shop.Theme.Checkout'}</th>
|
</div>
|
||||||
<th class="px-4 py-2">{l s='Shipping cost' d='Shop.Theme.Checkout'}</th>
|
{/block}
|
||||||
<th class="px-4 py-2">{l s='Tracking number' d='Shop.Theme.Checkout'}</th>
|
|
||||||
</tr>
|
{$HOOK_DISPLAYORDERDETAIL nofilter}
|
||||||
</thead>
|
|
||||||
<tbody class="text-center" >
|
{block name='order_detail'}
|
||||||
{foreach from=$order.shipping item=line}
|
{if $order.details.is_returnable}
|
||||||
<tr>
|
{include file='customer/_partials/order-detail-return.tpl'}
|
||||||
<td class="px-4 py-2">{$line.shipping_date}</td>
|
{else}
|
||||||
<td class="px-4 py-2">{$line.carrier_name}</td>
|
{include file='customer/_partials/order-detail-no-return.tpl'}
|
||||||
<td class="px-4 py-2">{$line.shipping_weight}</td>
|
{/if}
|
||||||
<td class="px-4 py-2">{$line.shipping_cost}</td>
|
{/block}
|
||||||
<td class="px-4 py-2">{$line.tracking nofilter}</td>
|
|
||||||
</tr>
|
{block name='order_carriers'}
|
||||||
{/foreach}
|
{if $order.shipping}
|
||||||
</tbody>
|
<div class="box">
|
||||||
</table>
|
<table class="table table-striped table-bordered hidden-sm-down">
|
||||||
</div>
|
<thead class="thead-default">
|
||||||
{/if}
|
<tr>
|
||||||
{/block}
|
<th>{l s='Date' d='Shop.Theme.Global'}</th>
|
||||||
|
<th>{l s='Carrier' d='Shop.Theme.Checkout'}</th>
|
||||||
{/block}
|
<th>{l s='Weight' d='Shop.Theme.Checkout'}</th>
|
||||||
|
<th>{l s='Shipping cost' d='Shop.Theme.Checkout'}</th>
|
||||||
|
<th>{l s='Tracking number' d='Shop.Theme.Checkout'}</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
{foreach from=$order.shipping item=line}
|
||||||
|
<tr>
|
||||||
|
<td>{$line.shipping_date}</td>
|
||||||
|
<td>{$line.carrier_name}</td>
|
||||||
|
<td>{$line.shipping_weight}</td>
|
||||||
|
<td>{$line.shipping_cost}</td>
|
||||||
|
<td>{$line.tracking nofilter}</td>
|
||||||
|
</tr>
|
||||||
|
{/foreach}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<div class="hidden-md-up shipping-lines">
|
||||||
|
{foreach from=$order.shipping item=line}
|
||||||
|
<div class="shipping-line">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<strong>{l s='Date' d='Shop.Theme.Global'}</strong> {$line.shipping_date}
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>{l s='Carrier' d='Shop.Theme.Checkout'}</strong> {$line.carrier_name}
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>{l s='Weight' d='Shop.Theme.Checkout'}</strong> {$line.shipping_weight}
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>{l s='Shipping cost' d='Shop.Theme.Checkout'}</strong> {$line.shipping_cost}
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>{l s='Tracking number' d='Shop.Theme.Checkout'}</strong> {$line.tracking nofilter}
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{/foreach}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
|
{/block}
|
||||||
|
|
||||||
|
{block name='order_messages'}
|
||||||
|
{include file='customer/_partials/order-messages.tpl'}
|
||||||
|
{/block}
|
||||||
|
{/block}
|
||||||
|
|
|
||||||
|
|
@ -64,7 +64,6 @@
|
||||||
{hook h="displayWrapperTop"}
|
{hook h="displayWrapperTop"}
|
||||||
{/block}
|
{/block}
|
||||||
|
|
||||||
|
|
||||||
{block name="left_column"}
|
{block name="left_column"}
|
||||||
<div id="left-column" class="col-xs-12 col-sm-4 col-md-3">
|
<div id="left-column" class="col-xs-12 col-sm-4 col-md-3">
|
||||||
{if $page.page_name == 'product'}
|
{if $page.page_name == 'product'}
|
||||||
|
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
<div class="flex flex-col items-center my-24 gap-8">
|
|
||||||
<img src="https://brooksbingham.com/img/logo-1715173509.jpg" alt="brooksbingham-company-logo" width="64" height="64" />
|
|
||||||
<form action="" method="post" autocomplete="off" class="flex flex-col gap-4 max-w-4xl mx-auto w-full">
|
|
||||||
<input name="careersPageForm" value="careers-page-form" class="hidden" />
|
|
||||||
<div class="w-full flex flex-col md:flex-row gap-3">
|
|
||||||
<input name="firstName" type="text" placeholder="First name*" class="flex-grow" required />
|
|
||||||
<input name="lastName" type="text" placeholder="Last name*" class="flex-grow" required />
|
|
||||||
</div>
|
|
||||||
<input name="email" type="email" placeholder="Email*" class="" required />
|
|
||||||
<input name="subject" type="text" placeholder="Subject*" class="hidden" />
|
|
||||||
<textarea name="message" type="text" placeholder="Tell us about your experience in sales and why you're interested in brooksbingham" class="" rows="4"></textarea>
|
|
||||||
<button class="uppercase py-2 flex-1 text-center border border-blue-950 hover:text-blue-900 hover:border-blue-900 hover:underline text-blue-950 font-medium max-h-[40px]" type="submit">
|
|
||||||
Send
|
|
||||||
</button>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
Loading…
Reference in New Issue