manufacturer theme documentation - stylemixthemes · woocommerce required helps you set up your...

23
Manufacturer Theme Documentation Also available Online manual and Video tutorials. © 2001 – 2018 Stylemix LLC

Upload: others

Post on 27-Jun-2020

9 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

Manufacturer Theme Documentation

Also available Online manual and Video tutorials.

© 2001 – 2018 Stylemix LLC

Page 2: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

TableofContents

GettingStarted.............................................................................................................................3

Introduction....................................................................................................................................3

SystemRequirements.....................................................................................................................4

InstallingtheTheme........................................................................................................................4

Whattodoifthethemeinstallationfails....................................................................................5

InstallPlugins...................................................................................................................................6

ImportingtheDemoContent..........................................................................................................7

ImportantFeaturesoftheManufacturerWordPressTheme.......................................................10

BootstrapFramework...............................................................................................................10

PluginsInstalledwiththeTheme..............................................................................................10

SettingUpyourWebsite.............................................................................................................12

CustomizingtheTheme.................................................................................................................13

MainThemeOptions.................................................................................................................13

Typographysettings..................................................................................................................14

SettingUptheHeaderandFooter................................................................................................15

AddingMenustoyourWebsite....................................................................................................17

SettingUptheStandardMenus................................................................................................17

LocalizingorChangingtheLanguageoftheTheme......................................................................18

AddingContent..........................................................................................................................19

MiscellaneousFeatures..............................................................................................................20

AddingaBlogtoyourWebsite......................................................................................................20

IncorporatingaWooCommerceShopinyourWebsite................................................................21

Updatingthetheme...................................................................................................................22

UpdatingviatheWordPressAdminPanel(usingDashboard>Updates).....................................22

UpdatingviatheWordPressAdminPanel(usinganExtraPlugin)................................................23

UpdatingviaFTP............................................................................................................................23

Page 3: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

ManufacturerThemeUserManual Installation

3

GettingStarted

IntroductionManufacturerthemeisintunewithalldevices,browsersandplatforms,retinareadyandcomeswithsuper-fastanduser-friendlyElementorpagebuilder.AllcustomizationoptionsareavailableontheFrontEndeditorandnocodingskillrequiredtocreateoreditcontent.

SomeofthefeaturesoftheManufacturerThemeinclude:

• OnlineandOfflinePayments-MakeapaymentonlinefromyourwebsiteviaPayPalorcash.• TaxesandFees–Setpricingonallaccommodationcharges:addmandatoryfees,

accommodationtaxes,servicetaxes.Theguestscanseethesummaryandtotalofchargesbeforemakingabooking.Allthisinfooneachbookingisstoredintheadmindashboardaswell.

• GDPRCompliant-Yourguestswillfindthecheckboxforopt-inconsentbeloweachbookingformtoacceptyourwebsitetermsandconditionsbeforereservation.

• MultilingualSupport-Easilytranslateawebsitetoanylanguage.• Responsive&MobileFriendly-Manufacturerisfullyresponsiveandlooksgreatonall

devices.• BuiltwithSASS–themoststableandpowerfulprofessionalgradeCSSextensionlanguage• CompatiblewithFirefox,Safari,Chrome,EdgeandIE10+• Bootstrap-basedResponsiveLayouts• AbilitytohaveaBackgroundimageforyourwebsite• Abilitytouseanyof800+GoogleFonts• Elementordrag&droppagebuilder• WooCommercecompatibility• CustomSVGandFontAwesomeicons• One-clickdemocontentimport• RetinaReady• SEOready

Page 4: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

ManufacturerThemeUserManual Installation

4

SystemRequirementsToinstalltheManufacturerThemeyoumusthaveaworkingversionofWordPressalreadyinstalled.ForinformationregardingtheinstallingoftheWordPressplatform,pleaseseetheWordPressCodexathttp://codex.wordpress.org/Installing_WordPress.

InstallingtheThemeYoucaninstallthethemejustasyouwouldinstallanyotherWordPressTheme.

Note:Inordertoinstallatheme,youwouldneedtologintoyourWordPressadminareawithAdministratorrights.

Toinstallthetheme:

1. IntheWordPressDashboard,clickonAppearance>ThemestoopentheThemesscreen.

2. ClickontheAddNewbuttontoopentheAddThemesscreen.

Page 5: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

ManufacturerThemeUserManual Installation

5

3. ClickontheUploadThemebuttonanduploadthezippedthemefileyouhavereceived

fromStyleMixThemes.

Note:DependingonthespeedofyourInternetconnection,itmaytakesometimetouploadthezipfile.

4. OncethefileisuploadedclickontheInstallNowbuttontoinstallthetheme.

Note:Ifyouhavetroubleinstallingthetheme,pleaseseethenextsection:Whattodoifthethemeinstallationfails.

WhattodoifthethemeinstallationfailsIftheimportstallsandfailstorespondafterafewminutes,orifWordPressgivesyouanerrormessage,youaresufferingfromPHPconfigurationlimitsthataresettoolowtocompletetheprocess.Youshouldcontactyourhostingproviderandaskthemtoincreasethoselimitstoaminimumasfollows:

• max_execution_time600• memory_limit128M• post_max_size32M• upload_max_filesize32M

YoucanverifyyourPHPconfigurationlimitsbyinstallingasimplepluginfoundhere:http://wordpress.org/extend/plugins/wordpress-php-info.YoucanalsocheckyourPHPerrorlogstoseetheexacterrorbeingreturned.

Page 6: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

ManufacturerThemeUserManual DemoImport

6

InstallPluginsOncethethemeisinstalled,youhavetoinstallallrequiredpluginsviaAppearance>InstallPluginsmenu.SelectAllpluginsandInstallthemviabulkApply:

Afterinstallationofallplugins,Activatethem:

Nowallpluginsinstalledandactivatedcorrectly:

Page 7: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

ManufacturerThemeUserManual DemoImport

7

ImportingtheDemoContentDon’tknowwheretostartonbuildingupyoursite?Wehavecreatedanoptionforyoutorecreateourthemedemositewithjustoneclick.

Tip:Beforeimportingthedemocontent,youcancheckoutthevariousdemosathttp://manufacturer.stylemixthemes.com/landing/.Youcanseethedifferentdemosanddecideonwhichonesuitsyourfirmthebest.

ClickonAppearance>ImportDemoDataintheWordPressmenu:

Tip:Youcanusethedemocontentasastartingpointforyourwebsiteandmodifythecontenttosuityourneeds.Inthatcase,selectthedemolayoutthatismostappropriateforyourwebsite.

Eachdemolayoutrequiresanumberofpluginstofunctionproperly.Fortunately,StyleMixThemeshasmadeiteasyforyoutoinstallthepluginsandtheywillbeinstalledautomaticallyduringdemosetupproceed.Inordertostarttheimportproceed,clickontheImportbutton.

Page 8: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

ManufacturerThemeUserManual DemoImport

8

Note:DependingonthespeedofyourInternetconnection,itmaytakesometimetoinstallallthepluginsandimportthedemocontent.

Note:Iftheimportfailsorstalls,pleasetrytoreloadthepageandclickonSetuplayoutbuttononceagainorseetheprevioussection:Whattodoifthethemeinstallationfails.

SetupLayoutfeatureinstallsallrequiredplugins,importsthechosendemolayoutandwidgets.AfterfinishingtheproceedyoucanvisityoursitefrontpageinordertoseeallreadyfeaturesJ

Page 9: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

ManufacturerThemeUserManual DemoImport

9

Tip:Ifyouwanttostartfromscratchafterviewingthedemocontent,youcanremovethedemocontentusingtheResetWPplugin(https://wordpress.org/plugins/reset-wp/).ThispluginresetstheWordPressdatabasebacktoitsdefaults.Itwilldeleteallcustomizationsandcontent,butitdoesnotmodifyfiles;itonlyresetsthedatabase.Pleaseseetheabovelinkformoredetails.

Page 10: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

ManufacturerThemeUserManual ThemeFeatures

10

ImportantFeaturesoftheManufacturerWordPressThemeThissectiondescribessomenoteworthyfeaturesofthistheme.

BootstrapFrameworkTheManufacturerThemeusestheBootstrapframework,soyoucanhavealayoutgridofupto12columnstodesignyourpages.Further,eachwidgethasitsownmaximumandminimumwidths,soyouhavetheflexibilityofadjustingthewidthsofthewidgetsdependingonthelayoutofthepages.

PluginsInstalledwiththeTheme

Plugin Required/Optional Howithelpsyou…

AddToAnyShareButtons

Recommended Allowsyoutoshareyourpostsandpageson100+sharingandsocialmediasitesincludingFacebook,Twitter,Pinterest,Google,WhatsApp,LinkedIn,Tumblr,andReddit.

BreadcrumbNavXT

Recommended Allowsyoutosetupbreadcrumbnavigationonthepagesshowingthevisitorsthepathtotheircurrentlocationonyourwebsite.

WPFormsLite Recommended BeginnerfriendlyWordPresscontactformplugin.UseourDrag&DropformbuildertocreateyourWordPressforms.

ForceRegenerateThumbnails

Recommended Deletesallexistingthumbnailsandforcestheregenerationofthumbnails.

MailChimpforWordPressLite

Recommended HelpsyouaddsubscriberstoyourMailChimplistsusingvariousmethods.Youcancreategoodlookingopt-informsorintegrateMailChimpwithotherformsonyoursite.

WooCommerce Required Helpsyousetupyouronlinestoretosellthingsonyourwebsite.

CustomProductTabsforWooCommerce

Recommended ExtendWooCommercetoaddandmanagecustomproducttabs.Createasmanyproducttabsasneededperproduct.

Elementor Required Themostadvancedfrontenddrag&droppagebuilder.Createhigh-end,pixelperfectwebsitesatrecordspeeds.Anytheme,anypage,anydesign.

ElementorAddons&

Required AddsnewAddons&WidgetsthatarespecificallydesignedtobeusedinconjunctionwiththeElementorPageBuilder.

Page 11: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

ManufacturerThemeUserManual ThemeFeatures

11

Asmentionedbefore,theManufacturerThemerequiresanumberofpluginstofunctionproperly.Thefollowingtablegivesyouabriefdescriptionofeachoftheplugins:

Note:WeprovideextrapluginswithEXTENDEDlicensesandincludelatestupdatestoeveryversionofthethemes.Thepluginswillbeupdatedwheneveryouupgradeyourtheme.

Templates-SizzifyLiteHeaderFooterElementor

Required CreateHeaderandFooterforyoursiteusingElementorPageBuilder.

ManufacturerTablesShortcode

Required TablesforWooCommerce

SMWidgets Required ManufacturerElementorWidgets.

ReduxFramework

Required Reduxisasimple,trulyextensibleoptionsframeworkforWordPressthemesandplugins.

Page 12: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

ManufacturerThemeUserManual ThemeOptions

12

SettingUpyourWebsite

OncetheManufacturerThemeisinstalled,youwillnowhavetocustomizethethemetosuityourneeds.Thefollowingaresomeofthetasksyouneedtocompletetocustomizethetheme:

• Buildyourownheader,setupheaders,footers,andsidebarsforyourwebsite.• Chooseyourowncolorschemeandtypographyoptions.• Typeintheaddressandotherinformationaboutyourorganization.• Designandaddwidgetstoyourwebsite.• Setupthemenusofthewebsite.

Page 13: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

ManufacturerThemeUserManual ThemeOptions

13

CustomizingtheThemeYoucanperformgeneralcustomizationoftheManufacturerThemebygoingtoDashboard>ThemeOptions(justasyouwouldnormallydoforanyothertheme).Here,youcansetupthefollowing:

• Mainsitesettingssuchasdefaultvisualizationoptions;defaultHeadersettings,Preloaderoptionsandothers.

• Colorsscheme• Typographysettings.• NewsArchiveandSinglepageoptions.• Shoppagesettings.

MainThemeOptions

Hereyoucansetupglobalwebsitesettingssuchas:

• sitebodybackground;• 404-pagebackground;• HeaderonInsidePages;• Preloadersettings;• MainColorofyourwebsite.

Page 14: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

ManufacturerThemeUserManual ThemeOptions

14

TypographysettingsIfyouwanttochangeyourwebsitetypographysettings,youneedtogoThemOptions>Typography.It’spossibletochangetypographyoptionsforMain(body)andHeadings,alsoParagraphs,Spacing,andButtonsettings.

Page 15: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

ManufacturerThemeUserManual Header&Footer

15

SettingUptheHeaderandFooterYoucancustomizethelook-and-feeloftheheaderandFooter.Youcanalsocontrolwhatitemsappearintheheader&footerareasofyourpages.

Tosetuporcustomizethemofyourwebpages:

ClickonAppearance>HeaderFooterBuilderintheWordPressmenu.

ClickonEditwithElementorinordertomodifytheHeaderorFootertemplate.

Nowyoucaneasilymodifyincludedelementsoraddnewelementsviadraganddrop.

Header:

Footer:

Page 16: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

ManufacturerThemeUserManual Header&Footer

16

EachelementhasContentandAdvancedoptionspanelformodificationsandsettings:

Page 17: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

ManufacturerThemeUserManual Menu

17

AddingMenustoyourWebsiteTheManufacturerThemesupportsuptofourmenus.Youcanhaveamenuatthetopofyourwebsitepagesanduptothreemenusinthesidebars.Inadditiontotheabovelocations,youcanalsoaddoneofthefourmenustoanypageyouwantusingtheElementorNavigationMenuwidget.

SettingUptheStandardMenus

Asmentionedabove,yourthemeallowsyoutohaveamenuatthetopofyourwebsitepagesanduptothreemenusinthesidebars.

TosetuptheStandardMenus:

1. ClickonAppearance>MenusintheWordPressmenutoopentheMenuspage.2. YoucannowsetupthemenusasyouwoulddoforanyotherWordPresstheme.

Page 18: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

ManufacturerThemeUserManual Localization

18

LocalizingorChangingtheLanguageoftheTheme

IfyouareusingtheManufacturerThemeinanon-Englishspeakingcountry,youcanchangethelanguageofthethemesothatthewp-adminareawillbeinthelanguageofyourchoice.

Youcanchangeyoursite’smainlanguageviaSettings>General>SiteLanguage.ThiswillchangeallyourWordPressrelatedpromptstotheselectedlanguage,butyouwillstillhavetolocalizethethemerelatedoptionsandscreens.

It’seasytolocalizeyoursiteusingtheLocoTranslateplugin.(Youcanseearelatedtutorialinthefollowingpage:https://localise.biz/help/wordpress/translate-plugin/beginners.

AnotherwayistoaddyourtranslationsusingthePoEditplatform.Basically,youneedtocreatea.pofilethatcontainsthetranslationsandPoEditwillgeneratea.mofileforyou.Youthenneedtouploadthe.mofiletoyourtheme’slanguagefolder(../wp-content/themes/theme-folder/languages/).

Note:Beforeaddingtranslationsforstaticstrings,youneedtorenamethelanguagefilescorrectlyaccordingyoursite’slanguage.Thethemelanguagefilesarelocatedinthe../wp-content/themes/theme-folder/languages/folder.YoucanfindalistoflanguagecodesatWordPressinyourLanguage.Asanexample,thelanguagecodeforEnglishisen_EN,soyouwouldsavethetranslatedfilesasen_EN.poanden_EN.mo.

Page 19: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

ManufacturerThemeUserManual Content

19

AddingContent

YoucanaddregularcontenttoyourwebsiteasnormalpagesandpostsusingElementorpagebuilder.ElementorisavisualpagebuilderpluginforWordPressenablingthecreationofwebpagesinalive,visualway.

Thisstep-by-stepguidewalksyouthroughhowtocreateawebsiteusingElementor.

IfyouareanElementornewbie,thisarticlewillhelpyouunderstandtheessentialsofsuccessfulpage-building.Youwilllearnabout:

1. CreateanewpageonWordPressandElementoreditorlayout.2. BuildyourfirstpagewithElementor.3. InsertTemplatestoyourpage.4. Preview&Publishyourpage.5. MakeyourpageResponsive.

Tip:HereyoucanseethefullDocumentationoftheElementor-https://docs.elementor.com/article/226-getting-started.

Page 20: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

ManufacturerThemeUserManual MiscellaneousFeatures

20

MiscellaneousFeatures

TheManufacturerThemealsosupportsblogs.Youcansetupacustomblogpage.Youcanalsohavecustomsidebarsontheblog.

TheManufacturerThemeisalsocompatiblewiththeWooCommerceplugin,soyoucanhaveane-commerceshoponyourwebsite.

AddingaBlogtoyourWebsiteYoucanalsohavearegularblogonyourwebsitewhereyou(oranyonewithadmin/authorrights)canputupposts.

Note:BlogpostscanbepublishedfromtheWordPressadminarea.Onlysomeonewithadminorauthorrightscanputupblogposts.

YoucanassignanypageyoucreateasthestartpageofyourblogbyclickingonAppearance>Customize>SiteSettings>StaticFrontPageandselectingthepageinthePostspagedrop-downlist.

Page 21: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

ManufacturerThemeUserManual MiscellaneousFeatures

21

IncorporatingaWooCommerceShopinyourWebsiteWooCommerceisthemostpopulare-commercepluginforWordPress.Nowyoucanhaveashopwithalle-commercefeaturesonyourWordPresssite.

Beforeyoustartaddingproducts,pleasegothroughtheWooCommercepluginsettingsandspecifyeverythingyouneedforyourshop.

Pleaseseehttps://docs.woothemes.com/documentation/plugins/woocommerce/getting-started/formoredetailsonsettingupashopusingtheWooCommerceplugin.

Page 22: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

ManufacturerThemeUserManual AppendixB

22

Updatingthetheme

Wewillperiodicallyprovideupdatesofyourtheme.Theseupdatesareessentialifyouwanttohaveabug-freewebsiteaswegivenewfeaturesandimprovementstothethemeovertime.SomeoftheseupdatesmightbeneededinordertomakethethemecompatiblewithnewerversionsofWordPress.

Note:Thereisnoriskoflosingyoursettingsandpageswhenyouupdatethetheme.However,anymodificationsyouhavemadetothecorethemefileswillbelost,soyoushouldbackupthosefilesbeforeyouupdatethetheme.

Tip:Afterupgradingthetheme,youcanupdateextrapluginsviaAppearance>InstallPlugins.

TherearethreewaysofupdatingourWordPressthemestonewerversions:

• UpdatingviatheWordPressAdminPanel(usingDashboard>Updates)• UpdateviatheWordPressAdminPanel(usinganextraplugin)• UpdatingviaFTP

UpdatingviatheWordPressAdminPanel(usingDashboard>Updates)TheeasiestwayofupdatingthethemeisviaDashboard>Updates.Whenanupdateisavailableforyourtheme,youwillgetanotificationinyourWordPressDashboardandyoucanupdateyourthemebyclickingonDashboard>Updatesandupdatingthetheme(justasyouwouldupdateanyotherinstalledtheme).

Tip:Afterupgradingthetheme,youcanupdateextrapluginsviaAppearance>InstallPlugins.

Page 23: Manufacturer Theme Documentation - StylemixThemes · WooCommerce Required Helps you set up your online store to sell things on your website. Custom Product Tabs for WooCommerce Recommended

ManufacturerThemeUserManual AppendixB

23

UpdatingviatheWordPressAdminPanel(usinganExtraPlugin)ForthismethodyoushouldfirstinstalltheEasyThemeandPluginUpgradesplugin(http://wordpress.org/plugins/easy-theme-and-plugin-upgrades/)Thispluginwillupdateyourthemewhenyouuploadthetheme.zipfile.

OnceyouhaveinstalledtheEasyThemeandPluginUpgradesplugin:

1. Downloadthethemefileupdate.2. Extractthemanufacturer.zipfilefromthedownloadedthemefile.3. IntheWordPressdashboard,clickonAppearance>Themes>AddNew>Upload

Theme>Browse...4. Selectthemanufacturer.zipfilethatyouextractedinstep2andclickonInstallNow.

Tip:Afterupgradingthetheme,youcanupdateextrapluginsviaAppearance>InstallPlugins.

UpdatingviaFTPAnotherwayofupdatingyourthemeisviaFTP.

Extractthecontentsofthemanufacturer.zipfile.Thecontentswillbeextractedtoafoldercalledmanufacturer\andtosubfolderswithinthemanufacturerfolder.

Tip:Makesureyourunzippingsoftwaredoesnotcreateanyextradirectorywiththesamenamenestedwithinthemanufacturer\folder.Inotherwords,makesureyouextractthefilestomanufacturer\andnotmanufacturer\manufacturer\.

UsinganFTPprogram,uploadthemanufacturer\folder(anditssubfolders)to/wp-content/themes/onyourwebserver.

Note:TheFTPprogramwillgiveawarningthatthemanufacturer\folderalreadyexists.ChooseReplaceAll.

Tip:Afterupgradingthetheme,youcanupdateextrapluginsviaManufacturer>Plugins.