Thank you for choosing Sofraj to power your food logistic website! This documentation is designed to guide you through every step of setting up and customizing your theme.
Before installing the Sofraj – Food Logistics Service WooCommerce WordPress Theme, please ensure that your hosting environment meets the following minimum requirements for optimal performance:
⚠️ Important: Please ensure you're running the latest version of WordPress for compatibility and security. Visit the official WordPress requirements page for more details.
🔄 Also, make sure JavaScript is enabled in your browser to enjoy the full interactive experience this theme provides.
If you experience issues like a white screen, failed demo import, or missing page content, it's often due to low PHP settings on your server. To ensure everything runs smoothly, we recommend updating your PHP configuration with the following minimum values:
max_execution_time = 300memory_limit = 256Mpost_max_size = 64Mupload_max_filesize = 32Mmax_input_time = 300max_input_vars = 3000🛠️ Tip: Not sure how to update these settings? Contact your hosting provider or server admin and ask them to adjust the limits for you.
To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex or you can watch the. Below are ll the useful links for WordPress information.
Installable WordPress Theme File (.zip): This is the theme file you can directly upload via the WordPress admin panel to install the theme.
Full Theme Package (All Files & Documentation): This zip folder contains everything – the installable theme, documentation, child theme, demo content, and other resources. You'll need to extract this package to locate the installable WordPress theme file.
Once you’ve set up WordPress on your hosting, you can install the Sofraj theme in a few different ways. Below is the step-by-step method for installing the theme via FTP.
To install the Sofraj theme manually, you’ll need an FTP client like FileZilla (Windows/Linux), Cyberduck (Mac), or any other preferred FTP software.
themeforest-xxxxx-sofraj.zip. Rename it to sofraj.zip (optional for clarity).sofraj.zip file. You will get a folder named sofraj./wp-content/themes/ directory.sofraj folder into the themes directory.✅ That’s it! The Sofraj theme is now installed and activated. You can start customizing it or proceed to import demo content.
Click Begin installing plugins. You will be navigated to Install Required Plugins page.
Simply check all of them (or all of required plugins and some recommended plugins you like) and from the drop down select Install, then hit Apply.
After successfully installing the theme and activating all required plugins, navigate to:
Admin > Sofraj Page
Here, you'll find the activation screen.
Enter your Theme Purchase Code in the input field and click the activation button. The system will verify the code in a few seconds.
✅ Upon successful activation, you’ll get gain full access to the theme options and demo import features.
Follow these steps to locate your Envato Purchase Code:
To get started, navigate in your WordPress dashboard to:
Admin > Appearance > Import Demo Data page.
Then, click the Import this demo button.
Next, click Continue & Import to begin the process.
⏳ Please be patient while the import runs. This may take a few minutes depending on your hosting server speed. Do not leave or refresh the page!
🎉 Once the import completes, you will see a confirmation message like the one below:
You can customize Sofraj settings via "Sofraj Options". You can upload logo or change skin color etc. Here are details of each section that you can customize.
You can change Layout color related changes here. Like you can select Skin color from here or etc.
This is the global color for all hightlighted things. This color will be used in Tabs, Accordion, Progress bar, text link and other areas. We have provided some pre-defined colors for you which you will also find on our demo site.
You can change Layout related changes here. Like you can switch to Boxed or Wide layout etc.
In this section you can customize the font properties for use across your website. You can choose from over 800 Google fonts and they are all open-source and 100% free for commercial use.
You can change floatingbar settings from here.
You can change topbar settings from here.
You can change titlebar settings from here.
Customize your website’s header easily from this panel. Upload your logo, enable or disable the sticky header, and much more.
Sofraj theme offers 3+ unique header styles to choose from, allowing you to create the perfect look for your site.
You can manage menu and sub-menu (dropdown menu) settings from here. You can also change Responsive Menu Breakpoint from here (from which display size the menu will become single icon mode). You can change Font-family, font-size, font-color, background-color etc properties for both main-menu and sub-menu both.
You can change footer text from here. To be able to make changes to the footer, you should first locate the exact theme areas and adjust the right elements. You can use the following shortcodes in your footer text:
[tm-site-url], [tm-site-title], [tm-site-tagline] and [tm-current-year]
You can change setting for global button from here.
You can change settings for Blog section from here.
Options to set Blog Excerpt Limit, "Read More" Link Text, Blog view, Details Page Style, Social Share, Settings for meta data for Blog classic view and Blogbox.
You can settings for "Team Member" section from here.
Options to set Details Box Title, Single Page View Style, Show Related Portfolio Option, Select column, it's to show, Single Page List Details Settings, Social sharing service for single etc.
One of the most common errors you can come across while browsing the Internet is a 404 or Page Not Found error. This error often occurs when you follow a broken link or if you type in a website address that doesn’t exist. A 404 page error appears when a website is active, but the specific page within it doesn’t exist. Here you can change the settings of the 404 Page.
You can change Search results page settings from here.
You can change Sidebar related settings from here. Also you can create a new sidebar from here.
You can change Widget settings from here.
NOTE: This will change style for left and right sidebar widgets only.
You can set your social services here.
Also add URLs from Social links from here. Also you can reorder the Social Links as per your choice. Just drag and drop items to reorder as per your choice.
You can use [tm-social-links] shortcode to show social links.
You can change settings related to WooCommerce from here. Setup for WooCommerce shop section.
Note: Please make sure you installed WooCommerce plugin.
The Sofraj theme comes with built-in Under Construction mode so you don't need to install any other plugin for it. You can enable it from here. You can change text and background settings from here. Here are steps:
You can login page background image, background color and other setttings from here.
You can set advanced settings (like SLUG for different post type) from here.
You can write your custom CSS or JavaScript code here. Also you can add Custom CSS Code for login page too.
You can import or export theme settings from here. This will be usefull when you are developing your site on other server and want to move only theme settings. Just click "Download" button to export the settings and click "Import from file" button to import it.
Note: When you click on "Import from file" then it will open new textbox. Just open the downloaded file in any text editor and copy paste code here to import.
With Sofraj, you can fully customize your headers and footers using Elementor. To do this, you first need to enable Sofraj custom post types in Elementor settings.
From the WordPress Dashboard, go to Sofraj Headers
From the Sofraj Headers section in your WordPress Dashboard, you can manage and customize available header layouts.
Sofraj provides ready-to-use header templates such as:
Simply select one of these layouts and customize it in Elementor (logo, menu, button text, etc.) to match your brand style.
Drag and Drop a header element from left sidebar and edit header element.
If you prefer to design your own header instead of using a pre-built layout, you can use Sofraj Special Elements:
This approach gives you complete flexibility to design a fully custom header that perfectly fits your project requirements.
From the WordPress Dashboard, go to Sofraj Footer
From the Sofraj Footer section in your WordPress Dashboard, you can manage and customize available footer layouts.
You can use footer Sofraj Special Elements:
Sofraj has some built-in Widget Positions to use. Here are details of each position:
Sofraj comes with special widget positions for footer area:
The Footer Area is divided in TWO section. Those are First Row Widget Area & Second Row Widget Area. Here is some short description on each point.
You can also change the column view of the Footer widgets. Just go to Admin > Sofraj Options > Footer Settings section and change the "Select Footer Column layout View" option:
Sofraj theme provides some built-in widgets that you can use quickly without any external plugins.
There is special settings box in page section (screenshot given below). You can select custom sidebar in the Left Sidebar and Right Sidebar options. The "Global" option will show widgets set in Widgets section.
To change sidebar settings, go to Sofraj Options > Sidebar in your admin panel.
With Sofraj theme, you can easily create unlimited sidebars and assign them to any page or post. We described all steps to use custom sidebar feature. Please follow steps given below:
Custom created sidebars can be used on any Page. The custom created sidebars are available on all Pages to select. See screenshot given below:
On each page you'll see a Theme Options , located below the page content editor. This metabox includes various options to control the Page Single view Elements Options on each page.
Step 1: Navigate to Pages in your admin sidebar and click Add New option.
Step 2: Enter a new name for your page, then find the Page Attributes box on right side to set your Parent or Template page.
Here includes various options to control Some Elements Options on each page.
Step 1: Choose Edit With Elementor to edit your page.
Step 2: Choose Add Element to start adding our premade elements to your new page.
Step 1: Go to Pages > All Pages. Then point at the page you want to edit. You will see the Quick Edit option.
Step 2: Edit the title as you want. Delete the current slug. Then hit Update. It will automatically generate new slug for your page.
You can also edit some other options such as parent, template, status... If you want to edit more options, hit Edit instead of Quick Edit.
Pages are main part of the WordPress and this makes the WordPress a solid CMS tool. You can manage all pages from Admin > Pages section. If you are absolutely new to Wordpress, please check the Overview with WordPress.
Note: Once the page is created, it should be added to menu via Appearance > Menus if you'd like it to appear in the navigation on website frontend. There are two menu positions Navigation Menu and Footer Menu. The rest of this section is devoted to page templates available within the theme and the custom options provided.
A number of custom options is available for any page created. Once you are in a specific page in admin panel, scroll down until you see the custom options block illustrated in below Screenshots. We will go through options one by one:
Note: You should read about the Sidebars / Widgets section to understand more usage of this box.
We are providing custom slider (shortcode based) support with our theme.
You can install any third party slider plugin and show the slider using their shortcode too. We are providing option where you can paste shortcode and it will appear in header area.
Just install the plugin and create slider in it. Then copy it's shortcode and paste it in the custom slider box shown in below image:
Setting one page website is easy. Just follow the steps given below:
ON in One Page Site option.
Set link in Appearance > Menus like this:
You need to create a new custom link and add #tm-home as link. This will scroll to top when clicked and also activate Home link in menu.
To learn basics of "Elementor" plugin, please read "Elementor" documentation online by clicking here.
Step 1 - Log in to your WordPress Administration Panel (Dashboard)
Step 2 - Click the Elementor -> Settings
Step 3 - You will see all tabs for setting of elementor , in General tab
Step 4 - In Advanced tab you will see all Method style
Here is what you need to know on turning Sofraj multilingual with WPML.
First, you need to to purchase a recent version of WPML, including the String Translation and Translation Management modules.
To translate a page you need to go to Admin > Pages and in the list you will see columns for each active language, with a pencil icon (for ‘edit translation’) or a ‘+’ icon (for ‘add translation’) next to each page. Go ahead and edit or add the translated page for ‘Home Default′.
Click here to detailed description
Sofraj comes with extra custom post types such as Portfolio and Testimonials, and custom taxonomies. In order to get a similar interface for translation/duplication as for posts and pages, you need to go to WPML > Translation Management, and select the tab Multilingual Content Setup.
WPML can synchronize menus for you. This means that if some entries, for example some pages, posts or categories, are in the English menu, WPML can generate and keep in sync menus for other languages pointing to the translated versions of these pages, posts or categories.
From WordPress Appearance > Menus you can see your existing menus and add menu translations and synchronize menus across translations.
To translate strings you need to follow the procedure for Theme and Plugin Localization. Go to WPML > Theme and Plugin Localization, and click on ‘Scan the theme for strings’ and you will see theme strings and which ones are translated or not.
If you are new to translating WordPress, you’re in the right place! In general, internationalization and localization (commonly abbreviated as i18n and l10n respectively) are terms used to describe the effort to make WordPress available in languages other then English for people from different locales. The actual localization is done using the GNU gettext framework, which is used by WordPress itself including the themes and plugins.
Here are overview steps for translating your site.
In order to make WordPress recognize the language to which you want to translate the core WordPress, the theme or the plugins, you have to define the language within the wp-config.php file or change a setting within the dashboard. The process is dependent on the WordPress version and is described below:
To Translate WordPress, Follow These Steps.
Step 1 – Login to your FTP account and edit the wp-config.php file.
Step 2 – In the wp-config.php file, look for WPLANG constant which looks like:
define('WPLANG', '');
Step 3 – Define the WPLANG constructor by adding the ISO Language code of your language. The names consist of locals, a combination of language and regional dialect. For example, if you were translating to Deutsch language, change the WPLANG constant to look like the following code:
define('WPLANG', 'de_DE');
To Translate WordPress, Follow These Steps.
Step 1 – Login to your WordPress admin section.
Step 2 – Then go to Settings > General section and change language from the Site Language dropdown.
Step 3 – Save the settings and done.
Storing translation files in the right directory is very important to make sure the translations you’ve downloaded, created or edited remains functional and intact. There are two ways to store translation files. The first method is storing it inside the themes folder located at the wp-content/languages/themes folder, and the second method is to create a new folder inside wp-content named Sofraj-languages (this is for safety).
We are providing translation files so you can translate your site easily. Just follow the steps given below:
/wp-content/themes/Sofraj/languages/ folder. the file name is Sofraj.pot. You can create PO file from this POT file and add your translations to PO file/wp-content/languages/themes Folder (recommended)Generally language files are in the themes folder (that is 3rd method) and you put inside it. But the theme update will remove the language files so we recommend you to put your files outside of the theme folder.
Placing your translation files inside /wp-content/languages/themes folder will make your language files safe and it will not be removed on update. So updating the theme will not overwrite the wp-content folder. Storing your translation files here will ensure they stay intact during updates.
If you choose to store your language files using this method, remember that the file structure is different, and must include the theme name, as well. For example, if the language files are in the Deutsch language, the file names would be Sofraj-de_DE.mo and Sofraj-de_DE.po.
/wp-content/Sofraj-languages/ Folder (for safety)Generally language files are in the themes folder (that is 3rd method that we don't recommend so we haven't described it) and you put inside it. But the theme update will remove the language files so we recommend you to put your files outside of the theme folder.
Placing your translation files inside /wp-content/Sofraj-languages/ folder will make your language files safe and it will not be removed on update. So updating the theme will not overwrite the wp-content folder. Storing your translation files here will ensure they stay intact during updates.
In order for WordPress to recognize the language to which you want to translate the theme, you must name the Language files accordingly using the ISO Language Codes. For example, if you wanted to translate Sofraj to the Deutsch language, the filenames would be de_DE.po and de_DE.mo.
There are different editors out there for the purpose of editing .po files, but POEdit is easy to use, it is available for all platforms and it is freeware. To download POEdit, follow this link.
For example, just open the recently saved de_DE.po or Sofraj-de_DE.po (depends on which step you are following) in this POEdit software and start editing it. Add translated word and save the changes.
Note: Please make sure you install the Preyantechnosys Extras for Sofraj Theme plugin as this plugin is required for all below given shortcodes to execute. If you do not install this plugin, the shortcodes will not get executed. Click here to know more about how to install this plugin.
Here are list shortcodes with options in our theme.
This shortcode will show the Site Tagline. There are no options for this shortcode. So just click Insert Shortcode button below to add this shortcode.
Options:
Example usage:
[prt-site-tagline]This shortcode will show the Site Title. There are no options for this shortcode. So just click Insert Shortcode button below to add this shortcode.
Options:
Example usage:
[prt-site-title]This shortcode will show the Site URL. There are no options for this shortcode. So just click Insert Shortcode button below to add this shortcode.
Options:
Example usage:
[prt-site-url]This shortcode will show the Site Logo. There are no options for this shortcode. So just click Insert Shortcode button below to add this shortcode.
Options:
Example usage:
[prt-logo]This shortcode will show the Current Year. There are no options for this shortcode. So just click Insert Shortcode button below to add this shortcode.
Options:
Example usage:
[prt-current-year]This shortcode will show the Footer Menu. There are no options for this shortcode. So just click Insert Shortcode button below to add this shortcode.
Options:
Example usage:
[prt-footermenu]This shortcode will show the Text in Skin Color
Options:
Skin Color Text : Write text which will be appear with skin color.
Example usage:
[prt-skincolor] This is dummy text and this text will be with skin color [/prt-skincolor]This will show text in dropcap style.
Options:
style : This will add style to the dropcap. You can see options in the image thumbnail
color : This will add color to the text.
bgcolor : This will add color to the background. Make sure you selected proper style.
Example usage:
[prt-dropcap style="square" bgcolor="grey" color="skincolor"]A[/tm-dropcap]Scripts / Frameworks
Images
WordPress Plugins
The Envato Market plugin allows you to easily install and update all your purchased WordPress themes and plugins from ThemeForest from your WordPress dashboard.
To update the Sofraj theme using the Envato Market plugin:
🎉 That’s it! Your theme will now stay up to date, and you’ll receive updates automatically when new versions are released.
This page contains solutions for general questions
Admin > Sofraj Options > Menu Settings section. Just go to this section and select window size (or set pixel) under "Responsive Menu Breakpoint" option. See screenshot below:
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on Themetechmount, you might consider visiting the forums and asking your question in the "Item Discussion" section.