+
{{ _('our_address') }} {{ store_address }}
-
-
-
-
-
- {% if seasons %}
-
-
{{ _('season') }}
-
-
- {% for season in seasons %}
-
- {% endfor %}
-
+
+
+
+ {% for season in seasons %}
+
+ {% endfor %}
- {% endif %}
-
-
-
+ {{ _('category') }}
-
-
- {% for category in categories %}
-
- {% endfor %}
-
+
+
+ {% for category in categories %}
+
+ {% endfor %}
+
+
{% for product in products %}
@@ -535,10 +528,9 @@ CATALOG_TEMPLATE = '''
{% endif %}
`;
favoritesContent.innerHTML += itemHtml;
});
- updateAllPrices();
}
openModal('favoritesModal');
+ updatePrices();
}
function removeFromFavorites(productId, event) {
@@ -1072,7 +1076,7 @@ CATALOG_TEMPLATE = '''
const index = favorites.indexOf(productId);
if (index > -1) {
favorites.splice(index, 1);
- localStorage.setItem('manolisAFavorites', JSON.stringify(favorites));
+ localStorage.setItem('manolisaFavorites', JSON.stringify(favorites));
openFavoritesModal();
updateFavoriteIcons();
}
@@ -1093,25 +1097,73 @@ CATALOG_TEMPLATE = '''
}, duration);
}
+ function updatePrices() {
+ document.querySelectorAll('[data-price-usd]').forEach(el => {
+ const priceUSD = parseFloat(el.dataset.priceUsd);
+ if (currentCurrency === 'KZT') {
+ const priceKZT = priceUSD * exchangeRateKZT;
+ el.textContent = `${priceKZT.toFixed(0)} KZT`;
+ } else {
+ el.textContent = `${priceUSD.toFixed(2)} USD`;
+ }
+ });
+
+ const cartTotalEl = document.getElementById('cartTotal');
+ if(cartTotalEl) {
+ const totalUSD = parseFloat(cartTotalEl.dataset.totalUsd);
+ if (currentCurrency === 'KZT') {
+ cartTotalEl.textContent = `${(totalUSD * exchangeRateKZT).toFixed(0)} KZT`;
+ } else {
+ cartTotalEl.textContent = `${totalUSD.toFixed(2)} USD`;
+ }
+ }
+ }
+
+ function setupCurrencySwitcher() {
+ const usdBtn = document.getElementById('currency-usd');
+ const kztBtn = document.getElementById('currency-kzt');
+
+ if (currentCurrency === 'KZT') {
+ usdBtn.classList.remove('active');
+ kztBtn.classList.add('active');
+ } else {
+ usdBtn.classList.add('active');
+ kztBtn.classList.remove('active');
+ }
+
+ usdBtn.addEventListener('click', () => {
+ currentCurrency = 'USD';
+ localStorage.setItem('manolisaCurrency', 'USD');
+ usdBtn.classList.add('active');
+ kztBtn.classList.remove('active');
+ updatePrices();
+ });
+ kztBtn.addEventListener('click', () => {
+ currentCurrency = 'KZT';
+ localStorage.setItem('manolisaCurrency', 'KZT');
+ kztBtn.classList.add('active');
+ usdBtn.classList.remove('active');
+ updatePrices();
+ });
+ }
+
document.addEventListener('DOMContentLoaded', () => {
updateCartButton();
setupFilters();
updateFavoriteIcons();
- setCurrency(currentCurrency);
+ setupCurrencySwitcher();
+ updatePrices();
- document.querySelectorAll('.currency-switcher a').forEach(a => {
- a.addEventListener('click', (e) => {
- e.preventDefault();
- setCurrency(a.dataset.currency);
- });
- });
-
- window.addEventListener('click', e => {
- if (e.target.classList.contains('modal')) closeModal(e.target.id);
+ window.addEventListener('click', function(event) {
+ if (event.target.classList.contains('modal')) {
+ closeModal(event.target.id);
+ }
});
- window.addEventListener('keydown', e => {
- if (e.key === 'Escape') {
- document.querySelectorAll('.modal[style*="display: block"]').forEach(modal => closeModal(modal.id));
+ window.addEventListener('keydown', function(event) {
+ if (event.key === 'Escape') {
+ document.querySelectorAll('.modal[style*="display: block"]').forEach(modal => {
+ closeModal(modal.id);
+ });
}
});
});
@@ -1121,24 +1173,18 @@ CATALOG_TEMPLATE = '''
'''
PRODUCT_DETAIL_TEMPLATE = '''
-
- {% set first_variant = product.get('variants', [])[0] if product.get('variants') else None %}
- {% set first_photo = first_variant.photos[0] if first_variant and first_variant.photos else None %}
- {% if first_photo %}
- ![{{ product['name'] }}](https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ first_photo }})
{% else %}
@@ -546,23 +538,24 @@ CATALOG_TEMPLATE = '''
{% endif %}
{% else %}
@@ -546,23 +538,24 @@ CATALOG_TEMPLATE = '''
{% endif %}
-
@@ -608,7 +601,7 @@ CATALOG_TEMPLATE = '''
{{ product['name'] }}
-
-
- {{ "%.2f"|format(product['price']) }} USD
-
- {% if product.get('items_per_line', 0) > 1 %}
-
- {{ "%.2f"|format(product['price'] / product.get('items_per_line')) }} USD / {{ _('price_per_piece') }}
+
+
{{ product['name'] }}
+
+
+ {{ "%.2f"|format(product['price']) }} USD
- ({{ product.get('items_per_line') }} {{ _('items_in_line') }})
- {% endif %}
-
-
- {% set colors = product.get('variants', [])|map(attribute='color')|select('ne', '')|list %}
- {% if colors %}
- {{ colors|join(', ') }}
- {% endif %}
+
+ {% if product.get('items_per_line', 0) > 1 %}
+ {{ "%.2f"|format(product['price'] / product.get('items_per_line')) }} USD / {{ _('price_per_piece') }}
+ ({{ product.get('items_per_line') }} {{ _('items_in_line') }})
+ {% endif %}
+
+
+
+ {% for color in product.get('colors', []) %}
+ {{ color.name }}
+ {% endfor %}
+
- {{ _('total') }} 0.00
+ {{ _('total') }} 0.00 USD
-
![{{ product['name'] }} - photo {{ loop.index }}](https://huggingface.co/datasets/{{ repo_id }}/resolve/main/photos/{{ photo }})
+ style="max-width: 100%; max-height: 400px; object-fit: contain; display: block; margin: auto; cursor: grab; border-radius: 8px;">
+ {% set first_color = product.get('colors', [])[0] if product.get('colors') else None %}
+ {% if first_color and first_color.get('photos') %}
+ 
+ 
{% endif %}