[php] Strona zalezna od urządzenia Opcje

[maniek74]

Witam
Ostatnio klient zarzyczył sobie aby na jego stronie w zalezności od urządzenia był inny układ wyników wyszukiwania:

[HTML] pobierz, plaintext 
<div class="programsRowContent">
     <div class="programsRowLeft"></div>
	 <div class="programsRowPhoto">{IMG_PROGRAMS}</div>
	 <div class="programsRowMainContent">
		 <div class="programsRowTitle">{DB_TITLE}</div>
		 <div class="programsRowDesc">{DB_DESC}</div>
	 </div>
	 <div class="programsRowPriceContent">
	     <div class="programsRowBorder">
		     <div class="programsRowPrice">{L_TEXT_PRICE}: {DB_PRICE} PLN</div>
		     <div class="programsRowInfo">
			     <a href="{DOMAIN_ALL}/{LANGUAGE}/{LINK_PROGRAMS_PAGE}/{DB_ID}/{DB_LINK}.html"><img src="{THEME_STYLE}/img/product_button_info.png" alt=""></a>
			 </div>
		 </div>
	 </div>
	 <div class="programsRowRight"></div>
</div>
 
 
 
<div class="programsRowContentTablet">
     <div class="programsRowLeft"></div>
	 <div class="programsRowPhoto">{IMG_PROGRAMS}</div>
	 <div class="programsRowMainContent">
	     <div class="programsRowTitle">{DB_TITLE}</div>  
	     <div class="programsRowDesc">{DB_DESC}</div>
		 <div class="programsRowPriceContent">
		     <div class="programsRowPrice">{L_TEXT_PRICE}: {DB_PRICE} PLN</div>
			 <div class="programsRowInfo">
			     <a href="{DOMAIN_ALL}/{LANGUAGE}/{LINK_PROGRAMS_PAGE}/{DB_ID}/{DB_LINK}.html"><img src="{THEME_STYLE}/img/product_button_info.png" alt=""></a>
			 </div>
		 </div>
	 </div>
     <div class="programsRowRight"></div>
</div>
 
 
 
<div class="programsRowContentMobile">
     <div class="programsRowLeft"></div>
     <div class="programsRowMainContent">
	     <div class="programsRowMain">
	         <div class="programsRowPhoto">{IMG_PROGRAMS}</div>
			 <div class="programsRowTitleContent">
			     <div class="programsRowTitle">{DB_TITLE}</div>  
				 <div class="programsRowPrice">{L_TEXT_PRICE}: {DB_PRICE} PLN</div>
				 <div class="programsRowInfo">
			         <a href="{DOMAIN_ALL}/{LANGUAGE}/{LINK_PROGRAMS_PAGE}/{DB_ID}/{DB_LINK}.html"><img src="{THEME_STYLE}/img/product_button_info.png" alt=""></a>
			     </div>
			 </div>
         </div>
		 <div class="programsRowDesc">{DB_DESC}</div>
     </div>
	 <div class="programsRowRight"></div>
</div>
<div class="programsRow"></div>
[HTML] pobierz, plaintext 

Wydaje mi się że takie rozwiązanie jest bezsensu ponieważ niepotrzebnie daje powtarzanie się wyników w kodzie. Czy nie lepszym rozwiązaniem było by rozpoznać z jakie urządzenia wchodzi użytkownik i załadowac mu odpowiedni szablon, i jak to zrobić w php??

Pozdrawiam

[markuz]

css - media queries

[maniek74]

No to wiadomo że wykorzystuje ale sam css nie zmieni układu wyników, a nie chce bałaganu w kodzie tak jak dałem przykład. Dla komputerów opis jest w innym miejcu a dla komórek w zupełnie innym. Sam css nie rozwiązuje sprawy.

Dla komputerów
zdjęcie tytuł
opis
cena
koszyk szczeguły


Dla komórek
tytuł
zdjęcie
cena
kaszk szczeguły
opis

[Turson]

szczegóły
w takim razie przygotuj 2 szablony i w zaleznosci czy to pc czy mobilne urzadzenie laduj inny

Ten post edytował Turson 2.01.2015, 11:42:10

[maniek74]

Sorki jestem dyslektykiem, a jak rozpoznać z jakiego urządzenia ktos wchodzi?

[Forti]

25 sekund ze stoperem w ręce.

http://mobiledetect.net/
http://mobiforge.com/design-development/li...e-detection-php
https://www.google.pl/search?q=php+check+us...PHSNMrWPd_3gOAM


Używajcie mózgu - on nie gryzie.

[maniek74]

dzięki serdeczne Forti