Problémák a Magento RWD sablonnal és hogyan sikerül ezeket megoldanunk

Bevezetés

Aki már foglalkozott Magento frontend fejlesztéssel, annak nyilván nem kell bemutatnunk az RWD (Responsive Web Design) theme-et. Ez a Magento alapcsomaggal utazó reszponzív template, amellyel már mobile-ready webshopokat építhetünk fel.

Azért írom, hogy mobile-ready, mert nem mobile-first. A mobile-first ugyanis elsődlegesen a mobileszközökön való kifogástalan működést célozza meg, míg a mobile-ready alapvetően desktop funkciójú mobilos „áthallással”.

Projektjeink kapcsán megrendelőik (jogosan) egyre többször azzal a kéréssel fordulnak hozzánk, hogy webshopjukat a desktop nézet mellett a mobilra is 100%-ig optimalizáljuk UI/UX szempontból is.

A 21. század egyik nagy vívmánya az okostelefon, és ezzel együtt az internetezési szokások gyökeres átalakulása. A rohanó világban egyre többen okostelefonjukat, tabletjüket használjak a gyors információszerzés mellett a webes vásárlásokhoz is. Emiatt kiemelten fontos, hogy a mobilon vásárlást gyorsan elvégezhessük, a dizájn pedig letisztult, egyszerűen áttekinthető legyen.

Erre pedig mondjuk ki őszintén, csak bizonyos mértékig használható az RWD theme. Hogy miért is, arra a cikkben részletesebben ki fogok térni. Több projektünk után végül úgy döntöttünk, hogy bár az RWD alapjain, de egy saját template-et építünk fel a Bootstrap framework segítségével.

 

Megvalósítás

Melyek tehát azok a pontok, amelyek alapján az RWD nem megfelelő választás egy 21. századi, mobile-first webshop kialakításához?

 

  • Mobile-ready, nem mobile-first (elsődlegesen a desktop nézetet támogatja)
  • Elavult grid rendszer (az RWD egy jó pár éves, saját fejlesztésű grid rendszert használ, amivel nehézkesen valósíthatók meg egyedi mobil felületek – a NILA ezzel szemben az egyik legkorszerűbb frontend framework-ot, a Bootstrap-et használja – 12 oszlopos grid rendszere, a flex támogatással a legjobb választás gyors fejlesztéshez)
  • Nem moduláris (Nincs lehetőség az aloldalak, layoutok külön módosítására, minden egy CSS fájlból van kezelve)
  • Nincs OOP CSS (Mivel csak egy fordított CSS fájlt tartalmaz az RWD sablon, ezért nehézkesen módosíthatók akár csak az alapbeállítások is – szín, betűtípus stb.)
  • Gyenge böngésző támogatottság (nincs kifejezetten OSX/iOS támogatás)

 

A NILA sablon dizájnja

Grafikusunk az RWD demo alapján alakította ki az Aion NILA sablon megjelenését. Próbáltuk még letisztultabbá és áttekinthetőbbé tenni, valamint, ahogy már említettem, a szemlélet mobile-first alapú. Ez azt jelenti, hogy mind dizájnban, mind megvalósításban lentről építkezünk felfelé. Színvilágban a kékes-szürke irányt választottuk, ettől lett a végeredmény igazán minimalista.

 

Új skin létrehozása

Az első lépésben létrehoztunk egy új skint az RWD csomag alatt. Azért nem egy új csomagot használtunk, mert a NILA template struktúrája az RWD-re támaszkodik, így gyorsabban és egyszerűbben tudtunk haladni a fejlesztéssel.

 

rwd vs nila sablon struktúra

 

 

A gyakorlatban ez úgy nézett ki, hogy a számunkra szükséges template-eket, layoutokat override-oltuk a NILA skin alól, a struktúra többi részét pedig az RWD alól kezeljük a template jelenlegi verziójában.

Ahogy említettem, a megvalósításhoz frontend oldalról a Bootstrap framework legfrissebb verzióját használtuk (3.3.6), a CSS-t pedig LESS-szel valósítottuk meg az objektum orientáltság függvényében. A NILA csomagolt verziója csak a fordított CSS fájlokat fogja tartalmazni.

Frontend oldalról mindegyik oldal és aloldal új csínt kapott, egységes CMS megjelenítést hoztunk létre, valamint kiemelt figyelmet fektettünk az e-mail template-ek, valamint a nyelvesítés megvalósítására is (hu_HU)

 

Mélyvíz – lássuk a kódszintű felépítést!

 

Ugorjunk fejest a mélyvízbe. A teljesség igénye nélkül most bemutatom a NILA felépítését kód szempontból is.

 

Könyvtárszerkezet

 

NILA theme: app/design/frontend/rwd/nila

 

NILA skin:: skin/frontend/rwd/nila

 

A skin mappánk több almappából épül fel.

 

  • aion: a NILA skin saját CSS / JS fájlok, amelyek az oldal megjelenését befolyásolják
  • css: email-inline.less az email template-ekhez használt megjelenés
  • images: alapértelmezett RWD template képek
  • img: a NILA témához tartozó képek
  • vendor: third-party könyvtárak és modulok mappája (Bootstrap, Fontawesome, Owl.Carousel)

 

 

Grid rendszer

Az RWD sablon rendszere egy saját fejlesztésű grid rendszeren alapul, amely csak korlátozottan használható mobile-first oldalak fejlesztéséhez.

 

Példa:

 


@media only screen and (min-width: 480px) {
  .customer-account-login .col2-set .col-1,
  .customer-account-login .col2-set .col-2 {
    padding-top: 0;
    margin-top: 20px;
  }
  .customer-account-login .col2-set .col-1 {
    padding-right: 20px;
  }
  .customer-account-login .col2-set .col-2 {
    padding-left: 20px;
    border-left: 1px solid #ededed;
  }
}
@media only screen and (min-width: 770px) {
  .customer-account-login .col2-set .col-1 {
    padding-right: 0;
  }
  .customer-account-login .col2-set .col-2 {
    padding-left: 60px;
    border-left: 1px solid #ededed;
  }
}
@media only screen and (max-width: 479px) {
  .customer-account-login .col2-set .col-1 {
    padding-bottom: 30px;
  }
  .customer-account-login .col2-set .col-2 {
    padding-top: 30px;
    border-top: 1px solid #ededed;
  }
}

Ahogy láthatjuk, a grid rendszer mobil töréspontok deklarálása nem az elfogadott töréspontokhoz igazodik, hanem egyedi pontokat hoz létre: 479, 770, de a kódot átnézve további idegen töréspontokra is találhatunk:


@media only screen and (max-width: 535px) {...}
@media only screen and (max-width: 525px) {...}
 

 

A NILA grid rendszeréhez a Bootstrap framework-öt választottuk, amely mobile-first szemlélettel készült, és igazodik a szabványos töréspontokhoz, és ezzel az elterjedt felbontások támogatásához:

(http://getbootstrap.com/css/#grid)

 

 


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }
/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }
/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }

 

 

rwd vs nila grid

 

 

Less fájlok

Template-ünket úgy építettük fel, hogy az minél modulárisabb és könnyen módosítható legyen. Minden oldal, CMS oldal saját LESS fájlt kapott, így a template-et moduláris szinten tudjuk módosítani, valamint új projektek eseten nem szükséges az egész template-et felhasználni, csak a módosítandó layoutokat.

A template egységes elemei, így például a fejléc, láblééc, és a gombok megjelenése szintén egy különálló LESS fájlba kerültek, valamint létrehoztunk egy BASE.less fájlt a változók, funkciók, mixinek tárolására.

 

rwd vs nila less fájl

 

A frontendre csak a nila.css fájl kerül ki, ez pedig a fordítás előtt így épül fel a moduláris less fájlokból:

  • Base.less
  • Deafult.less
  • Module.less

 

 

rwd vs nila könyvtár

 

Új oldal esetén csak hozzá kell fűznünk a module_neve.less fájlt a nila.less-hez, és fordítás után már a nila.css tartalmazni fogja az új vagy módosított megjelenést.

 

Javascript

A NILA sablon JS oldalról nem tartalmaz különösebb módosítást az RWD-hez képest, a Bootstrap javascript plugin-jai mellett csupán az OwlCarousel.js-t használtuk fel a főoldali újdonságok slider-hez.

 


   jQuery("#home-products-grid").owlCarousel({
        autoPlay: false,
        items : 5,
        itemsDesktop : [1199,3],
        itemsDesktopSmall : [979,3],
        navigation: true
    });

 

Ahogy láthatjuk, a slider-ben alapesetben 5 terméket jelenítünk meg, ezután pedig a további termékek slide-olással tekinthetők meg. Ha más számú terméket szeretnénk megjeleníteni, azt megtehetjük admin felületről, az alábbi sor módosításával, valamint a javasript „items” értékének módosításával:

 


   $content = '{{widget type="catalog/product_widget_new" display_type="new_products" products_count="5" template="catalog/product/widget/new/content/new_grid.phtml"}}';

 

Template override

 

Mivel a NILA jelenlegi verziója az RWD csomagon alapszik, ezért csak azokat a template-eket / layout fájlokat módosítottuk, amelyekre az egyedi megjelenéshez szükségünk volt. A fejlesztések későbbi szakaszaiban a NILA ki fog válni az RWD csomag alól, és különálló csomagként fog funkcionálni.

 

  • CMS
  • Home
  • Category
  • Product
  • Cart
  • Checkout
  • Wishlist
  • Dashboard
  • Account

 

A NILA sablon egyik legnagyobb előnye tehát a moduláris felépítés. Míg az RWD téma módosítása nehézkes, a NILA template-et percek alatt testre tudjuk szabni a base.less es default.less fájlok módosításával.

 

 

További mobil optimalizációk

Mint említettem, template-ünket mobile-first szemléletben építettük fel, a cél a minél egyszerűbb használhatóság megvalósítása volt mobil eszközökön is. Mivel több elem nem, vagy csak nehézkesen használható mobil nézetben (pl. táblázatok, kosár, checkout, érintési felületek), ezért egy egyedi modul segítségével azonosítani tudjuk a felhasználó eszközét, és ennek megfelelően mobil és desktop blokkokat betölteni.

 

Modulunk alapját a széles körben ismert MobileDetect PHP könyvtár adta.

 


<?xml version="1.0"?>
<config>
    <modules>
        <Aion_MobileDetect>
            <version>0.1.0</version>
        </Aion_MobileDetect>
    </modules>
    <global>
        <helpers>
            <aion_mobiledetect>
                <class>Aion_MobileDetect_Helper</class>
            </aion_mobiledetect>
        </helpers>
    </global>
</config>

 

Mobil detektálása:

 


public function isMobile($userAgent = null, $httpHeaders = null)
{
        if ($httpHeaders) {
            $this->setHttpHeaders($httpHeaders);
        }
        if ($userAgent) {
            $this->setUserAgent($userAgent);
        }
        // Check specifically for cloudfront headers if the useragent === 'Amazon CloudFront'
        if ($this->getUserAgent() === 'Amazon CloudFront') {
            $cfHeaders = $this->getCfHeaders();
            if(array_key_exists('HTTP_CLOUDFRONT_IS_MOBILE_VIEWER', $cfHeaders) && $cfHeaders['HTTP_CLOUDFRONT_IS_MOBILE_VIEWER'] === 'true') {
                return true;
            }
        }
        $this->setDetectionType(self::DETECTION_TYPE_MOBILE);
        if ($this->checkHttpHeadersForMobile()) {
            return true;
        } else {
            return $this->matchDetectionRulesAgainstUA();
        }
}

 

Függvényünket bármelyik templateünkben a következő módon hívhatjuk meg:

 


$helper = Mage::helper('aion_mobiledetect/data');
if($helper->isMobile())
{
  echo “is mobile”;
} 

else 
{
  echo “is not mobile”;
}

 

Ez a megvalósítás lehetőséget ad számunkra, hogy a reszponzív nézetek mellett mobilra egyedi blokkokat is betölthessünk, amelynek teljesen eltérő a szerkezete a desktop felépítéstől. Ezeket a blokkokat a böngészőnk csak akkor fogja letölteni, ha az adott eszközről használjuk az oldalt. Ezzel a módszerrel elkerülhetjük az elemek felesleges betöltését.

 

Safari / iOS támogatás

Az alap RWD téma egy másik nagy hibája, hogy gyenge a böngésző támogatottsága. Megrendelőink egyik igénye, a Windows-os böngészők támogatása mellett (IE10+, Chrome, Firefox, Opera) az OSX-en és iOS-en való Safari böngészőket is támogassuk.

Mivel sajnos a Safari alapértelmezetten több érteket másképp kezel, mint a Chrome, így az általános less fájlok egyszerű módosítása nem oldotta volna meg a problémát.

Egy egyszerű példánál maradva, a Safari a “display: flex” értéket is másképpen kezeli, mint a Chrome vagy Firefox böngészők, ezért a következő módosítást kellett eszközölnünk:

 


.aion-dashboard-wishlist {
 .cart-item {
 display: -webkit-flex;
 -webkit-flex: 1;
 -webkit-box-flex: 1;
 }
}

 

[ Megjegyzés: Safari böngésző esetén további problémát jelent a form-ok formázása, mivel mind az OSX mind az iOS a native form elemeket jelenít meg. Designereinkkel egyeztetve végül úgy döntöttünk, hogy az egyedi / Bootsrap form elemek helyett OSX/iOS renszerek alatt meghagyjuk a form elemek native megjelenését a jobb UX élmény érdekébben. ]

 

A megoldás a fentebb már említett MobileDetect modul volt, melyet kiegészítettünk egy Safari detektálással is:

 


/**
* This method checks if browser is Safari / Desktop
* @return bool
*/
public function isBrowserSafari()
{
    $agent = isset($_SERVER['HTTP_USER_AGENT']) ? $_SERVER['HTTP_USER_AGENT'] : "";
        if (stripos($agent, 'Safari')
            && stripos($agent, 'iPhone') === false
            && stripos($agent, 'iPod') === false
            && stripos($agent, 'Chrome') === false) {
            $this->setBrowser(self::BROWSER_SAFARI);
            return true;
        }

     return false;
}

 

Ezt az alábbi módon használhatjuk fel:

 


$helper = Mage::helper('aion_mobiledetect/data');

if($helper->isBrowserSafari()) 
{
    $body_class = "__browser_safari";
} 

else
{
    $body_class = "__browser_other";
}

 

Ennek a segítségével lehetőségünk nyílt kifejezetten csak OSX/Safari böngészőkre optimalizált CSS módosításokat végezni, amely módosítások nem befolyásolják a Windows-os böngészők megjelenítését sem.

 


/** This less file support OSX/Safari browser compatibility!*/
@import "base";
.__browser_safari {
 … egyedi customizaciok
}

 

Összegzés

 

A NILA sablon az RWD-hez képest nagyon sok javítást és egyedi megoldást hoz, amivel a Magento webáruházunk igazán sikeres lehet. A template-ünket úgy alakítottuk ki, hogy bármilyen webáruhazat gyorsan és könnyen egyedire szabhassunk használatával.

A NILA sablont jelenleg még fejlesztjük és házon belüli kisebb projektekben teszteljük, de hamarosan dobozos formában is elérhető lesz a nagyközönség számára is. Erről pedig természetesen majd itt a blogon értesülhetsz először!

 

148 válaszok
  1. cheapest web hosting in uk says:

    This is really interesting, You’re a very skilled blogger.
    I have joined your feed and look forward to seeking
    more of your wonderful post. Also, I’ve shared your web site
    in my social networks!

  2. https://royalcbd.com/blog/ says:

    Hi! This post couldn’t be written any better!
    Reading through this post reminds me of my previous room mate!
    He always kept talking about this. I will forward this article to him.
    Fairly certain he will have a good read. Many thanks for sharing!

  3. Alcohol Rehabilitation Treatment says:

    Alcohol Abuse Programs http://aaa-rehab.com Drug Rehab http://aaa-rehab.com Residential Rehab Near Me
    http://aaa-rehab.com

  4. carte prepagate says:

    My family always say that I am killing my time
    here at web, except I know I am getting know-how all the time by reading
    such fastidious articles.

  5. best cbd cream for pain says:

    Hey, I think your website might be having browser compatibility issues.
    When I look at your blog site in Opera, it looks fine but when opening in Internet Explorer,
    it has some overlapping. I just wanted to give you a quick heads
    up! Other then that, awesome blog!

  6. best cbd cream for pain says:

    I’m excited to discover this site. I want to to thank you for
    ones time just for this fantastic read!! I definitely liked every little bit of it and I
    have you book marked to look at new things in your website.

  7. CBD gummies says:

    You actually make it seem so easy together with your
    presentation however I to find this matter to be really something
    which I feel I would by no means understand. It seems too complex and very huge
    for me. I’m having a look ahead to your subsequent put up, I’ll attempt to get the cling of it!

  8. best CBD gummies says:

    Greate pieces. Keep posting such kind of information on your
    page. Im really impressed by it.
    Hello there, You have performed an incredible job. I’ll certainly digg it and individually recommend to my friends.
    I am confident they will be benefited from this web site.

  9. best CBD oil says:

    Hello There. I discovered your blog using msn. That is
    an extremely neatly written article. I will be sure to bookmark it and return to read
    more of your useful information. Thank you for the post.

    I will definitely comeback.

  10. best CBD oil says:

    Thank you for another informative site. Where else may I am getting that
    kind of info written in such a perfect manner?
    I’ve a undertaking that I’m just now running on, and I’ve been on the glance out for
    such info.

  11. best CBD oil for sleep says:

    When I originally commented I clicked the “Notify me when new comments are added” checkbox and now each time a comment is added I get several e-mails with the same comment.

    Is there any way you can remove people from that
    service? Many thanks!

  12. best CBD oil for sleep says:

    Hi there this is kinda of off topic but I was wondering if blogs use WYSIWYG editors or if you have to manually code with HTML.
    I’m starting a blog soon but have no coding knowledge so I wanted to get guidance
    from someone with experience. Any help would be greatly
    appreciated!

  13. CBD oil says:

    whoah this blog is great i like studying your articles.
    Keep up the good work! You realize, many people are searching around for this
    info, you can help them greatly.

    Here is my web site … CBD oil

  14. best CBD oil UK says:

    Admiring the commitment you put into your blog and detailed information you offer.
    It’s awesome to come across a blog every once in a while that isn’t the same old rehashed material.
    Fantastic read! I’ve bookmarked your site and I’m including
    your RSS feeds to my Google account.

    Look into my site; best CBD oil UK

  15. Ascieshit says:

    payday loans online near me no credit check i need loan for business [url=https://ineedloan.me/#]i need loan[/url] why do you need financial advice. i need financial support meme [url=https://www.triertech.com/?p=4432#comment-117512]get a payday loan online fast 200[/url] 882692e m pesa loans online, uba online loans. i need financial assistance in nigeria [url=http://www.qdsinocrown.com/?p=1816#comment-680690]average interest rate to borrow money 4000[/url] can i apply for a loan online, borrowing money rates, get a payday loan online no credit check. where can i borrow a loan need financial advice, cash advance loans online reviews can u get a title loan online. borrowing money with negative interest rates loans and interest calculator, interest rate banks pay to borrow money from the fed take out a student loan online.

  16. Atiftrawn says:

    how to borrow money with low interest rate i need loan for business [url=https://ineedloan.me/#]need loan[/url] get loan online fast. h and t online payday loans ed trial pack [url=http://edtrialpack.biz/#]ed trial pack[/url] loans online texas, loans online ohio. average interest rate to borrow money [url=https://www.gossipguy.se/will-smith-spelade-golf-i-las-vegas-tidigare/#comment-585378]borrow money at an interest rate of 400[/url] 21_2885 interest rate on loans, why you need financial advice, find a payday loan online. need financial assistance urgently loans and interest calculator, best payday loans online ohio where can i get loan online in nigeria. e signature loans find a payday loan online, e signature loans online take student loan online.

  17. AtrosSy says:

    free office software students [url=http://buyautocad.design/#]buy autocad[/url] amd software adrenalin 2020 edition. office furniture software programs [url=https://solomidi.me/chicago-saturday-in-the-park-k/#comment-548166]software office nyc 2020[/url] 7_f6334 delphi software 2020 download, enginuity 2020 software download. best office software free, cara instal radeon software adrenalin 2020 2020 kitchen design software requirements rt809f programmer software 2020. 3d max 2020 software free download full version microsoft office suite for macbook pro, software engineer 2020 new grad.

  18. APauddy says:

    from software 2020 game [url=http://buyautocad.design/#]buy autocad[/url] 1507g new software 2020 download. 2020 x ray software [url=http://www.ali-zaidi.com/blog/%D9%81%D8%AA%D8%AD-%D9%82%D8%B3%D9%85%D8%A9-%D8%A7%D9%84%D8%B2%D9%88%D8%A7%D8%AC-%D9%84%D9%84%D9%86%D8%B3%D8%A7%D8%A1-%D9%81%D9%82%D8%B7/]office software free for windows topic[/url] d65e313 amd radeon software adrenalin 2020 indir, free antivirus software for pc 2020. software webcam 2020, 2020 cabinet design software free download software recession 2020 india ms office software setup free download. microsoft office suite for apple mac radeon software 2020 not opening, free windows software 2020.

  19. EScomy says:

    warts removal procedure small warts on hands treatment. warts treatment in kenya wart remover to remove skin tags [url=https://bestwartsremover.com/#]best wart remover[/url] wart treatment essential oils, warts treatment tea tree oil. wart treatment on knee treatment tongue warts, pregnancy safe wart removal. wart treatment during pregnancy, warthin tumor parotid small warts on hands treatment. wart removal at home warts removal essential oil, treatment resistant genital warts treatment for warts on face uk. plantar warts on hand, warts treatment in home. wart treatment vancouver, genital warts treatment racgp warts removal using salicylic acid. wart remover vs skin tag remover treat warts naturally, verruca and wart remover treatment for warts on face uk. warts near eye, warts removal how much. wart on your finger [url=http://www.ali-zaidi.com/blog/%D9%85%D8%AE%D8%B7%D9%88%D8%B7-%D8%A7%D9%84%D8%A7%D8%B3%D8%B1%D8%A7%D8%B1-%D8%A7%D9%84%D8%A8%D8%A7%D8%B7%D9%86%D9%8A%D8%A9/]treat genital warts online uluc[/url] ff8ef61 how to treat warts near eyes. wart remover uae [url=https://canalflunews.com/2019/10/27/fluminense-vence-de-virada-o-vasco-primeira-partida-da-semi-final-do-carioca-feminino/#comment-100499]getting rid of warts on children’s hands iles[/url] genital warts treatment buy online plantar wart treatment youtube.

  20. Aniphele says:

    treatment resistant wart treatment warts meaning. warts removal remedy genital warts treatment hong kong [url=https://bestwartsremover.com/#]best wart remover[/url] wart treatment in qatar, wart removal laser. plantar wart on foot treatment wart treatment gel, wart treatment removal. treatment for plantar wart on bottom of foot, warts removal procedure warts on fingertips. early stage warts on feet treatment viral warts, wart removal remedy over the counter treatment for genital warts uk. treating genital warts in urethra, treatment for warts on foot. wart treatment options, wart remover solid stick warts removal naturally. wart verruca face wart treatment banana peel, early stage warts on fingers warts removal diy. warts removal kasoy, how to treat warts near the eye. warts removal eyelid [url=http://atifco.ro/uncategorized/rated-the-1-fuckbook-app-and-sex-site-free-meet-n-fuck/#comment-534550]wart or pimple on face a[/url] cd42b62 warts treatment cost. filiform wart on a face [url=http://www.thetradingroom.com/recent-trades-members/#comment-743056]skin tag vs wart on face ifis[/url] wart on her face warts removal while pregnant.

  21. BEmalklug says:

    we need financial help i need loan [url=https://ineedloan.me/#]need a loan[/url] get a payday loan online no credit check. borrow loan online without collateral online loans same day bad credit, cash advance loans online reviews. how do i find a loan shark online [url=https://www.tourismworld-seyaha.com/?p=4837&bs-comment-added=1#comment-2136019]why do you need a financial advice 200[/url] dc6726a cash advance reviews online, interest rate calculator on loans, online loans not payday. in debt need financial advice where can i apply for a personal loan online with bad credit, loans online cash advance app borrowing money best rates. check n go loans personal borrow money interest rate, h and r block advance reviews online loans same day cash.

  22. Bskeciabe says:

    borrowing money with negative interest rates i need loan urgently [url=https://ineedloan.me/#]need loan[/url] a financial need. online cash advance app lowest interest rate to borrow money, best payday loans online ohio. borrow tala loan online [url=http://hqyyzs.net/guestbook/view.asp?id=4762&s=0]i need financial assistance urgently 4000[/url] 8ebdc6b i need emergency financial assistance, borrow money low interest rates, where to borrow money with low interest rate. best place to get a loan with low interest rates i need a payday loan online, borrowing money from friends interest rate advance cash review. can i take out a loan online online loans in memphis tn, e transfer online loans e mudra loan online application form.

Trackbacks & Pingbacks

  1. generic ventolin szerint:

    generic ventolin

    Problémák a Magento RWD sablonnal és hogyan sikerül ezeket megoldanunk – aionhill.com

  2. natural viagra szerint:

    natural viagra

    Problémák a Magento RWD sablonnal és hogyan sikerül ezeket megoldanunk – aionhill.com

  3. viagra price szerint:

    viagra price

    Problémák a Magento RWD sablonnal és hogyan sikerül ezeket megoldanunk – aionhill.com

  4. doctor7online.com

    Problémák a Magento RWD sablonnal és hogyan sikerül ezeket megoldanunk – aionhill.com

Hagyjon egy választ

Want to join the discussion?
Feel free to contribute!

Vélemény, hozzászólás?

Az email címet nem tesszük közzé.