Constant Editor for TypoScript record "+ext"

Overwrite constants and save them to the selected TypoScript record on the current page. Only options that have been made available for editing in the constant editor are shown below. In addition, more constants can exist in the system.

Selected category

Layouts

Select Site Loader Style[ns_theme_t3karma.website.layouts.loader]

Please select the loader style

Enable Style Switcher[ns_theme_t3karma.website.layouts.enable_style_switcher]

For the production website, You should disable to style switcher option.

Dark Mode Theme[ns_theme_t3karma.website.layouts.bg_dark]

Do you want to set dark theme to whole website? Consider to set above "Dark Color" option.

Enable Boxed Layout[ns_theme_t3karma.website.layouts.boxed_layout]

Do you want to boxed layout of whole website? The default layout is flexible with full-width and grid-container.

Background Pattern[ns_theme_t3karma.website.layouts.bg_pattern]

If you have Enabled "Boxed Layout" then choose the background pattern.

Color Settings

Primary Color[ns_theme_t3karma.website.settings.primary]

Choose primary color of whole website. Consider standard boostrap based color mechansim.

Secondary Color[ns_theme_t3karma.website.settings.secondary]

Choose secondary color of whole website. Consider standard boostrap based color mechansim.

Tertiary Color[ns_theme_t3karma.website.settings.tertiary]

Choose tertiary color of whole website. Consider standard boostrap based color mechansim.

Quaternary Color[ns_theme_t3karma.website.settings.quaternary]

Choose quaternary color of whole website. Consider standard boostrap based color mechansim.

Dark Color[ns_theme_t3karma.website.settings.color-default]

Choose dark color of whole website. Consider if you want to use below "Dark Mode Theme" option.

Text Color[ns_theme_t3karma.website.settings.textColor]

Choose Text color of whole website. Consider standard bootstrap based color mechanism.

Grey Color[ns_theme_t3karma.website.settings.greyColor]

Choose Grey color of whole website. Consider standard bootstrap based color mechanism.

Fonts

Google Site fonts[ns_theme_t3karma.website.settings.site_fonts_link]

You can easily configure your favourite Google fonts, Get exact path from the official website https://fonts.google.com/ e.g ?family=Poppins:wght@100

Custom Font .woff2 path[ns_theme_t3karma.website.settings.font_woff2]

Please enter exact path of your custom fonts in WOFF2 e.g. /fileadmin/fonts/your-font-file.woff2

Font Name[ns_theme_t3karma.website.settings.site_font_family_name]

Please setup exact font name of either Google font or custom font.

Logo Settings

Sticky Logo Width[ns_theme_t3karma.website.settings.data-sticky-width]

NOTE: Only work with Header Layout Variation -> stickyshrink, stickychangelogo, transparentlight, transparentdark, transparentlightborderbottom, transparentdarkborderbottom, semitransparentdark, fullwidth, fullwidthborder, fullwidthtransparentlight, fullwidthtransparentdark, fullwidthsemitransparentlight, fullwidthsemitransparentdark, center, centernavbutton, flat, flattop, flattopborder, flatcolorborder, flatborder, classic, classicbig.

Sticky Logo Height[ns_theme_t3karma.website.settings.data-sticky-height]

NOTE: Only work with Header Layout Variation -> stickyshrink, stickychangelogo, transparentlight, transparentdark, transparentlightborderbottom, transparentdarkborderbottom, semitransparentdark, fullwidth, fullwidthborder, fullwidthtransparentlight, fullwidthtransparentdark, fullwidthsemitransparentlight, fullwidthsemitransparentdark, center, centernavbutton, flat, flattop, flattopborder, flatcolorborder, flatborder, classic, classicbig.

Logo Light[ns_theme_t3karma.website.settings.lightlogo]

Light Logo will render according to the Header Layout Variation.

Big logo image[ns_theme_t3karma.website.settings.biglogo]

Go to Filelist > Upload your light logo image and set file path here eg., /fileadmin/images/logo_big.png

General / Site Settings

Website Type[ns_theme_t3karma.website.settings.websiteType]

For One Page: Set 'One Page Menu Id' under 'Menu and Pages Settings'.

Main Menu ID[ns_theme_t3karma.website.settings.main_menu]

Please configure page-id of top Main menu.

Enable/Disable Language Menu[ns_theme_t3karma.website.settings.languageMenu]

Enable/Disable header language menu.

Enable/Disable Search[ns_theme_t3karma.website.settings.searchbar]

Enable/Disable header search feature.

Enable/Disable Breadcrumb[ns_theme_t3karma.website.settings.breadcrumb]

Enable/Disable breadcrumb menu.

Maintenance Mode Page ID[ns_theme_t3karma.website.settings.maintenancePage]

Please configure page-id of maintenance mode

Header

Select Main Header Layout[ns_theme_t3karma.website.headerlayout.headerLayout]

Header Layout Style

Second Button Link[ns_theme_t3karma.website.headerlayout.btnlink2]

NOTE: Only work with Header Layout Variation -> centernavbtn & fullwidthbutton.

Second Button Text[ns_theme_t3karma.website.headerlayout.btntext2]

NOTE: Only work with Header Layout Variation -> centernavbtn & fullwidthbutton.

First Button Link[ns_theme_t3karma.website.headerlayout.btnlink1]

NOTE: Only work with Header Layout Variation -> centernavbtn.

First Button Text[ns_theme_t3karma.website.headerlayout.btntext1]

NOTE: Only work with Header Layout Variation -> centernavbtn

Address[ns_theme_t3karma.website.headerlayout.address]

NOTE: Only work with Header Layout Variation -> flatborder & semitransparenttopborder.

Call Us Number[ns_theme_t3karma.website.headerlayout.callus]

NOTE: Only work with Header Layout Variation -> center, classicbig, flatcolorborder, flattopborder.

Time[ns_theme_t3karma.website.headerlayout.hours]

NOTE: Only work with Header Layout Variation -> classicbiglogo & center.

Phone Number[ns_theme_t3karma.website.headerlayout.phone]

NOTE: Phone Number will display in some selected Header Layout Variations.

Email Address[ns_theme_t3karma.website.headerlayout.email]

NOTE: Only work with Header Layout Variation -> classicbig, flatborder, flattopborder, semitranspaenttopborder.

Main Menu ID[ns_theme_t3karma.website.headerlayout.main_menuid]

Please configure page-id of top navigation menu.

Search Page ID[ns_theme_t3karma.website.headerlayout.searchpage]

Please configure page-id of Search result page.

Aimeos Search Plugin ID[ns_theme_t3karma.website.headerlayout.aimeosSearchPlugintUid]

Please add Aimeos Search Plugin Uid.

Wishlist Page ID[ns_theme_t3karma.website.headerlayout.wishlistpid]

Please configure Wishlist Page Id For Users.

One Page Menu Id[ns_theme_t3karma.website.headerlayout.onepage_menu]

Please setup page-id of One page scroll website.

Sign up Page ID[ns_theme_t3karma.website.headerlayout.signup]

Please configure page-id of Sign-up page.

Login Page ID[ns_theme_t3karma.website.headerlayout.login]

Please configure page-id of Login page.

Top Navigation ID[ns_theme_t3karma.website.headerlayout.topnav]

Please configure page-id of top navigation menu.

Social

Instagram Link[ns_theme_t3karma.website.social.instagram]

Global Instagram Link.

Linkedin Link[ns_theme_t3karma.website.social.linkedin]

Global Linkedin Link.

Facebook Link[ns_theme_t3karma.website.social.facebook]

Global Facebook Link.

Twitter Link[ns_theme_t3karma.website.social.twitter]

Global Twitter Link.

Youtube Link[ns_theme_t3karma.website.social.youtube]

Global Youtube Link.

Xing Link[ns_theme_t3karma.website.social.xing]

Global Xing Link.

Paths

Template Path[ns_theme_t3karma.website.paths.templateRootPath]

Layouts Path[ns_theme_t3karma.website.paths.layoutRootPath]

Partials Path[ns_theme_t3karma.website.paths.partialRootPath]

Navigation

Navigation Layout[ns_theme_t3karma.website.navigation.navigationLayout]

Select Header Navigation Menu Style

Hover Effect[ns_theme_t3karma.website.navigation.hoverEffect]

Select the hover effect for navigation menu

Dropdown Style[ns_theme_t3karma.website.navigation.dropdownStyle]

Select the dropdown style for navigation menu

Dropdown Effect[ns_theme_t3karma.website.navigation.dropdownEffect]

Select the dropdown effect for navigation menu

Font Styles[ns_theme_t3karma.website.navigation.fontStyles]

Select the font style for navigation menu

Page Header

Select Page Header Style[ns_theme_t3karma.website.pageHeader.pageHeaderLayout]

Select the page header layout. If color didn't appears then check if Background Media Path field is empty or not, if not then make it empty.

Background/Overlay Color[ns_theme_t3karma.website.pageHeader.pageHeaderColor]

Select the page header background color and overlay color if any media is selected.

Select Text Color[ns_theme_t3karma.website.pageHeader.pageHeaderTextColor]

It will change the breadcrumb and title text color as per different styles.

Select Size[ns_theme_t3karma.website.pageHeader.pageHeaderSize]

Select the page header size.

Select Title Position[ns_theme_t3karma.website.pageHeader.titlePosition]

Select None, if don't want to use any media.

Select Media Type[ns_theme_t3karma.website.pageHeader.bgStyle]

It will effect if not selected default page header layout

Input Media Path[ns_theme_t3karma.website.pageHeader.bg]

Eg. /fileadmin/ns_theme_t3karma/anyfolder/filename.jpg. NOTE: Erase the path if image not required.

Full Width[ns_theme_t3karma.website.pageHeader.pageHeaderFullWidth]

Enable for fullwidth page header.

Element Header Scroll Button[ns_theme_t3karma.website.pageHeader.elementHeaderScrollButton]

Only work with Page Header Style Element Header.

Element Header Button Link[ns_theme_t3karma.website.pageHeader.elementHeaderBtnLink]

NOTE: Page Header Style Element Header Button Link.

Cursor Settings

Enable/Disable Cursor[ns_theme_t3karma.website.cursorSetting.cursorSettings]

Enable/Disable Cursor Effect Globally.

Select Cursor Color[ns_theme_t3karma.website.cursorSetting.cursor_color]

Use to change cursor color.

Select Cursor Size[ns_theme_t3karma.website.cursorSetting.cursor_sizes]

Use to select cursor Size

Select Cursor Style[ns_theme_t3karma.website.cursorSetting.cursor_styles]

Use to select cursor Style

Footer

Footer light Logo[ns_theme_t3karma.website.footerLayout.footerlightLogo]

Go to Filelist > Upload your light logo image and set file. Eg.: fileadmin/ns_theme_t3karma/Images/T3Karma_Copyrights.svg

Footer Dark Logo[ns_theme_t3karma.website.footerLayout.footerdarkLogo]

Go to Filelist > Upload your dark logo image and set file. Eg.: fileadmin/ns_theme_t3karma/Images/T3Karma_Copyrights.svg

Copy Right[ns_theme_t3karma.website.footerLayout.copyright]

Go to Filelist > Upload your dark logo image and set file

Navigation Page ID[ns_theme_t3karma.website.footerLayout.navigation_page_id]

Footer Bottom Navigation ID.

First Column Page ID[ns_theme_t3karma.website.footerLayout.first_column_page_id]

Default Column Page ID. If ID not selected from footer component then will render from here.

Second Column Page ID[ns_theme_t3karma.website.footerLayout.second_column_page_id]

Default Column Page ID. If ID not selected from footer component then will render from here.

Third Column Page ID[ns_theme_t3karma.website.footerLayout.third_column_page_id]

Default Column Page ID. If ID not selected from footer component then will render from here.

Fourth Column Page ID[ns_theme_t3karma.website.footerLayout.fourth_column_page_id]

Default Column Page ID. If ID not selected from footer component then will render from here.