Innehållsförteckning Installation av jquery teman i oscommerce 2.3.4...1 Enkel installation med temapaketet hämtat från shopwebshop.eu...1 Specialfall...5 Om oscommerce 2.3.4 är installerad utan catalog katalogen...5 Ladda ner tema själv ifrån jqueryui.com och installera...6 Installation av jquery teman i oscommerce 2.3.4 Enkel installation med temapaketet hämtat från shopwebshop.eu Förutsättningar : Du har en installerad oscommerce 2.3.4 webbshop på ett webbhotell, t.ex. one.com. Du har en lokal dator med internetuppkoppling och en webbläsare och ett ftp - program, t.ex. Filezilla. OBS : Bilderna i den här guiden är från när jag installerade jquery temat Sunny, men andra teman installeras på samma sätt. Obs, om oscommerce är installerad utan catalog katalogen längst upp, se Specialfall nedan. Kommandon och program i detta dokument har gjorts från ett lokalt Linux-system, men om du använder en Windows dator lokalt kan du hitta liknande kommandon och program att använda. OBS! För att kunna editera i Windows måste du installera Notepad++ först, ty den editorn förstår och kan spara textfiler i UNIX UTF-8 filformat. 1
Standard temat i oscommerce 2.3.4 ser ut så här: 2
Skapa en ny mapp på din lokala dator med samma namn som det tema du vill installera t.ex. "sunny ". Ladda ner temats zip-fil till den katalogen. Klicka in dig i den katalogen. Packa upp zip - filen. I linux använd unzip, och i windows extrahera, extrahera alla. Starta ett FTP-program, t ex Filezilla.Navigera till den katalog där du packade upp temat i, "sunny" i den vänstra rutan i Filezilla.Du ser katalogen "catalog", en pdf fil och zip-filen själv där. Anslut till din webbshop med FTP login uppgifterna som du fått från din webbhotell leverantör, eller skapat i kontrollpanelen där. Du bör nu se "catalog" katalogen i den högra rutan i Filezilla, i annat fall se Specialfall nedan. 3
Nu dra och släpp katalogen catalog från vänster till höger sida, och var säker på att inte släppa den i en katalog utan på en tom plats eller en fillista i den högra rutan. (Dra och släpp: Du pekar med muspekaren på "catalog" katalogen och klicka och håll ner med vänster musknapp medan du flyttar den till den högra rutan som nämnts ovan, och släpp vänster musknapp där du vill släppa den.) Nu är filöverföringen klar! Om du nu surfar in på din webbshop som kund kommer du att se det nya temat Sunny. 4
Specialfall Om oscommerce 2.3.4 är installerad utan catalog katalogen Man kan installera oscommerce utan den inledande catalog katalogen, om man vill ha indexfilen index.php direkt under din webbplats root. Det kan vara fallet om du bara ska ha den här oscommerce webbshopen på din webbplats. I andra fall om du t.ex. Har en tidigare hemsida där som du vill lägga till en oscommerce webbshop med en länk, så passar standardinstallationen med katalogen catalog bättre. Om du installerat oscommerce 2.3.4 direkt till din webroot utan den inledande catalog katalogen, d.v.s. om du kopierat allt som finns under catalog från vänstersidan i Filezilla till / på högersidan. Då får du klicka ner i catalog katalogen på vänstersidan i temapaketet och kopiera katalogerna ext och includes till / på högersidan. 5
Dra och släpp katalogerna ext och includes från vänster till höger sida, och var säker på att inte släppa dem i en katalog utan på en tom plats eller en fillista i den högra rutan. (Dra och släpp: Du pekar med muspekaren på "ext" katalogen och klicka och håll ner med vänster musknapp medan du flyttar den till den högra rutan som nämnts ovan, och släpp vänster musknapp där du vill släppa den.) Gör likadant med includes katalogen. Nu är filöverföringen klar! Ladda ner tema själv ifrån jqueryui.com och installera http://jqueryui.com/themeroller/ 6
Här kan du skapa ditt eget tema om du vill under fliken Roll Your Own, men det är enklare att editera ett färdigt tema. Du ser direkt hur temat ser ut till höger medan du fyller I färg m.m. i de 11 olika flikarna. När du är färdig klickar du på Download theme knappen. Då visas sidan Download Builder, skrolla längst ner på den sidan och klicka på knappen Download. Spara zipfilen I en katalog med ett namn som motsvarar temats namn. Om du istället vill ladda ner ett färdigt tema så öppnar du fliken Gallery. Det finns 24 olika teman där. Om du klickar på något färdigt tema där t.ex. Sunny, 7
så visas till höger hur alla element ser ut: Under varje tema finns knappen Download, för att ladda ner temat, och knappen Edit för att editera temat. Om det bara är några detaljer som du vill ändra så är det enklast att använda Edit knappen. Det valda temat öppnas då under fliken Roll Your Own, och när du editerat färdigt laddar du ner temat som beskrivits ovan. OBS!!! Det nedladdade paketet har alltid samma namn jquery-ui-1.11.4.custom.zip, så om du laddar ner flera teman lägg varje nedladdat paket I en egen katalog, annars blir det svårt att hålla reda på vilket som är vilket, och risk finns för överskrivning. OBS!!! 8
Packa upp zip filen, då skapas en underkatalog som heter jquery-ui-1.11.4.custom. Öppna den katalogen, så ser du katalogerna external och images samt ett antal filer, varav filen jquery-ui.min.css ska nås från filen template_top.php. Allt detta skall överföras till webshopen. Skapa först katalogen (katalognamnet skall vara unikt och motsvara temanamnet) för temat på webshopen t.ex. catalog/ext/jquery/ui/sunny, och överför allt till denna katalog. Editera din lokala kopia av filen catalog/includes/template_top.php. Ändra rad 29: <link rel="stylesheet" type="text/css" href="ext/jquery/ui/redmond/jquery-ui-1.10.4.min.css" /> till <link rel="stylesheet" type="text/css" href="ext/jquery/ui/sunny/jquery-ui.min.css" /> spara den och överför till webshopen med FTP programmet. Om du vill få tillbaka standardtemat redmond, så är det bara att ändra tillbaka rad 29 i filen catalog/includes/template_top.php till det ursprungliga : <link rel="stylesheet" type="text/css" href="ext/jquery/ui/redmond/jquery-ui-1.10.4.min.css" /> och överföra filen till webshopen via FTP. Filerna för standardtemat redmond finns kvar i webshopen. Tips: När du installerat flera teman i din webshop är det bara att föra över filen catalog/includes/template_top.php från det temapaket du vill aktivera via FTP till din webshop för att byta tema. Temats övriga filer finns kvar i webshopen för alla temapaket som du installerat! 9