1.Přejmenování textu platební metody Dobírka
Nahraďte text uvnitř uvozovek -> nový název platební metody dobírka -> novým názvem, třeba Doběrečné.
Kód pro "dlaždice":
<script>
window.onload = function() {
let element = document.querySelector('.f-collect-on-delivery');
if (element && element.textContent.includes("Dobírka")) {
element.textContent = element.textContent.replace("Dobírka", "nový název platební metody dobírka");
}
};
</script>
Skript se vkládá na stránku, ve které je prodejní formulář, u kterého chcete přejmenování Dobírky provést.
2.Doplnění dlaždice Bankovní převod o další text
Výchozí text Bankovní převod se nahradí novým textem mezi posledními uvozovkami - "Bankovní převod s QR kódem". Pro zalomení řádku mezi "Bankovní převod" a "s QR kódem" je potřeba použít nezalomitelné mezery a jednotlivá slova ... s+QR+kódem ... oddělit speciálním znakem.
<script>
window.onload = function() {
let element = document.querySelector('.f-wire');
if (element && element.textContent.includes("Bankovní převod")) {
element.textContent = element.textContent.replace("Bankovní převod", "Bankovní převod s QR kódem");
}
};
</script>
3.Zvětšení písma chybových hlášek v prodejním formuláři
Kód se vkládá do stránky, ve které je prodejní formulář u kterého chcete provést změnu. Upravuje specificky pouze velikost červených textů chybových hlášek.
Hodnotu 1.5em můžete přepsat na jiné číslo, např. 2em nebo 1.2 em.
<style>
.f-text-red-600 {
font-size: 1.5em !important;
}
</style>
4.Změna textu chybové hlášky u nezaškrtnutých obchodních podmínek
Text si lze libovolně přepsat na jiný. Script se vkládá na stránku, ve které je prodejní formulář, u kterého chceme docílit změny.
<script>
// Vytvoření instance MutationObserver
let observer = new MutationObserver((mutationsList, observer) => {
// Projděte všechny mutace, které byly zaznamenány
for(let mutation of mutationsList) {
// Pokud byla přidána nová uzlová hodnota (textContent)
if(mutation.type === 'childList') {
let spanElement = document.querySelector('.f-text-red-600.f-text-xs.f-mt-1 span');
// Zkontrolujte, zda existuje element <span> a zda obsahuje v jednoduchých uvozovkách definovaný text, který chceme přepsat
if(spanElement && spanElement.textContent.trim() === 'Musíte sa oboznámiť s obchodnými podmienkami.') {
//následující text v jednoduchých uvozovkách nahrazuje původní text
spanElement.textContent = 'Je potrebné oboznámiť sa s obchodnými podmienkami.';
// ukončení sledování mutací, jakmile je text aktualizován
observer.disconnect();
}
}
}
});
// Nastavení konfigurace observeru
let config = { childList: true, subtree: true };
// Spuštění observeru na celém dokumentu
observer.observe(document, config);
</script>
5.Změna názvů sekcí prodejního formuláře
V proměnné 'names' se nachází nové názvy sekcí, které si můžete upravit dle potřeby.
<script>
window.onload = function() {
//Zde změňte názvy sekcí
var names = {
items: 'Položky a ceny',
miniUpsell: 'Speciální nabídka',
basicData: 'Fakturační údaje',
customFields: 'Doplňující informace',
shippingMethods: 'Způsob doručení',
paymentMethods: 'Způsob platby',
result: 'Shrnutí objednávky',
};
var elements = [];
var form = document.getElementsByClassName('fapi-order-form')[0];
elements['items'] = form.getElementsByClassName('fapi-form-items')[0]?.firstChild.firstChild.firstChild.firstChild;
elements['miniUpsell'] = form.getElementsByClassName('order-bump')[0]?.firstChild.firstChild;
elements['basicData'] = form.getElementsByClassName('fapi-form-basic-data')[0]?.firstChild.firstChild.firstChild;
elements['customFields'] = form.getElementsByClassName('fapi-form-custom-fields')[0]?.firstChild.firstChild.firstChild;
elements['shippingMethods'] = form.getElementsByClassName('fapi-form-shipping-methods')[0]?.firstChild.firstChild.firstChild;
elements['shippingMethods'] = form.getElementsByClassName('fapi-form-shipping-methods')[0]?.firstChild.firstChild.firstChild;
elements['paymentMethods'] = form.getElementsByClassName('fapi-form-payment-methods')[0]?.firstChild.firstChild.firstChild;
elements['result'] = form.getElementsByClassName('fapi-form-result')[0]?.firstChild.firstChild.firstChild;
for (var key in elements) {
if (elements[key] !== undefined && names[key] !== undefined) {
elements[key].innerHTML = names[key];
}
}
};
</script>
6.Skrytí možnosti nakupovat na firmu
<script>
const observer = new MutationObserver(() => {
const elements = document.querySelectorAll('.fapi-form-show-company-base-checkbox');
if (elements.length) {
elements.forEach(el => el.style.display = 'none');
observer.disconnect();
}
});
observer.observe(document.body, { childList: true, subtree: true });
</script>
Skript se vkládá na stránku, ve které je prodejní formulář, u kterého chcete skrýt možnost nakoupit na firmu.
7.Twisto – ukončená podpora
FAPI již nepodporuje propojení s Twisto ani platby přes Twisto. Původní skript pro zobrazení pouze této platební metody již nepoužívejte. Pokud jej máte vložený na stránce s prodejním formulářem, odstraňte jej, aby neskrýval ostatní platební metody.
8.Skrytí platebních metod (dlaždice)
Pomocí toho scriptu můžeme skrýt jakoukoliv platební metodu z prodejního formuláře, v případě že jsou platební metody zobrazený jako dlaždice.
<script>
window.onload = function () {
let selectors = ['.f-wire-later-skippay', '.f-wire-platimpak', '.f-wire-part-skippay'];
for (let i = 0; i < selectors.length; i++) {
document.querySelectorAll(selectors[i]).forEach(function (element) {
element.parentNode.remove();
});
}
};
</script>
Popis:
'.f-wire-later-skippay' - je selector, podle kterého se najde platební metoda a smaže se z formuláře.
Selector najdete, tak že kliknete pravým tlačítkem na dlaždici, vyberete možnost prozkoumat/inspect.
A v kódu poté naleznete selector. Tento select doplňte do seznamu. Viz screenshot.
9.Předvybrání platební metody dobírka
Pokud chcete předvybrat platební metodu dobírkou, vložte k prodejnímu formuláři tento script.
<script>
window.onload = function () {
let element = document.querySelector('.f-collect-on-delivery');
if (element) {
element.click();
}
};
</script>
10.Změna textu a ceny položky pro “Balíček č. 1”
Pomocí následujícího kódu můžete přejmenovat název a cenu konkrétní položky v prodejním formuláři. Text v uvozovkách můžete libovolně upravit.
<script>
window.onload = function () {
// Najde element s názvem balíčku
const packageTitle = document.querySelector('.fapi-form-item-group-0 .fapi-form-basic-block-title');
console.log(packageTitle); // Debug, zobrazí element v konzoli
if (packageTitle) {
// Změna textu názvu balíčku
packageTitle.textContent = "Balíček č. 1 - Speciální nabídka";
}
}
</script>
Popis:
- Třída fapi-form-item-group-0: Identifikuje skupinu položek v prodejním formuláři.
- Třída fapi-form-basic-block-title: Označí konkrétní element obsahující název balíčku.
- textContent: Používá se ke změně obsahu textu daného elementu.
Použití:
- Vložte tento skript na stránku, kde je prodejní formulář.
- Ujistěte se, že správně zacílené třídy odpovídají elementům v HTML formuláře.
- Ověřte, zda se text automaticky upraví.
Nebo vložte script do políčka Trakovací kód (HTML).
11.Změna textu "Název firmy" na vlastní
Pro změnu textu Název firmy můžete použít tento script:
<script>
const companyLabels = document.querySelectorAll('label[for$="-company"]');
companyLabels.forEach(label => {
if (label) {
label.textContent = "Company / University";
}
});
</script>
Použití:
- Vložte tento skript na stránku, kde je prodejní formulář.
- Ujistěte se, že správně zacílené třídy odpovídají elementům v HTML formuláře.
- Ověřte zda se text automaticky upraví.
Nebo vložte script do políčka Trakovací kód (HTML).
12.Vždy zobrazovat údaje firmy, ale zachovat je jako nepovinné
Toto zobrazení fakturačních údajů, tedy včetně celého zobrazení firmy
<script>
const selectors = [
'.fapi-form-default-input-company',
'.fapi-form-default-input-ico',
'.fapi-form-default-input-dic',
'.fapi-form-default-input-icdph',
];
selectors.forEach(selector => {
const el = document.querySelector(selector);
if (el) {
el.style.display = 'block';
}
});
const checkbox = document.querySelector('.fapi-form-default-show-company');
if (checkbox) {
checkbox.style.display = 'none';
}
</script>
Použití:
- Vložte tento skript na stránku, kde je prodejní formulář.
- Ujistěte se, že máte v posledním kroku povoleno vyplnit firmu
- Ujistěte se, že správně zacílené třídy odpovídají elementům v HTML formuláře.
- Ověřte zda se pole automaticky zobrazí.
Nebo vložte výše uvedený script do prodejního formuláře v kroku 5. Děkovací stránka do políčka Trakovací kód (HTML).
13.Pro formuláře ve slovenském jazyce změna "zadarmo" na "zdarma"
<script>
window.onload = function () {
const priceElements = document.querySelectorAll('.fapi-form-discounted-price.fapi-form-item-price');
priceElements.forEach(el => {
const originalText = el.textContent.trim().toLowerCase();
if (originalText === "zadarmo") {
el.textContent = "zdarma";
}
});
};
</script>
Vložit do pole pro trackovací kód u každého formuláře. Změna se neprojeví na detailu formuláře, ale přímo na stránce, kde je formulář vložený.
14.Zvýraznění "Nakupuji na firmu" v prodejním formuláři
-
varianta, tučné zvýraznění
<script>
document.addEventListener("DOMContentLoaded", function () {
const observer = new MutationObserver(() => {
const label = [...document.querySelectorAll("label")]
.find(el => el.textContent.trim().includes("Nakupuji na firmu"));
if (label) {
label.style.fontWeight = "900";
observer.disconnect();
}
});
observer.observe(document.body, { childList: true, subtree: true });
});
</script>
varianta, tučné a červené zvýraznění
<script>
document.addEventListener("DOMContentLoaded", function () {
const observer = new MutationObserver(() => {
const label = [...document.querySelectorAll("label")]
.find(el => el.textContent.trim().includes("Nakupuji na firmu"));
if (label) {
label.style.fontWeight = "900";
label.style.color = "red";
observer.disconnect();
}
});
observer.observe(document.body, { childList: true, subtree: true });
});
</script>
label.style.color = "red"; tady se nastavuje barva a mohou nastavit i rgb ve formatu> label.style.color = "rgb(255, 10, 255)";
Změna textu "Mám slevový kód" na Promo kód
<script>
window.addEventListener('load', function () {
var link = document.querySelector('.fapi-form-result-discount-code a');
if (!link) {
return;
}
if (link.textContent.includes('Mám slevový kód')) {
link.textContent = 'Promo kód';
}
});
</script>