{"id":845857,"date":"2016-03-29T15:00:58","date_gmt":"2016-03-29T15:00:58","guid":{"rendered":"https:\/\/wpml.org\/?p=845857"},"modified":"2016-08-26T13:20:08","modified_gmt":"2016-08-26T13:20:08","slug":"translate-retailer-theme-using-wpml","status":"publish","type":"post","link":"https:\/\/wpml.org\/ru\/compatibility\/2016\/03\/translate-retailer-theme-using-wpml\/","title":{"rendered":"Create Multilingual Websites Using The Retailer Theme and WPML"},"content":{"rendered":"<h3><img decoding=\"async\" class=\"alignnone wp-image-858999 size-full\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/wpml-and-the-retailer.jpg\" alt=\"wpml and the retailer\" width=\"680\" height=\"200\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/wpml-and-the-retailer.jpg 680w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/wpml-and-the-retailer-150x44.jpg 150w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/wpml-and-the-retailer-300x88.jpg 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/h3>\n<h2>Introduction<\/h2>\n<p>The Retailer theme comes with many theme options, pre-built layouts, demo content and other features. It is fully compatible with WooCommerce, which make it a good choice for building a clean and professional online store. Its integration with WPML allows you to translate all theme and shop elements effortlessly.<\/p>\n<h2>What you will need<\/h2>\n<ul>\n<li>A recent version of <a href=\"https:\/\/wpml.org\/purchase\/\">WPML<\/a> (version 3.3.6 or above), including String Translation, Translation Management, Media Translation add-ons, and <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce-multilingual\/\">WPML Multilingual &#038; Multicurrency for WooCommerce<\/a><\/li>\n<li><a href=\"http:\/\/themeforest.net\/item\/the-retailer-responsive-wordpress-theme\/4287447\">The Retailer<\/a> theme (version 2.4.4 or above)<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\">WooCommerce<\/a> (version 2.5.5 or above)<\/li>\n<\/ul>\n<h2>Essential resources<\/h2>\n<ul>\n<li>WPML\u2019s <a href=\"https:\/\/wpml.org\/documentation\/getting-started-guide\/\">Getting Started Guide<\/a> will assist you in setting up WPML in only a few minutes. Later, you may want to refer to some of its subtopics, such as <a href=\"\/?page_id=2717\">Theme and Plugin Localization<\/a> and <a href=\"https:\/\/wpml.org\/documentation\/getting-started-guide\/string-translation\/\">String Translation<\/a>. In addition, review the <a href=\"https:\/\/wpml.org\/documentation\/related-projects\/woocommerce-multilingual\/\">WPML Multilingual &#038; Multicurrency for WooCommerce<\/a> We recommend you keep these guides open while following this tutorial.<\/li>\n<li><a href=\"http:\/\/support.getbowtied.com\/hc\/en-us\/categories\/200102021-The-Retailer\" target=\"_blank\">The Retailer theme documentation<\/a>\u00a0has a step by step guide on how to set it up.<\/li>\n<\/ul>\n<h2>Content<\/h2>\n<ul>\n<li>Translating the home page(shop page)<\/li>\n<li>Translating products and product categories<\/li>\n<li>Translating pages, posts, custom post types, and custom taxonomies<\/li>\n<li>Translating menus<\/li>\n<li>Translating theme text and other strings<\/li>\n<\/ul>\n<h2>Getting started<\/h2>\n<p>Follow these main steps to get started:<\/p>\n<ul>\n<li>Install The Retailer theme and activate it.<\/li>\n<li>Install and activate the core WPML plugins (WPML Multilingual CMS, WPML String Translation, WPML Translation Management, WPML Media Translation), and then other WPML plugins that may depend on them.<\/li>\n<li>Set up WPML from WPML &gt;&gt; See our WPML <a href=\"https:\/\/wpml.org\/documentation\/getting-started-guide\/\">Getting Started Guide<\/a> for a complete reference. Note, however, that the initial three-step setup is self-explanatory, asking you to choose your default language, a set of active languages, and a language selector. (To begin, choose the footer language selector. You can change this later.)<\/li>\n<\/ul>\n<p>For this tutorial, we use the demo content provided by The Retailer theme. You can import this content by following these steps:<\/p>\n<ol>\n<li>From your WordPress dashboard, navigate to \u201cThe Retailer.\u201d<\/li>\n<li>Click on \u201cDemo.\u201d<\/li>\n<li>Click on the \u201cInstall\u201d button.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Install-demo-content.png\"><img decoding=\"async\" class=\"aligncenter wp-image-845859\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Install-demo-content-300x145.png\" alt=\"Install demo content\" width=\"530\" height=\"256\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Install-demo-content-300x145.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Install-demo-content-150x73.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Install-demo-content-768x371.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Install-demo-content-1024x495.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Install-demo-content.png 1319w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/a><\/p>\n<h2>Translating the home page (shop page)<\/h2>\n<p>The demo homepage installed by \u201cThe Retailer\u201d theme is built using the <a href=\"http:\/\/codecanyon.net\/item\/visual-composer-page-builder-for-wordpress\/242431\">Visual Composer<\/a> (VC) page builder.<\/p>\n<p>To translate the home page or any other page created with VC follow these steps:<\/p>\n<ol>\n<li>Navigate to \u201cPages.\u201d<\/li>\n<li>Find the home page and click the icon to add the translation.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Home-page-transaltion-1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-845860\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Home-page-transaltion-1-300x134.png\" alt=\"Home page transaltion-1\" width=\"530\" height=\"236\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Home-page-transaltion-1-300x134.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Home-page-transaltion-1-150x67.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Home-page-transaltion-1-768x342.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Home-page-transaltion-1-1024x456.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Home-page-transaltion-1.png 1339w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/a><\/p>\n<ol start=\"3\">\n<li>Click on the \u201ccopy content from English\u201d button found on the language metabox to copy your content to the secondary language home page.<\/li>\n<li>Click the \u201cBACKEND EDITOR\u201d option.<\/li>\n<li>Add the translated text to the page title and the different VC elements.<\/li>\n<li>Publish the page. (Refer to the illustration that follows.)<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Home-page-tranaslation-2.png\"><img decoding=\"async\" class=\"aligncenter wp-image-845863\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Home-page-tranaslation-2-300x142.png\" alt=\"Home page tranaslation-2\" width=\"530\" height=\"251\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Home-page-tranaslation-2-300x142.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Home-page-tranaslation-2-150x71.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Home-page-tranaslation-2-768x364.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Home-page-tranaslation-2-1024x485.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Home-page-tranaslation-2.png 1331w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/a><\/p>\n<h2>Translating products and product categories<\/h2>\n<p>You can translate products and product categories using WPML Multilingual &#038; Multicurrency for WooCommerce. Please refer to our full tutorial on using <a href=\"https:\/\/wpml.org\/documentation\/related-projects\/woocommerce-multilingual\/\">WPML Multilingual &#038; Multicurrency for WooCommerce<\/a>.<\/p>\n<p>Translating pages, posts, custom post types, and custom taxonomies<\/p>\n<p>Translating pages, posts, and the custom post types (Portfolio) can be achieved by navigating to Pages or Posts on the WordPress dashboard and clicking the \u00a0icon to add the translated content to the secondary language in the same manner we translated the home page.<\/p>\n<p>To translate custom taxonomies, follow these steps:<\/p>\n<ol>\n<li>Go to WPML &gt;&gt; Taxonomy Translation.<\/li>\n<li>Select \u201cPortfolio Categories\u201d from the \u201cSelect the taxonomy to translate drop down\u201d menu.<\/li>\n<li>Click on \u201ctranslate,\u201d complete the required fields, and click \u201cOK\u201d to add the custom taxonomy translation, as illustrated that follows.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/portofolio-category-translation.png\"><img decoding=\"async\" class=\"aligncenter wp-image-845866\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/portofolio-category-translation-300x136.png\" alt=\"portofolio category translation\" width=\"530\" height=\"240\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/portofolio-category-translation-300x136.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/portofolio-category-translation-150x68.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/portofolio-category-translation-768x347.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/portofolio-category-translation-1024x463.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/portofolio-category-translation.png 1333w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/a><\/p>\n<h2>Translating menus<\/h2>\n<p>Using WPML, you can easily synchronize menus between languages. For more information, please refer to our complete <a href=\"https:\/\/wpml.org\/documentation\/getting-started-guide\/translating-menus\/\">translating menus<\/a> tutorial.<\/p>\n<h2>Translating theme text and other strings<\/h2>\n<p>Theme strings can be scanned and registered for translation on the string translation screen. Read more about this here: <a href=\"\/?page_id=2717\">Theme and Plugin Localization<\/a>.<\/p>\n<p>This can be accomplished by following these steps:<\/p>\n<ol>\n<li>Go to WPML &gt;&gt; Click on Theme and plugin localization<\/li>\n<li>Click on the \u201cScan the theme for strings\u201d button. This will register the theme texts for translation on the string translation screen. (Please refer to the illustration that follows.)<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Scan-theme-for-strings-1.png\"><img decoding=\"async\" class=\"aligncenter wp-image-845868\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Scan-theme-for-strings-1-300x132.png\" alt=\"Scan theme for strings\" width=\"530\" height=\"233\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Scan-theme-for-strings-1-300x132.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Scan-theme-for-strings-1-150x66.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Scan-theme-for-strings-1-768x338.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Scan-theme-for-strings-1-1024x450.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/Scan-theme-for-strings-1.png 1346w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/a><\/p>\n<ol start=\"3\">\n<li>Next, navigate to WPML &gt;&gt; String translation.<\/li>\n<\/ol>\n<p>Strings can be filtered by:<\/p>\n<ul>\n<li>Select the strings to display (Translation complete, Translation needed, Waiting for translator).<\/li>\n<li>Select a specific text domain.<\/li>\n<li>Search for a specific string by typing it in the \u201csearch for\u201d field and clicking the \u201csearch\u201d button.<\/li>\n<\/ul>\n<ol start=\"4\">\n<li>Click on \u201ctranslations\u201d and add your translated text. Then choose the \u201cTranslation is complete\u201d option and click \u201cSave.\u201d (Refer to the illustration that follows.)<\/li>\n<\/ol>\n<p><a href=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/String-translation.png\"><img decoding=\"async\" class=\"aligncenter wp-image-845870\" src=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/String-translation-300x135.png\" alt=\"String translation\" width=\"530\" height=\"239\" srcset=\"https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/String-translation-300x135.png 300w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/String-translation-150x68.png 150w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/String-translation-768x346.png 768w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/String-translation-1024x462.png 1024w, https:\/\/wpml.org\/wp-content\/uploads\/2016\/03\/String-translation.png 1349w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/a><\/p>\n<p>Note that translating admin texts\/theme options can be achieved by choosing the \u201cadmin_text_theme_mods_theretailer\u201d and \u201cgetbowtied\u201d string domains on the string translation screen.<\/p>\n<h2>Conclusion<\/h2>\n<p>The Retailer is a simple yet powerful eCommerce theme that enables you to create an attractive online store. Its integration with WPML allows you to translate all theme elements smoothly.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction The Retailer theme comes with many theme options, pre-built layouts, demo content and other features. It is fully compatible with WooCommerce, which make it a good choice for building a clean and professional online store. Its integration with WPML allows you to translate all theme and shop elements effortlessly. What you will need A [&hellip;]<\/p>\n","protected":false},"author":76577,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"ep_exclude_from_search":false,"footnotes":""},"categories":[1371,8],"tags":[],"class_list":["post-845857","post","type-post","status-publish","format-standard","hentry","category-compatibility","category-tutorials"],"_links":{"self":[{"href":"https:\/\/wpml.org\/ru\/wp-json\/wp\/v2\/posts\/845857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpml.org\/ru\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpml.org\/ru\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpml.org\/ru\/wp-json\/wp\/v2\/users\/76577"}],"replies":[{"embeddable":true,"href":"https:\/\/wpml.org\/ru\/wp-json\/wp\/v2\/comments?post=845857"}],"version-history":[{"count":7,"href":"https:\/\/wpml.org\/ru\/wp-json\/wp\/v2\/posts\/845857\/revisions"}],"predecessor-version":[{"id":1024394,"href":"https:\/\/wpml.org\/ru\/wp-json\/wp\/v2\/posts\/845857\/revisions\/1024394"}],"wp:attachment":[{"href":"https:\/\/wpml.org\/ru\/wp-json\/wp\/v2\/media?parent=845857"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpml.org\/ru\/wp-json\/wp\/v2\/categories?post=845857"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpml.org\/ru\/wp-json\/wp\/v2\/tags?post=845857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}