Skip to content

Commit

Permalink
fix: translation issue in Web shop (#242)
Browse files Browse the repository at this point in the history 
* fix: translation issue in Web shop

* fix: add translation in alt tag

* refactor: add translation to remaining tags of webshop
  • Loading branch information
@iamejaaz
iamejaaz authored Jan 17, 2025
1 parent 4998c1b commit c8a2641
Showing 1 changed file with 23 additions and 23 deletions.
46 changes: 23 additions & 23 deletions webshop/templates/includes/macros.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
{% macro product_image(website_image, css_class="product-image", alt="", no_border=False) %}
<div class="{{ 'border' if not no_border else ''}} text-center rounded {{ css_class }}" style="overflow: hidden;">
{% if website_image %}
<img itemprop="image" class="website-image h-100 w-100" alt="{{ alt }}" src="{{ frappe.utils.quoted(website_image) | abs_url }}">
<img itemprop="image" class="website-image h-100 w-100" alt="{{ _(alt) }}" src="{{ frappe.utils.quoted(website_image) | abs_url }}">
{% else %}
<div itemprop="image" class="card-img-top no-image-item">
{{ frappe.utils.get_abbr(alt) or "NA" }}
Expand All @@ -22,7 +22,7 @@
{% macro media_image(website_image, name, css_class="") %}
<div class="product-image sidebar-image-wrapper {{ css_class }}">
{% if not website_image -%}
<div class="sidebar-standard-image"> <div class="standard-image" style="background-color: rgb(250, 251, 252);">{{name}}</div> </div>
<div class="sidebar-standard-image"> <div class="standard-image" style="background-color: rgb(250, 251, 252);">{{_(name)}}</div> </div>
{%- endif %}
{% if website_image -%}
<a href="{{ frappe.utils.quoted(website_image) }}">
Expand All @@ -39,18 +39,18 @@
{{ section.section_html }}
{% elif section.section_based_on == 'Cards' %}
<section class="container my-5">
<h3>{{ section.name }}</h3>
<h3>{{ _(section.name) }}</h3>

<div class="row">
{% for card in section.section_cards %}
<div class="col-md-{{ section.column_value }} mb-4">
<div class="card h-100 justify-content-between">
{% if card.image %}
<img itemprop="image" class="card-img-top h-75" src="{{ card.image }}" loading="lazy" alt="{{ card.title }}"></img>
<img itemprop="image" class="card-img-top h-75" src="{{ card.image }}" loading="lazy" alt="{{ _(card.title) }}"></img>
{% endif %}
<div itemprop="image" class="card-body">
<h5 class="card-title">{{ card.title }}</h5>
<p class="card-subtitle mb-2 text-muted">{{ card.subtitle or '' }}</p>
<h5 class="card-title">{{ _(card.title) }}</h5>
<p class="card-subtitle mb-2 text-muted">{{ _(card.subtitle) or '' }}</p>
<p class="card-text">{{ card.content or '' | truncate(140, True) }}</p>
</div>
<div class="card-body flex-grow-0">
Expand Down Expand Up @@ -83,7 +83,7 @@ <h5 class="card-title">{{ card.title }}</h5>
{% if image %}
<div class="row no-gutters">
<div class="col-md-5 ml-4">
<img class="card-img" src="{{ image }}" alt="{{ title }}">
<img class="card-img" src="{{ image }}" alt="{{ _(title) }}">
</div>
<div class="col-md-6">
{{ item_card_body(title, description, item, is_featured, align,template) }}
Expand All @@ -102,7 +102,7 @@ <h5 class="card-title">{{ card.title }}</h5>
{% if image %}
<div class="card-img-container">
<a href="/{{ item.route or '#' }}" style="text-decoration: none;">
<img class="card-img" src="{{ image }}" alt="{{ title }}">
<img class="card-img" src="{{ image }}" alt="{{ _(title )}}">
</a>
</div>
{% else %}
Expand Down Expand Up @@ -134,7 +134,7 @@ <h5 class="card-title">{{ card.title }}</h5>
</div>
{% if is_featured %}
<div class="product-description ellipsis text-muted" style="white-space: normal;">
{{ description or '' }}
{{ _(description) or '' }}
</div>
{% else %}
{% if template != "Product Card" %}
Expand All @@ -153,7 +153,7 @@ <h5 class="card-title">{{ card.title }}</h5>
<div class="card-img-container">
<a href="/{{ item.route or '#' }}" style="text-decoration: none;">
{% if item.image %}
<img itemprop="image" class="card-img" src="{{ item.image }}" alt="{{ title }}">
<img itemprop="image" class="card-img" src="{{ item.image }}" alt="{{ _(title) }}">
{% else %}
<div itemprop="image" class="card-img-top no-image">
{{ frappe.utils.get_abbr(title) }}
Expand All @@ -175,18 +175,18 @@ <h5 class="card-title">{{ card.title }}</h5>
{%- macro wishlist_card_body(item, title, settings) %}
<div class="card-body card-body-flex text-left" style="width: 100%;">
<div class="mt-4">
<div class="product-title">{{ title or ''}}</div>
<div class="product-category">{{ item.item_group or '' }}</div>
<div class="product-title">{{ _(title) or ''}}</div>
<div class="product-category">{{ _(item.item_group) or '' }}</div>
</div>
<div class="product-price" itemprop="offers" itemscope itemtype="https://schema.org/AggregateOffer">
{{ item.get("formatted_price") or '' }}

{% if item.get("formatted_mrp") %}
<small class="ml-1 striked-price">
<s>{{ item.formatted_mrp }}</s>
<s>{{ _(item.formatted_mrp) }}</s>
</small>
<small class="ml-1 product-info-green" >
{{ item.discount }} OFF
{{ _(item.discount) + " " + _("OFF")}}
</small>
{% endif %}
</div>
Expand All @@ -213,7 +213,7 @@ <h5 class="card-title">{{ card.title }}</h5>
{%- macro ratings_with_title(avg_rating, title, size, rating_header_class, for_summary=False) -%}
<div class="{{ 'd-flex' if not for_summary else '' }}">
<p class="mr-4 {{ rating_header_class }}">
<span>{{ title }}</span>
<span>{{ _(title) }}</span>
</p>
<div class="rating {{ 'ratings-pill' if for_summary else ''}}">
{% for i in range(1,6) %}
Expand Down Expand Up @@ -286,7 +286,7 @@ <h2 style="font-size: 2rem;">
<div class="review-signature mb-2">
<span class="reviewer">{{ _(review.customer) }}</span>
<span class="indicator grey" style="--text-on-gray: var(--gray-300);"></span>
<span class="reviewer">{{ review.published_on }}</span>
<span class="reviewer">{{ _(review.published_on) }}</span>
</div>
</div>
{% endfor %}
Expand All @@ -298,11 +298,11 @@ <h2 style="font-size: 2rem;">
{%- set item_field = field_filter[0] %}
{%- set values = field_filter[1] %}
<div class="mb-4 filter-block pb-5">
<div class="filter-label mb-3">{{ item_field.label }}</div>
<div class="filter-label mb-3">{{ _(item_field.label) }}</div>

{% if values | len > 20 %}
<!-- show inline filter if values more than 20 -->
<input type="text" class="form-control form-control-sm mb-2 filter-lookup-input" placeholder="Search {{ item_field.label + 's' }}"/>
<input type="text" class="form-control form-control-sm mb-2 filter-lookup-input" placeholder="Search {{ _(item_field.label) + 's' }}"/>
{% endif %}

{% if values %}
Expand All @@ -316,7 +316,7 @@ <h2 style="font-size: 2rem;">
data-filter-name="{{ item_field.fieldname }}"
data-filter-value="{{ value }}"
style="width: 14px !important">
<span class="label-area">{{ value }}</span>
<span class="label-area">{{ _(value) }}</span>
</label>
</div>
{% endfor %}
Expand All @@ -331,10 +331,10 @@ <h2 style="font-size: 2rem;">
{%- macro attribute_filter_section(filters)-%}
{% for attribute in filters %}
<div class="mb-4 filter-block pb-5">
<div class="filter-label mb-3">{{ attribute.name }}</div>
<div class="filter-label mb-3">{{ _(attribute.name) }}</div>
{% if attribute.item_attribute_values | len > 20 %}
<!-- show inline filter if values more than 20 -->
<input type="text" class="form-control form-control-sm mb-2 filter-lookup-input" placeholder="Search {{ attribute.name + 's' }}"/>
<input type="text" class="form-control form-control-sm mb-2 filter-lookup-input" placeholder="Search {{ _(attribute.name) + 's' }}"/>
{% endif %}

{% if attribute.item_attribute_values %}
Expand All @@ -349,7 +349,7 @@ <h2 style="font-size: 2rem;">
data-attribute-value="{{ attr_value }}"
style="width: 14px !important"
{% if attr_value.checked %} checked {% endif %}>
<span class="label-area">{{ attr_value }}</span>
<span class="label-area">{{ _(attr_value) }}</span>
</label>
</div>
{% endfor %}
Expand Down Expand Up @@ -388,7 +388,7 @@ <h2 style="font-size: 2rem;">
{% if price.get('formatted_mrp') %}
<br>
<span class="striked-item-price">
<s>MRP {{ price.formatted_mrp }}</s>
<s>MRP {{ _(price.formatted_mrp) }}</s>
</span>
<span class="in-green">
- {{ price.get('formatted_discount_percent') or price.get('formatted_discount_rate')}}
Expand Down

0 comments on commit c8a2641

Please sign in to comment.