Global

Methods

hotspotObserverInit()

Inicjalizuje obserwatora na sekcjach z hotspotami. Możemy dodać threshold, aby ramki rekomendacji wczytywały się wcześniej. Jest to zrealizowane np. na sklepie pyszneeko.pl. Funkcja jest w komponencie Hotspoty JavaScript w klasie GetHotspots.
Source:
Example
// Dodanie thresholdu
hotspotObserverInit() {
  this.hotspotObserver = new IntersectionObserver((entries) => {
    this.hotspotObserverFunc(entries);
  }, {
    rootMargin: '300px 0px'  // Threshold ustawiony na 300px
  });
  this.allHotspots.forEach((el) => this.hotspotObserver.observe(el));
}
Funkcja dostępna globalnie która odświeża koszyk, oblicza na nowo ceny itp. Przydatna przy customowych przyciskach "Dodaj do koszyka" itp. Przyjmuje parametr event (e), ale nie jest on wymagany. Jeśli nie zostanie podany, funkcja wywoła odświeżenie koszyka. Parametr przekazuje dalej do innych funkcji, ale jego brak nie hamuje działania funkcji więc to pominę.
Source:
Example
// Przykład użycia (zwiększenie ilości produktu w koszyku z poziomu np. ramki rekomendacji).
const bmIncrementQuantity = async (productId, quantity, size, sellBy) => {
  const productAvailability = await checkProductAvailability(productId);
  const newQuantity = Number(quantity) + Number(sellBy);
  if (newQuantity > productAvailability) {
      Alertek.Info("Nie możesz dodać większej ilości tego produktu");
      return;
  }
  fetch(`/graphql/v1/`, {
      method: "POST",
      headers: {
      "Content-Type": "application/json",
      },
      body: JSON.stringify({
      query: `mutation{updateBasketProducts(updateBasketProductsInput: {id: ${Number(
          productId
      )}, size: "${size}", additional: "", quantity: ${newQuantity}}){
              status
              }
          }
          `,
      }),
  })
      .then((res) => res.json())
      .then((data) => {
      menu_basket_cache(false);
      });
  };

setHeight(options) → {void}

Wyrównywanie elementów w wierszach, funkcja ustawia wysokość elementów w wierszach na najwyższą wysokość w wierszu. Przydatne np. do wyrównywania tekstów w ramkach rekomendacji. Funkcja jest dostępna w obiekcie app_shop.fn. Patrz przykłady użycia
Parameters:
Name Type Description
options Object możliwe opcje "selector", "selectors", "container"
Properties
Name Type Attributes Description
selector string <optional>
 Jeden selektor, którego elementy mają być wyrównane.
selectors Array.<string> <optional>
 Lista selektorów, których elementy mają być wyrównane.
container string Selektor kontenera, w którym mają być wyrównane elementy.
Source:
Returns:
- Funkcja nie zwraca wartości.
Type
void
Examples
// Wiele selektorów
app_shop.fn.setHeight({ selectors: ['#search .product__prices', '#search .product__name'], container: '#search' });
// Jeden selektor
app_shop.fn.setHeight({ selector: '#search .product__name', container: '#search' });