TradeMatik

witam,

SKÓRKI CSS
super byłoby wprowadzać mini-zmiany na child-themie czyli po aktualizacji wtyczki (kiedy w końcu automatycznie?) zostają te zmiany.

Podobnie, proponuję przenieść wszystkie cssy do oddzielnych plików (oddzielnie np. layout stron koszyka itp, oddzielnie moduły dla klienta) - tak, aby można było łatwo podmieniać skórki.

TŁUMACZENIA
Tłumaczenia na inne języki też powinny być w oddzielnych plikach - łącznie z polskim - może chcę sobie zmienić button 'kup teraz' na 'zakupy natychmiast' i powinienem to móc zrobić bez grzebania w php, które nadpisze się po aktualizacji!

MECHANIKA
wszystko zgodne z CSS3 i HTML5, a przynajmniej sklep, który się waliduje! bez tabelek itp.

Koszyk, ceny, listy produktów i podobne funkcje Tradematik powinny być jasno opisane przez css, tak, aby używać jak najmniej hacków do oskórkowania tego.

BAZA SKÓREK
Skórki powinny być dostępne oddzielnie. Może prosty konkurs (teraz robi tak np. newsletter Wysija) - kto zrobi skórkę na fajnym poziomie dostaje licencję? Może jakieś głosowanie? A po zaakceptowaniu skórkę dorzucamy do pobrania razem z wtyczką.

W tej chwili trochę to śmierdzi latami '90tymi jeśli chodzi o design. Mimo doskonałej funkcjonalności:)

To czy się sklep "waliduje" zależy tak naprawdę od tego czy waliduje się skórka wordpressa, a nie wtyczka. Wszystkie CSS-y wtyczki można nadpisać w style.css skórki wordpressowej. Jedyne czego można by się przyczepić to, że łatwiej byłoby ostylować wtyczkę, gdyby więcej elementów miało swoje klasy i ID, ale z tym też można sobie poradzić.

W jednym z tematów napisałem jak łatwo zmienić tłumaczenie elementów wtyczki: https://tradematik.pl/pomoc/forum/o-tradematik-group1/pomoc-w-u%C5%BCytkowaniu-forum2/zmiana-tre%C5%9Bci-przycisku-podaj-adres-dostawy-thread69.0/

Ja koszyk przerobiłem tak jak poniżej, dodałem klasy do wszystkich kolumn, dzięki czemu łatwo będzie mi je wskazać w css-ie, np: ".trade_ship_table td.col2".

Martwi mnie tylko, że moje modyfikacje przepadną wraz z aktualizacją 🙁

<table class="trade_cart_table" id="trade_cart_table">
     <thead>
        <tr>
            <th class="col1">Zawartość Twojego koszyka</th>
            <th class="col2" style='text-align:center;'>Ilość</th>
            <th class="col3"> </th>
			<th class="col5">Koszt</th>
        </tr>
     </thead>
	<tr>
		<td><a href=' '>Nazwa produktu</a> </td>
		<td style='text-align:center;'><input size='4' style='text-align:center;' type='text' name='trade_cart_item[2582]' value='1' /></td>
		<td><input title='usuń' class='remove_item' type='submit' value='usuń' name='trade_remove_item[2582]' /></td>
		<td align="right">155,00 PLN</td>
	</tr>  
  	<tr class='totalrow'>
		<td align="right" colspan=3 align='right'><strong>Suma</strong></td>
		<td align="right"><strong>155,00 PLN</strong></td>
  	</tr>
  
 </table>

 <table class="trade_ship_table">
    <thead>
        <tr>
            <th class="col1" >Sposób dostawy</th>
            <th class="col2">Koszt</th>
            <th class="col3"></th>
        </tr>
    </thead>
        <tr>
        <td class="col1">poczta polska</td>
        <td class="col2">20.00</td>
        <td class="col3">
            <input type="radio" name="trade_chosen_shipment" value="ship_poczta polska|20.00" checked />
        </td>
    </tr>
    </table>
    
	<input type="submit" value="Uaktualnij zawartość koszyka" name="trade_update_cart" />
	<input type="submit" value="Wyczyść koszyk" name="trade_reset_cart" />
 </form>
 <form action="http://adresstrony.pl/klient" method="post" class="trade_cart_goto_client_form">
	<input type="submit" value="Podaj adres dostawy" />
	<input type="hidden" name="source" value="cart" />

	<script>function goBack() {window.history.back()}</script>
	<input type="button" value="Kontynuuj zakupy" onclick="goBack()">
 </form>

Słusznie, gdy zaczynałem projekt w zeszłym roku klient wciąż korzystał z IE8 🙂