Dodanie informacji o powiązanych zamówieniach na szczegółach zamówienia w profilu klienta

Dodanie

W tym artykule dowiesz się jak zmodyfikować swój szablon, aby dodać w nim informacje o powiązanych zamówieniach na szczegółach zamówienia w profilu klienta.

Wskazówka

W tym artykule trzeba będzie wprowadzać zmiany w plikach scss. Z tego artykułu dowiesz się jak je kompilować i minifikować.

Szafir

W pliku customer-profile/orders/order-details.html wyszukaj frazę {% if config.Orders.AttachmentsEnabled -%}/strong>. Pod tym warunkiem dodaj kolejny warunek:

{% if order.RelatedOrders -%} <div class="remarks-ui eshop-order-ui"> <div>{{ translations.RelatedOrders }}</div> <div class="related-document-labels-ui"> <div class="column-ui document-number-column-ui">{{ translations.Number | Capitalize }}</div> <div class="column-ui document-date-column-ui">{{ translations.DocumentDate }}</div> <div class="column-ui document-netto-column-ui">{{ translations.Status }}</div> </div> {% for relatedOrder in order.RelatedOrders -%} <div class="related-document-ui"> <div class="column-ui document-number-column-ui btn-pure-ui"> <a href="{{relatedOrder.Url}}">{{relatedOrder.Id}} {% if relatedOrder.Parent -%}({{ translations.Main | Downcase }}){% endif -%}</a> </div> <div class="column-ui document-date-column-ui">{{relatedOrder.Date | Date:dateFormat}}</div> <div class="column-ui document-netto-column-ui">{{relatedOrder.StatusText}}</div> </div> {% endfor -%} </div> {% endif -%}

0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

{% if order.RelatedOrders -%}
                        <div class="remarks-ui eshop-order-ui">
                            <div>{{ translations.RelatedOrders }}</div>
                            <div class="related-document-labels-ui">
                                <div class="column-ui document-number-column-ui">{{ translations.Number | Capitalize }}</div>
                                <div class="column-ui document-date-column-ui">{{ translations.DocumentDate }}</div>
                                <div class="column-ui document-netto-column-ui">{{ translations.Status }}</div>
                            </div>
                            {% for relatedOrder in order.RelatedOrders -%}
                                <div class="related-document-ui">
                                    <div class="column-ui document-number-column-ui btn-pure-ui">
                                        <a href="{{relatedOrder.Url}}">{{relatedOrder.Id}} {% if relatedOrder.Parent -%}({{ translations.Main | Downcase }}){% endif -%}</a>
                                    </div>
                                    <div class="column-ui document-date-column-ui">{{relatedOrder.Date | Date:dateFormat}}</div>
                                    <div class="column-ui document-netto-column-ui">{{relatedOrder.StatusText}}</div>
                                </div>
                            {% endfor -%}
                        </div>
                    {% endif -%}

Teraz w pliku scss/globals/_globals2.scss dodaj kod:

.eshop-order-ui{ .related-document-labels-ui .column-ui + .column-ui{ margin-left: 0; } .related-document-labels-ui, .related-document-ui { .document-number-column-ui{ width: 70px; } .document-date-column-ui{ width: 140px; } .document-netto-column-ui{ width: calc(100% - 249px); } } }

0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

.eshop-order-ui{
  .related-document-labels-ui .column-ui + .column-ui{
    margin-left: 0;
  }
  .related-document-labels-ui, .related-document-ui {
    .document-number-column-ui{
      width: 70px;
    }
    .document-date-column-ui{
      width: 140px;
    }
    .document-netto-column-ui{
      width: calc(100% - 249px);
    }
  }
}

Dodanie informacji o powiązanych zamówieniach na szczegółach zamówienia w profilu klienta

Dodanie

Szafir

Czy ten artykuł był pomocny?

Społeczność Comarch

Oferta e-Commerce

Przydatne linki

Kontakt