Zmiana nagłówków H1 w kategorii z TPL na jQuery | GrowCommerce

Przy pomocy tego skryptu z łatwością przekonwertujesz zmiany w pliku TPL na jQuery.

Daną kategorię możesz odszukać po ID kategorii, po linku do kategorii, po nowościach i promocjach. Oto skrócony przykład zastosowania, który wklejasz na końcu pliku we własnym skrypcie JS:

$(document).ready(function () {
    var gc__bodyClass = $('body').attr('class');
    var gc__requestUri = window.location.pathname;
    var gc__categoryName = $('.category-name').text().trim();
 
    var bodyId = $('body').attr('id');
    var gc__categoryId = '';
 
    if (bodyId) {
        gc__categoryId = bodyId.replace('shop_category', '');
    }
 
    var gc__newHeaderText = '';
 
    if (gc__bodyClass.includes('product_new') && gc__categoryName === '') {
        gc__newHeaderText = 'Nowe produkty';
    } else if (gc__bodyClass.includes('product_promo') && gc__categoryName === '') {
        gc__newHeaderText = 'Promocje';
    } else if (gc__requestUri.includes('/swanson')) {
        gc__newHeaderText = 'Swanson';
    } else if (gc__requestUri.includes('/solgar')) {
        gc__newHeaderText = 'Solgar';
    } else {
        switch (gc__categoryId) {
            case '75':
                gc__newHeaderText = 'Produkty z konopii i CBD (kannabidiol)';
                break;
            case '254':
                gc__newHeaderText = 'Probiotyki dla dzieci';
                break;
            case '251':
                gc__newHeaderText = 'Witaminy dla dzieci';
                break;
            case '252':
                gc__newHeaderText = 'Minerały i składniki mineralne dla dzieci';
                break;
            case '253':
                gc__newHeaderText = 'Omega-3 DHA dla dzieci';
                break;
            case '230':
                gc__newHeaderText = 'Kwas Foliowy - Witamina B9';
                break;
            default:
                if (gc__categoryName === 'Astaksantyna') {
                    gc__newHeaderText = 'Astaksantyna naturalna w kapsułkach';
                } else if (gc__categoryName === 'Chlorella') {
                    gc__newHeaderText = 'Chlorella BIO suplement';
                } else if (gc__categoryName === 'Graviola') {
                    gc__newHeaderText = 'Graviola - sok i proszek';
                } else if (gc__categoryName === 'Ashwagandha') {
                    gc__newHeaderText = 'Ashwagandha - Żeń-Szeń Indyjski - Witania Ospała';
                } else if (gc__categoryName === 'Kolagen') {
                    gc__newHeaderText = 'Kolagen naturalny na stawy i ciało';
                } else if (gc__categoryName === 'Kurkuma') {
                    gc__newHeaderText = 'Kurkumina i Kurkuma';
                } else {
                    gc__newHeaderText = gc__categoryName;
                }
        }
        if (gc__newHeaderText !== '') {
            $('.category-name').text(gc__newHeaderText);
        }
    }
});

Jak wprowadzić swoje zmiany?

W skrypcie masz kilka ważnych elementów dla każdej z opcji zmiany.

Spójrz na pierwszy zapisany ciekawie fragment:

if (gc__bodyClass.includes('product_new') && gc__categoryName === '') {
        gc__newHeaderText = 'Nowe produkty';
    }

No i czysta prosta kwestia. Jeśli klasa tej przeglądanej przez użytkownika kategorii to nowe produkty (nowości) to zmień jego nazwę na Nowe produkty. Możesz wpisać tam pożądane słowo kluczowe jak np. "Nowe impregnaty do drewna", "Nowe szablony Shoper". Mam nadzieję, że czujesz myśl przewodnią - nowości, ale jakieś. Słowo kluczowe.

Linijkę niżej masz to samo tylko z promocjami. Nie modyfikujesz nic poza kwestią w cudzysłowie 'Tutaj'.

else if (gc__bodyClass.includes('product_promo') && gc__categoryName === '') {
        gc__newHeaderText = 'Promocje';
    }

Wpisujesz nowe słowo kluczowe tu:

gc__newHeaderText = 'Promocje';

Czyli np:

gc__newHeaderText = 'Promocje na szablony Shoper';

Niżej znajdziesz przykłady z modyfikacją po URLu:

Jeśli klient wszedł na naszsklep.pl/swanson to H1 kategorii zamieniamy na 'Swanson'.

} else if (gc__requestUri.includes('/swanson')) {
        gc__newHeaderText = 'Swanson';
    }

I teraz najpopularniejszy przykład jakiego pewnie będziesz używać: jeśli klient wchodzi na daną kategorię, to ona zarówno w panelu, jak i potem w dokumencie jest podpisana jako jakieś ID:

I niżej mamy w naszym skrypcie coś takiego: jeśli nasz obecny "kejs" czyli przeglądana kategoria, którą widzi klient, to akurat 75 to jak widzisz poniżej daje mu nową nazwę -> Produkty z konopii i CBD (kannabidiol)

case '75':

gc__newHeaderText = 'Produkty z konopii i CBD (kannabidiol)';

break;

Dostosujmy to do naszego screena:

case '42':

gc__newHeaderText = 'Topowe pochłaniacze wilgoci do domu';

break;

W ten sposób wszędzie na sklepie pochłaniacze wilgoci to nadal kategoria pochłaniacze wilgoci, ale w naszej H1 w kategorii mamy pełne słowo kluczowe! Ideolo.

Na samym dole znajdziesz fragment kodu jeszcze innego podejścia. Jeśli dany nagłówek H1 kategorii zawiera daną nazwę, to zamień ją na inną:

if (gc__categoryName === 'Astaksantyna') {
                  gc__newHeaderText = 'Astaksantyna naturalna w kapsułkach';
              }

I tyle. Zbędne elementy możesz usunąć, ale z głową. Pamiętaj że to kod.

Nie oferujemy bezpłatnej pomocy w edycji tego skryptu. Albo kodujesz na tyle wystarczająco by to sobie pozmieniać, albo zaoferujemy Ci roboczogodziny by dostosować skrypt dla Ciebie, bo nie jest to trudne, ale żmudne i czasochłonne zadanie.

Dajemy Ci narzędzie lub tańszą możliwość dostosowania, stąd opatrzone jest to jako zadanie z gwiazdką :) Powodzenia!