Jestem nowy w magento2. Próbuję utworzyć popup-modal dla mojej nowej formy. Utworzyłem wyskakujące okienko, które działa dobrze, ale nie mogę utworzyć modalu.
Poniżej znajduje się kod wyskakującego okienka, które ładuje się podczas ładowania strony -
require([
'jquery',
'Magento_Ui/js/modal/alert'
],
function($, alert) {
alert({
title: "Some title",
content: "we can show popuop based on cookies later",
autoOpen: true,
clickableOverlay: false,
focus: "",
actions: {
always: function(){
console.log("modal closed");
}
}
});
}
);
Pomóż mi stworzyć modal. Każda pomoc jest na prawdę doceniana.
Odpowiedzi:
Wypróbuj poniższy kod:
źródło
click: function () { this.closeModal();}
Jeśli mam wtextbox
środku<div id="popup-modal">
?Musisz użyć widgetu Magento_Ui / js / modal / modal. Zobacz więcej szczegółów w Przykład oficjalnej dokumentacji :
źródło
click: function () { this.closeModal();}
Jeśli mam wtextbox
środku<div id="popup-modal">
?Wyskakujące okno modalne w obszarze nagłówka
Skrypt jest tutaj: -
ponieważ jest to strona responsywna, dodałem Wrapper wideo, aby upewnić się, że jest responsywny.
Oto CSS, aby tak się stało:
źródło
Utwórz blok statyczny i wstaw następujące elementy:
źródło
źródło