Skip to content

sklep internetowy Madar

darekm edited this page Apr 8, 2016 · 2 revisions

Działania wstępne

  1. Założenie konta na madar.mobi
  2. Dopisanie do bazy danych towarów, które będą dostępne w sklepie (zaznaczyć sklep internetowy w zakładce opis)

Tworzenie sklepu internetowego

  1. W opcji konfiguracja zakładka sklep internetowy można wprowadzić: nazwę sklepu, regulamin, informacje odnośnie bezpieczeństwa oraz logo sklepu internetowego
  2. 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"

shop.css

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 &nbsp;</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

Kody do wyświetlania danych zapisanych w bazie towarów

  • ^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
Clone this wiki locally