Jak můžete vidět v Ceníku tvorby webu, tabulka ceníku má u každého tlačítka jiný popup. V základu tuto možnost Bricks builder neumožňuje, protože vnímá celou tabulku jako jeden prvek, na který se nastaví interakce.
Proto jsem si sedla s AI a dali jsme dohromady malý skript, který zajistí kýženou funkčnost.
Takže jak na to?
Tento kód s malou úpravou vložíte mezi snipetty nebo do functions.php.
function add_custom_popup_script() {
?>
<script>
document.addEventListener('DOMContentLoaded', function() {
var pricingTables = document.querySelectorAll('li.pricing-table');
pricingTables.forEach(function(pricingTable, index) {
var link = pricingTable.querySelector('.pricing-table-button-text a');
link.addEventListener('click', function(event) {
// event.preventDefault(); // Zabrání výchozímu chování odkazu
// console.log('Kliknuto na odkaz ' + (index + 1)); //kontrola zda se spustil kod
if (index == 0) bricksOpenPopup(1);
if (index == 1) bricksOpenPopup(2);
if (index == 2) bricksOpenPopup(3);
});
});
});
</script>
<!--?php <br ?-->
}
add_action('wp_head', 'add_custom_popup_script');Úprava spočívá v číslech v závorce u volání funkce bricksOpenPopup(1). Číslo popupu zjistíte v šablonách Bricks
- buď je vidět v shortcode (screen níže, číslo 154)
- nebo jej zjistíte při najetí kurzorem na editaci popupu – vlevo dole v prohlížeči se objeví URL ve které je post=číslo. Toto číslo je číslo popupu.
Čísla popupů vkládejte tak jak jdou popupy na webové stránce po sobě zleva doprava.
TIP:
Pokud se popup nezobrazuje, zkontrolujte podmínky „conditions“ zda se v nich nachází stránka, na které pomocí tlačítka popupy zobrazujete.
Mluvení není moje silná stránka, ale třeba vám pomůže shlédnutí videa, kde i zběžně vysvětluji samotný kód.
