public function renderForm()\n {\n $fields_form = [\n 'form' => [\n 'legend' => [\n 'title' => $this->l('Settings'),\n 'icon' => 'icon-cogs',\n ],\n 'input' => [\n [\n 'type' => 'file_lang',\n 'label' => $this->l('Multilang image'),\n 'name' => 'WK_MULTILANG_IMG',\n 'lang' => true,\n ]\n ],\n 'submit' => [\n 'title' => $this->l('Save'),\n ],\n ],\n ];\n\n $lang = new Language((int) Configuration::get('PS_LANG_DEFAULT'));\n\n $helper = new HelperForm();\n $helper->show_toolbar = false;\n $helper->table = $this->table;\n $helper->default_form_language = $lang->id;\n $helper->module = $this;\n $helper->allow_employee_form_lang = Configuration::get('PS_BO_ALLOW_EMPLOYEE_FORM_LANG') ? Configuration::get('PS_BO_ALLOW_EMPLOYEE_FORM_LANG') : 0;\n $helper->identifier = $this->identifier;\n $helper->submit_action = 'submitStoreConf';\n $helper->currentIndex = $this->context->link->getAdminLink('AdminModules', false) . '&configure=' . $this->name . '&tab_module=' . $this->tab . '&module_name=' . $this->name;\n $helper->token = Tools::getAdminTokenLite('AdminModules');\n $helper->tpl_vars = [\n 'uri' => $this->getPathUri(),\n 'fields_value' => $this->getConfigFieldsValues(),\n 'languages' => $this->context->controller->getLanguages(),\n 'id_language' => $this->context->language->id,\n ];\n\n return $helper->generateForm([$fields_form]);\n }<\/pre>\n\n\n\nIn the above code, we used the file type field and ‘type’ => ‘file_lang’<\/strong> instead of ‘type’ => ‘file’<\/strong> and added <\/strong>new <\/strong>params ‘lang’ => true<\/strong> for multilanguage.<\/p>\n\n\n\nThe rest code is the same as we used for form creation.<\/p>\n\n\n\n
Now we will create form.tpl file on the below path <\/p>\n\n\n\n
module_name\/views\/templates\/admin\/_configure\/helpers\/form\/<\/p>\n\n\n\n
We have overridden the form.tpl file using our module and use the below code in the form.tpl file<\/p>\n\n\n\n
{extends file="helpers\/form\/form.tpl"}\n {block name="field"}\n {if $input.type == 'file_lang'}\n <div class="col-lg-8">\n {foreach from=$languages item=language}\n {if $languages|count > 1}\n <div class="translatable-field lang-{$language.id_lang}" {if $language.id_lang != $defaultFormLanguage}style="display:none"{\/if}>\n {\/if}\n <div class="form-group">\n <div class="col-lg-6">\n <input id="{$input.name}_{$language.id_lang}" type="file" name="{$input.name}_{$language.id_lang}" class="hide" \/>\n <div class="dummyfile input-group">\n <span class="input-group-addon"><i class="icon-file"><\/i><\/span>\n <input id="{$input.name}_{$language.id_lang}-name" type="text" class="disabled" name="filename" readonly \/>\n <span class="input-group-btn">\n <button id="{$input.name}_{$language.id_lang}-selectbutton" type="button" name="submitAddAttachments" class="btn btn-default">\n <i class="icon-folder-open"><\/i> {l s='Choose a file' mod='wkmultilangfile'}\n <\/button>\n <\/span>\n <\/div>\n <\/div>\n {if $languages|count > 1}\n <div class="col-lg-2">\n <button type="button" class="btn btn-default dropdown-toggle" tabindex="-1" data-toggle="dropdown">\n {$language.iso_code}\n <span class="caret"><\/span>\n <\/button>\n <ul class="dropdown-menu">\n {foreach from=$languages item=lang}\n <li><a href="javascript:hideOtherLanguage({$lang.id_lang});" id="dropdown-lang-item-link-{$lang.id_lang}" tabindex="-1">{$lang.name}<\/a><\/li>\n {\/foreach}\n <\/ul>\n <\/div>\n {\/if}\n <\/div>\n <div class="form-group">\n {if isset($fields_value[$input.name][$language.id_lang]) && $fields_value[$input.name][$language.id_lang] != ''}\n <div id="{$input.name}-{$language.id_lang}-images-thumbnails" class="col-lg-12">\n <img src="{$uri}img\/{$fields_value[$input.name][$language.id_lang]}" class="img-thumbnail"\/>\n <\/div>\n {\/if}\n <\/div>\n {if $languages|count > 1}\n <\/div>\n {\/if}\n <script>\n $(document).ready(function(){\n $('#{$input.name}_{$language.id_lang}-selectbutton').click(function(e){\n $('#{$input.name}_{$language.id_lang}').trigger('click');\n });\n $('#{$input.name}_{$language.id_lang}').change(function(e){\n var val = $(this).val();\n var file = val.split(\/[\\\\\/]\/);\n $('#{$input.name}_{$language.id_lang}-name').val(file[file.length-1]);\n });\n });\n <\/script>\n {\/foreach}\n {if isset($input.desc) && !empty($input.desc)}\n <p class="help-block">\n {$input.desc}\n <\/p>\n {\/if}\n <\/div>\n {else}\n {$smarty.block.parent}\n {\/if}\n {\/block}<\/pre>\n\n\n\nIn the above code, we extended the helper form tpl<\/strong> and overridden the field block.<\/p>\n\n\n\nwe have checked the if condition for the file_lang type field and wrote the multilanguage field code and in the else part return the parent field block for other fields.<\/p>\n\n\n\n
Now file upload field will appear language-wise.<\/p>\n\n\n\n![\"Image](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/05\/filemultilang-1200x382.webp\")
<\/figure>\n\n\n\nNow we will save the images language-wise using the code below.<\/p>\n\n\n\n
public function postProcess()\n {\n if (Tools::isSubmit('submitStoreConf')) {\n $languages = Language::getLanguages(false);\n $values = [];\n $update_images_values = false;\n\n foreach ($languages as $lang) {\n if (isset($_FILES['WK_MULTILANG_IMG_' . $lang['id_lang']])\n && isset($_FILES['WK_MULTILANG_IMG_' . $lang['id_lang']]['tmp_name'])\n && !empty($_FILES['WK_MULTILANG_IMG_' . $lang['id_lang']]['tmp_name'])) {\n if ($error = ImageManager::validateUpload($_FILES['WK_MULTILANG_IMG_' . $lang['id_lang']], 4000000)) {\n return $this->displayError($error);\n } else {\n $ext = substr($_FILES['WK_MULTILANG_IMG_' . $lang['id_lang']]['name'], strrpos($_FILES['WK_MULTILANG_IMG_' . $lang['id_lang']]['name'], '.') + 1);\n $file_name = md5($_FILES['WK_MULTILANG_IMG_' . $lang['id_lang']]['name']) . '.' . $ext;\n\n if (!move_uploaded_file($_FILES['WK_MULTILANG_IMG_' . $lang['id_lang']]['tmp_name'], dirname(__FILE__) . DIRECTORY_SEPARATOR . 'img' . DIRECTORY_SEPARATOR . $file_name)) {\n return $this->displayError($this->l('An error occurred while attempting to upload the file.'));\n } else {\n if (Configuration::hasContext('WK_MULTILANG_IMG', $lang['id_lang'], Shop::getContext())\n && Configuration::get('WK_MULTILANG_IMG', $lang['id_lang']) != $file_name) {\n @unlink(dirname(__FILE__) . DIRECTORY_SEPARATOR . 'img' . DIRECTORY_SEPARATOR . Configuration::get('WK_MULTILANG_IMG', $lang['id_lang']));\n }\n\n $values['WK_MULTILANG_IMG'][$lang['id_lang']] = $file_name;\n }\n }\n\n $update_images_values = true;\n }\n }\n\n if ($update_images_values && isset($values['WK_MULTILANG_IMG'])) {\n Configuration::updateValue('WK_MULTILANG_IMG', $values['WK_MULTILANG_IMG']);\n }\n\n return $this->displayConfirmation($this->l('The settings have been updated.'));\n }\n\n return '';\n }<\/pre>\n\n\n\nHere we did it on the configuration page. <\/p>\n\n\n\n
We can do the same step for the admin controller form.<\/p>\n\n\n\n
That\u2019s all about this blog. Hope it will help you.<\/p>\n\n\n\n
If you are facing any issues or doubts in the above process, please feel free to contact us in the comment section.<\/p>\n\n\n\n
We would be happy to help.<\/p>\n\n\n\n
Also, you can explore our PrestaShop Development Services<\/a> & a large range of quality PrestaShop Modules<\/a>.<\/p>\n\n\n\nFor any doubt contact us at support@webkul.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"