radiance theme - isenselabs - opencart modules, themes ... · slideshow module using the core...

9
Product Documentation September, 2016 Radiance Theme Radiance Theme for OpenCart Created by iSenseLabs © 2016, iSenseLabs isenselabs.com

Upload: others

Post on 21-Jun-2020

14 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Radiance Theme - iSenseLabs - OpenCart Modules, Themes ... · slideshow module using the core Slideshow extension or edit the existing one. Follow the settings below to create your

ProductDocumentation

September,2016

RadianceTheme

RadianceThemeforOpenCart

CreatedbyiSenseLabs

©2016,iSenseLabsisenselabs.com

Page 2: Radiance Theme - iSenseLabs - OpenCart Modules, Themes ... · slideshow module using the core Slideshow extension or edit the existing one. Follow the settings below to create your

Radiance Theme Documentation

2http://isenselabs.com

http://isenselabs.com/users/support

TableofContentsTableofContents......................................................................................................................2

Chapter1:Introduction.............................................................................................................3

Howtousethisdocument....................................................................................................3

Chapter2:InstallationinstructionsandLicensing....................................................................4

Chapter3:ConfiguringtheRadianceTheme............................................................................5

Chapter4:Summary.................................................................................................................9

Page 3: Radiance Theme - iSenseLabs - OpenCart Modules, Themes ... · slideshow module using the core Slideshow extension or edit the existing one. Follow the settings below to create your

Radiance Theme Documentation

3http://isenselabs.com

http://isenselabs.com/users/support

Chapter1:IntroductionWelcomeandthankyoufordownloadingRadianceThemebyiSenseLabs.Thisdocumentwillteachyouallyouneedtoknowaboutthetemplate.

HowtousethisdocumentTheinformationyouneedisdividedintochapters.Insomesectionsyouwillnoticethefollowingtypesofparagraphs,whichgiveyouextrainformation:

Wehighlyencouragealluserstoreadandunderstandthisdocumentation.Ifyouhaveanyquestions,theiSenseLabssupportteamisheretohelp.Feelfreetocontactusinoursupportsystem:http://isenselabs.com/users/support

Page 4: Radiance Theme - iSenseLabs - OpenCart Modules, Themes ... · slideshow module using the core Slideshow extension or edit the existing one. Follow the settings below to create your

Radiance Theme Documentation

4http://isenselabs.com

http://isenselabs.com/users/support

Chapter2:InstallationInstructionsandLicensingTheseinstallationinstructionsassumethatyouhaveeitherafreshoracustomizedinstallationofanyversionofOpenCart2.3.x

1)UnzipthedownloadedZIPfileintoanewfolder.2)Enterthenewlycreateddirectoryanduploadthecontentsofthe"upload"directorytoyourserverintherootdirectoryofyoursite.Therootdirectoryiswheretheadmin/andcatalog/directoriesofyoursitearelocated.YoucanuseFTPtodotheupload,oranyotherwayyoufeelcomfortablewith.3)LogintoyourOpenCartadminpanelandgotoExtensions>ExtensionInstaller.Uploadthe“radiance_theme.ocmod.xml”OCMODfilelocatedinthe“ocmod”folderinthedownloadedzip.Onceyouuploadthefile,don’tforgettoclickthe"Refresh"buttononthetopright.

4)GotoExtensions>Extensions>Themes>RadianceThemeandinstallthetheme.5)AfterStep4,clicktheEditbuttonandchooseRadianceintheThemeDirectorydropdownmenu.Afterthat,EnablethethemefromtheStatusdropdown.6)GotoSystem>Settings>Edit.SelectRadiancethemeintheThemedropdownmenu.

Page 5: Radiance Theme - iSenseLabs - OpenCart Modules, Themes ... · slideshow module using the core Slideshow extension or edit the existing one. Follow the settings below to create your

Radiance Theme Documentation

5http://isenselabs.com

http://isenselabs.com/users/support

7) Congratulations! Radiance Theme is now installed. You can access it from Extensions >Extensions>Themes>RadianceTheme.

Chapter3:ConfiguringtheRadianceThemeRadianceThemeisalightweightthemewithoutextensivesettingsandcustomizations.Ithasasingle,simplepurpose–togiveyourstoreanelegantandflexibledesignthatwilleasilyfityourbrandidentity.Tomakeyoufeelmorecomfortablewiththetheme,wehaveafewconfigurationtipsthatwillhelpyouincreasetheuserexperienceandattentionofyourcustomers.First,gotoExtensions>Extensions>ModulesandthenchooseAccount.

ThisisacoreOpenCartmodule.ClickEditandenableit.Next,fromtheExtensions>Extensions,chooseModulesandthenfindtheBrandmodule.ClickInstallbutton.

AndclickEditandenableitaswell.

Now,fortheCarousel.UsetheCarouselmoduletocreateanewcarousel.

Clickeditandenterthefollowingsettings.Keepthedimensionvalues:

Page 6: Radiance Theme - iSenseLabs - OpenCart Modules, Themes ... · slideshow module using the core Slideshow extension or edit the existing one. Follow the settings below to create your

Radiance Theme Documentation

6http://isenselabs.com

http://isenselabs.com/users/support

Forthebanner,youcanusethecoreBannermoduletocreateanewoneandassignitintheEditCarouselBannerfield.ThenextcoremodulethatneedstobeenabledisCategory.ClickEditandenableit.Don’tforgettoSave.

Forthefeaturedproducts,youneedtoaddanewfeaturedmoduleoredittheexistingHomePagesub-module.

Enter your settings following these guidelines. The dimensionsmust be the same as the oneshownintheimagebelow:

Page 7: Radiance Theme - iSenseLabs - OpenCart Modules, Themes ... · slideshow module using the core Slideshow extension or edit the existing one. Follow the settings below to create your

Radiance Theme Documentation

7http://isenselabs.com

http://isenselabs.com/users/support

For theThemesettings,go toSystem>Settings>EditStoreandselect theOption tab.YourCategoryProductCountshouldbesettoNo.

Next,gototheImagetabanduploadyourstorelogoandIcon.

Page 8: Radiance Theme - iSenseLabs - OpenCart Modules, Themes ... · slideshow module using the core Slideshow extension or edit the existing one. Follow the settings below to create your

Radiance Theme Documentation

8http://isenselabs.com

http://isenselabs.com/users/support

FortheSlideshowonthehomepage,gotoExtensions>Extensions>ModulesandaddanewslideshowmoduleusingthecoreSlideshowextensionoredittheexistingone.

Followthesettingsbelowtocreateyourslideshow.Thedimensionsmustremainthesame:

Now,let’sconfiguretheimagesettingsinyourstore.OnceyouinstallRadiance,gotoExtensions>Extensions>Themes>RadianceTheme[Edit].Thenenterthefollowingvaluesofeachsetting:

Fortheimagedimensions,usethesevaluesastheguidelinesforyourstore:

Page 9: Radiance Theme - iSenseLabs - OpenCart Modules, Themes ... · slideshow module using the core Slideshow extension or edit the existing one. Follow the settings below to create your

Radiance Theme Documentation

9http://isenselabs.com

http://isenselabs.com/users/support

Chapter4:SummaryFollowingtheinstructionsinthisdocumentationwillbringthelayoutofyourRadiancethemeascloseaspossibletotheonewehavepresentedinourdemonstration.ThankyoufordownloadingourfreeOpenCarttheme!