sklep internetowy Madar - invoicer/invoicer.github.io GitHub Wiki
- Założenie konta na madar.mobi
- Dopisanie do bazy danych towarów, które będą dostępne w sklepie (zaznaczyć sklep internetowy w zakładce opis)
- W opcji konfiguracja zakładka sklep internetowy można wprowadzić: nazwę sklepu, regulamin, informacje odnośnie bezpieczeństwa oraz logo sklepu internetowego
- W konfiguracji znajduje się też adres do naszego sklepu - w polu link.
Link do sklepu można skopiować do iframe i umieścić na własnej stronie internetowej
<iframe src="https://madar.mobi/shop.htm?base=f6" width="600px" height="600px"> </iframe>
W miejsce powyższych wartości należy wpisać:
- src="adres skopiowany z konfiguracji - z pola z link w portalu madar.mobi
- width="szerokość okienka, w którym jest wyświetlany sklep"
- height="wysokość okienka, w którym jest wyświetlany sklep"
Możliwa jest modyfikacja wyglądu sklepu poprzez zmianę pliku shop.css. Każda funkcja rozpoczyna się od znaków /* i kończy */ Plik shop.css można podzielić na kilka sekcji:
- Wygląd nagłówka sklepu
/*topbar=
<div class=mshmenu>
</div>
<div class="mshbaner" >
<table><tr>
<td >
<div class=mshszukaj> Szukaj produktu: <input ^KS name="szukaj"/></div>
</td>
<td >
^UA
</td>
<td ^oK >
<img src="mshkoszyk.png" class=mshico>Koszyk
</td><td ^oK><h2> Do zapłaty: <b>^R1 zł</b></h2></td>
<td> Ilo¶ć: <i>^R2 szt</i> </td>
</tr></table></div>
*/
- Wygląd prawego panelu
/*rightbar=
*/
- Wygląd lewego panelu
/*leftbar=
<div class=mshgroup>
<div class="mshlogo"><img ^LA ></div>
</div><div class=mshgroup><h1>Wybierz</h1><ul>
<li ^oN data-tag="GN" title="Nowosci" ><p>Nowo¶ci</p></li>
<li ^oP data-tag="GP" title="Promocje" ><p>Promocje</p></li>
<li ^oA data-tag="GA" title="All" ><p>Wszystko
</p></li></ul></div><div class=mshgroup><h1>Wybierz grupę</h1>^GA</div><div class=mshgroup><h1>
Dane adresowe</h1><p>
^A1 </p><p> ^A2 </p><p> ^A3 </p><p> ^A4 </p><p>^AN</p>
<h1>Kontakt </h1>
<p>tel: ^AT </p>
<p>fax: ^AG </p>
<p>mail: ^AH</p></div><div class=mshgroup>
<div ^oI> <img src="mshdopanelu.png"></div>
</div>
*/
- Okienko towaru
/*td=
<section class=mshsection>
<h1> ^T1 </h1>
<h2> ^T2 </h2>
<div ><img src="^I0" class=mshsectionimg></div>
<div><img ^Ev src="mshinfo.png " style="cursor: pointer;"/></div>
<div>Cena:
<span style="font-size:18px; font-weight:bold;">
^B0 zł </span>
<p style="color:grey;">
(^C0 zł bez vat) </p>
</div>
<div class="fieldliczba fieldzip"><input ^KO value="^K1" name="ilosc"/> ^KZ </div>
</section>
*/
- Wygląd okienka z opisem towaru
/*viewframe=
<div class="viewframe">
<img src="^I0" class="mshimgopis">
<div class="mshopis3">^NO </div>
<div class="mshopisprod">
<h1>Podstawowe informacje</h1>
<div>Zobacz opis programu: <span ><a href="^NL" target="_blank">^NL</a></span></div>
<div>Producent: <span class="mshopisbold">Madar Sp. z o.o.</span></div>
<div>Cena: <span class="mshopisbold"> ^B0 zł (^C0 zł bez vat)</span></div>
<div><span class="mshopisbold"> ^T2</span> </div>
<div>Stawka VAT: <span class="mshopisbold">^NV</span></div>
</div>
<div class="mshimgopis2"><img ^Ed src="mshpowrot.png"/></div>
</div>
*/
- Wygląd stopki
/*bottombar=
<div class=mshmenu>
<table>
<tr>
<td class="mshtablemenu"><a href="http://madar.com.pl" target="_blank" title="strona firmy">http://madar.com.pl</a></td>
<td class="mshtablemenu"><div ^oW title="rules">Regulamin sklepu </div> </td>
<td class="mshtablemenu"><div ^oW title="delivery">Warunki płatno¶ci i dostawy </div></td>
<td class="mshtablemenu"><div ^oW title="security">Bezpieczeństwo </div></td>
</tr>
</table>
</div>
*/
Plik shop.css umieszcza się w katalogu gdzie znajduje się program w podkatalogu pisma/res. Cały plik znajduje się tutaj: shop.css
- ^T1 pierwsza linia nazwy towaru
- ^T2 druga linia nazwy towaru
- ^NO opis towaru
- ^NV stawka podatku VAT
- ^NL link
- ^NA atest
- ^NP producent towaru
- ^Np promocja
- ^No objętość
- ^Nn masa netto towaru
- ^Nb masa brutto towaru
- ^C0 cena towaru
- ^B0 cena sprzedaży brutto
- ^M1 stan magazynu 1
- ^z1 ilość zamówień towaru