• Witaj Gość 

    Pokaż/ukryj nagłówek

    Witaj Gościu, pisanie na forum wymaga rejestracji.





    Strony: [1]
    Autor Temat:skórki css, walidacja, child-theme, tłumaczenia i konkurs
    -tiktak-
    Początkujący
    Posty: 3
    Permalink
    Post skórki css, walidacja, child-theme, tłumaczenia i konkurs
    w: November 21, 2012, 14:49
    Cytuj

    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:)

    TradeMatik
    Administrator
    Posty: 264
    Permalink
    Post Odp: skórki css, walidacja, child-theme, tłumaczenia i konkurs
    w: November 21, 2012, 15:15
    Cytuj

    w skrocie: wszystko to juz jest

    a nie w skrocie:

    pliki css sa oddzielnie w katalogu /styles

    tlumaczenia sa w osobnych plikach *.po oraz *.mo

    kod jest napisany w css3 i html (nie wiem czy html5, zalezy od definicji). tabelka z lista produktow musi byc tabelką. po to wlasnie one są. lista parametrow produktu w product boksie to juz jest element ul > li

    wszystkie elementy dodawane przez tradematik maja caly zestaw klas dzieki czemu mozna to latwo samemu stylowac

    wiktor
    Początkujący
    Posty: 16
    Permalink
    Post Odp: skórki css, walidacja, child-theme, tłumaczenia i konkurs
    w: November 21, 2012, 19:44
    Cytuj

    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/

    TradeMatik
    Administrator
    Posty: 264
    Permalink
    Post Odp: skórki css, walidacja, child-theme, tłumaczenia i konkurs
    w: November 22, 2012, 10:06
    Cytuj

    dajcie znac do czego jeszcze dodac id i klasy a pojawia sie w nastepnej wersji wtyczki 🙂

    wiktor
    Początkujący
    Posty: 16
    Permalink
    Post Odp: skórki css, walidacja, child-theme, tłumaczenia i konkurs
    w: January 10, 2013, 14:23
    Cytuj

    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>
    TradeMatik
    Administrator
    Posty: 264
    Permalink
    Post Odp: skórki css, walidacja, child-theme, tłumaczenia i konkurs
    w: January 10, 2013, 14:29
    Cytuj

    okreslenia kolejnych kolumn klasami nie są konieczne: wybrac dana kolumne w CSS mozna dzieki selektorowi nth-child(). a ten jest juz obslugiwany przez wszystkie przegladarki:

    http://caniuse.com/#feat=css-sel3

    wiktor
    Początkujący
    Posty: 16
    Permalink
    Post Odp: skórki css, walidacja, child-theme, tłumaczenia i konkurs
    w: January 12, 2013, 06:32
    Cytuj

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

    Strony: [1]
    Mingle Forum by cartpauj
    Wesrja: 1.0.34; Strona wczytana w 0.05 sekund