Aplikacja MnumiShop integruje się ze stroną domową Drukarni. Dzięki temu może ona upodobnić się ze stroną domową, podmieniając określony element strony na zawartość sklepu.
Do pobierania przez MnumiShop wyglądu z serwisu zewnętrznego, należy przygotować wzorcową stronę dla aplikacji MnumiShop. Najczęściej jest to zwykła podstrona, która ma przewidziane miejsce na Obszar Sklepu. MnumiShop kopiuje wskazaną stronę lokalnie. Po pobraniu wyglądu, cała zawartość sklepu “wklejana jest” w miejsce gdzie jest Obszar Sklepu.
Przy tworzeniu wzorcowej strony należy kierować się następującymi wskazówkami:
Utworzona została nowa, pusta strona wzorcowa. Znajduje się ona pod adresem:
Na stronie wzorcowej zostało umieszczone miejsce na Obszar Sklepu, czyli dodano:
<div id="mnumi-content"></div>
Aby MnumiShop pobrał wygląd sklepu w pliku konfiguracyjnym app.yml MnumiShop, ustawiono:
proxy:
server:
frontpage: "/sklep?x=y"
external_path: "http://example.com"
content_area: "#mnumi-content"
i wywołano komendę:
/usr/share/mnumi/mnumishop/symfony mnumi:layout
Page "http://mnumi.com/contact/" imported succesfull.
Po skonfigurowaniu strony wzorcowej oraz pobraniu wyglądu do sklepu Mnumi, elementy typu nagłówek, menu, czy stopka są automatycznie ostylowane. W przypadku przycisków, bądź innych elementów w sklepie MnumiShop, może być wymagane dodatkowe stylowanie.
Treści Mnumi zawsze są opakowywane przez MnumiShop w kontener: <div> zawierający identyfikator: mns.
<div id="mns">
/* Zawartość strony MnumiShop (...) */
</div>
W związku z tym, w pliku css widocznym na stronie wzorcowej, należy dopisać style nadpisujące domyślnie ustawione w części Mnumi. Aby zmiana modyfikowała tylko część sklepową, należy w selektorach stylów wykorzystać: #mns, które zapewni że styl będzie dotyczył tylko elementów znajdujących się w MnumiShop.
/* Ukrycie paska statusu w MnumiShop */
#mns #status-bar {
display: none;
}