Okay
  Public Ticket #1199258
Multilanguage support
Closed

Comments

  •  1
    Ilana Lanchon started the conversation

    Hi team,

    Great work with the template - I've read all about translation and loco plugin. 

    How can I have several versions with different languages (French, Russian, Hebrew...)

    Thanks 

  •  325
    Barry replied

    Hi Ilana,

    I'm glad to hear to like working with the theme

    If you want to make a multilanguage website I recommend to use the WPML plugin, which is by far the best plugin on the market for this, and the theme is made 100% compatible with it. Unfortunately this plugin is not free and will cost $79.

    There is a free alternative which also does the job well which is Polylang

    If you have any questions please let me know.

    Best regards,
    Barry

  •  1
    Ilana Lanchon replied

    Hi,

    Thanks for the quick reply - in the meantime, I've been reading about Wordpress multisite, is this the same ? 

  •  325
    Barry replied

    You're welcome

    WordPress multisite allows you to create a network of sites on a single WordPress installation. I don't recommend to create a multilanguage website on this way because it is much more work to create and maintain a website like that rather than installing one of the plugins I've mentioned.

    WordPress multisite is a good option for businesses like schools or transport company's which need to target different departments/niches each with a separate website.

    Best regards,
    Barry

  •   Ilana Lanchon replied privately
  •  325
    Barry replied

    Great, you're welcome.

    Let me know if you have any questions

    Best regards,
    Barry

  •   Ilana Lanchon replied privately
  •  325
    Barry replied

    Hi there,

    The index.php issue seems like a rewrite issue in the .htaccess file on your server. You can find this file in the root of the WordPress folder. Can you copy the content of the file in here?

    Unfortunately you can't translate custom widgets straight out of the box with Polylang, rather than WPML. Due this we made the theme 100% compatible with WPML and recommend it. The translatable theme strings need to be wrapped within a custom Polylang function. 

    The best method to do this is install the child theme, that is located inside the full download package of the theme from ThemeForest. Then navigate to Appearance > Editor and edit the functions.php file of the child theme (please make sure it's from the child theme). And copy/paste all the following code the the functions.php file:

    EDIT: Please see new message

    Now your translated theme strings should be visible if you switch languages.

    That will be possible if you make the entire header sticky. If you want to make it entirely sticky you can add the following via Appearance > Customize > Theme Options > Custom CSS:

    /* Makes header sticky */
    @media (min-width: 992px) {
        .header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 10;
        }
        body {
            margin-top: 154px;
        }
    }
    

    Best regards,
    Barry

  •  325
    Barry replied

    Please download the attached PHP file, open it with notepad. Copy all the code (ctrl + a, ctrl + c) and add it to the functions.php file of the child theme ( Appearance > Editor > Select child theme physio-qt-child from the right top select field and select functions.php from the right list).

    Attached files:  widget-icon-box.php

    Best regards,
    Barry

  •   Ilana Lanchon replied privately
  •  325
    Barry replied

    Hi Ilana,

    Can you provide me a login to WordPress? I will take a closer look what is causing the issue.

    Thank you

    Best regards,
    Barry

  •   Ilana Lanchon replied privately
  •  325
    Barry replied

    Hi Ilana,

    The RTL issues are fixed. The rtl.css file was not enqueued because of the child theme, I added it with a to the functions.php file of the child theme. I also deactivated the 'child theme configurator' plugin, and activated our default child theme package, as that plugin is not necessary for our child theme.

    The string translations (of the 'Polylang' plugin) for the header contact widgets are working now.

    Can you check if it is working on your side. Maybe you need to delete your browser cache, or press ctrl + f5 a couple times, to see the changes.

    Let me know if you have any questions.

    Best regards,
    Barry

  •   Ilana Lanchon replied privately
  •  325
    Barry replied

    Great! I'm happy to hear you're satisfied with the support

    You can write a review on the download page on ThemeForest, by hovering the stars. Thank you in advance, a review really means a lot for us!

    Best regards,
    Barry

  •   Ilana Lanchon replied privately
  •  325
    Barry replied

    Hi Ilana,

    1. Please use the following CSS to align the slider captions to the left side (for RTL language only). Please add via Appearance > Customize > Theme Options > Custom CSS

    @media (min-width: 992px) {
         body.rtl .jumbotron .jumbotron-caption.right { text-align: left; }
     }
    

    2. The following CSS will align the text to right for the select field on RTL languages:

    body.rtl .wpcf7-select { direction: rtl; }
    

    3. Please use the following CSS:

    .testimonials .testimonial-controls {
        position: absolute;
        left: 0;
        bottom: 50px;
        z-index: 999;
    }
    

    4. The testimonial row has a margin bottom of 85 pixels. To remove this please hover the wrench icon of the row and click 'edit row'. Within in Layout panel you can remove the margin bottom by adding a 0 value

    Best regards,
    Barry

  •   Ilana Lanchon replied privately
  •  325
    Barry replied

    Hi Ilana,

    Thank you very much for your review on ThemeForest, it means a lot for us!

    Let me know if you have any questions.

    Best regards,
    Barry

  •   Ilana Lanchon replied privately
  •  325
    Barry replied

    Hi Ilana,

    Great!The website is looking good already!

    I don't know exactly the ins and outs of the Polylang plugin but if I'm right there should be some input fields, coming from the logo customizer option, on the 'String Translations' page of the Polylang plugin.

    When adding the URL (of the image that should be displayed) in the correct language input field the logo should change when changing languages.

    This can be changes on mobile and on desktop screens. Please use the following CSS (can be changed to your needs):

    /* For mobile screens */
    .header-widgets .widget { padding: 10px 0; }
    /* For desktop screens */
    @media (min-width: 992px) {
        .header-widgets { padding: 20px 0; }
        body.home.widget-bar-overlay .header { margin-bottom: -140px; }
    }
    

    Best regards,
    Barry

  •   Ilana Lanchon replied privately
  •   Ilana Lanchon replied privately
  •   Ilana Lanchon replied privately
  •  325
    Barry replied

    Hi Ilana,

    Sorry for the delay. 

    It was a long night for you indeed, hard works pays off

    The default embed function [embed][/embded] is also what I should recommend. It just works very simple and how it should.

    Let me answer your questions.

    1. Please use the following CSS ( Appearance > Customize > Theme Options > Custom CSS)

    .header .header-wrapper { display: none; }
    

    2. You can right align the slider captions in the 'Settings' tab of the slider metabox on the front page, by setting the 'Caption Align' to right.

    3. This can be done by increasing the padding of the row. Please hover the wrench icon of the row and click 'edit row'. In the Design panel you can give some top and bottom padding to increase the total height of the row.

    Let me know if you have any questions.

    Best regards,
    Barry

  •   Ilana Lanchon replied privately
  •  325
    Barry replied

    Hi Ilana,

    I see this issue is caused by some previous custom CSS. The following CSS rule:

    @media (min-width: 992px) {
         body.rtl .jumbotron .jumbotron-caption.right { text-align: left; }
     }
    

    Is currently aligning the text to the left on rtl languages. If you remove this part specifically from the theme customizer the captions will be aligned to the right

    Best regards,
    Barry

  •   Ilana Lanchon replied privately
  •  325
    Barry replied

    Hi Ilana,

    Hope you had a good time in France and enjoyed your stay

    I just took the CSS out of the customizer. The slider caption(s) is now aligned to right, can you take a look at your side of everything display correctly?

    Can you point me to the page/article where the alignment is off? I will take a closer look.

    You're welcome!

    Best regards,
    Barry

  •   Ilana Lanchon replied privately
  •  325
    Barry replied

    Hi Ilana,

    I think your previous message did not come throughI'm fine, thank you. No time off this summer, unfortunately.

    I think it's cool how you used the theme. Really like the header by using the text widget to display the logo so the logo, contact details and email button are in 1 line. Haven't seen it before like this

    I checked the article link but on my side the entire article is aligned to the right? Did I miss something? Can you point me to the issue?

    Please add the following CSS via Appearance > Customize > Theme Options > Custom CSS. It will make the top menu fixed and change the hover color of the icons:

    .header { position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 500; }
    body { margin-top: 102px; }
    .header-widgets .icon-box:hover .icon-box--icon i { color: #00cc96; }
    

    Let me know if you have any questions.

    Attached files:  screencapture-orthopedic-surgeon-israel.png

    Best regards,
    Barry

  •   Ilana Lanchon replied privately
  •  325
    Barry replied

    I need to plan some spare days, indeedMaybe at the end of the summer a couple of days, would be nice.

    Menu looks really great. Also the fixed position is more user friendly for the visitors.

    Oops, totally missed that. I'm sorry. It is possible to give the testimonials a fixed height so the buttons will be on the same position, but I don't know if that will look good design wise. You can see the result if you add the following CSS (Appearance > Customize > Theme Options > Custom CSS)

    @media (min-width: 992px) { .testimonials { min-height: 400px; } }
    

    Another way to 'fix' this is to position the buttons at the top of the testimonials, so you it won't depend on the height of the testimonials. If you want this please use the following CSS instead:

    .testimonials .testimonial-controls { bottom: auto; }
    

    I'm sorry I don't have any knowledge about the Hebrew language, I would like to get more into itSo if I understand it correctly the content is aligned to the right but it is not displaying right to left? It's hard for me to see this issue on the page as I can't read Hebrew. 

    I just logged in again trying to find out the issue but noticed the site language is set to English. RTL on WordPress only works correctly if the site language is set a right to left language. You can change this via Settings -> General -> Site Language.

    Please let me know if that did the trick.

    Best regards,
    Barry

  •   Ilana Lanchon replied privately
  •  325
    Barry replied

    Hi Ilana,

    I changed some CSS in the theme customizer. The header is only fixed on desktop screens. 

    Making a multilingual website is very time consuming indeed. Let me know if you have any questions

    Best regards,
    Barry

  •   Ilana Lanchon replied privately
  •  325
    Barry replied

    Thank you for sending the screenshotThe issue is fixed.

    You're welcome!

    Best regards,
    Barry