I’m having some difficulty with Images and MetaSlider on my second site.
Everything works alright on www.allinonestains.com but I’m trying to add a french version www.allinonestains.com/fr/ unfortunately I’m having issues with the logo and meta slider images not working. They’re just broken image links.
Would you be able to direct me to a solution?
Thanks,
Brandon
Hi Brandon
We’ll need to use a child theme to resolve this. The child theme will have a header that detects what language is being used and loads a different logo and slider based on that. I’ll mail you the child theme but will lay it out here for reference purposes.
Ref: https://codex.wordpress.org/Child_Themes
Your child theme’s style.css file should look as follows:
/* Theme Name: Vantage Child Author: SiteOrgin Template: vantage Version: 1.0.0 */ @import url("../vantage/style.css");Copy header.php from the Vantage parent folder at /wp-content/themes/vantage into your child theme. Then, to replace the slider with a language sensitive slider, remove line 34:
And replace it with this snippet:
<?php $currentlang = get_bloginfo('language'); if($currentlang=="en-US"): ?> <?php echo do_shortcode("[metaslider id=16]") ?> <?php else: ?> <?php echo do_shortcode("[metaslider id=189]") ?> <?php endif; ?>Replace [metaslider id=16] and [metaslider id=189] with your two slider shortcodes. The above snippet assumes your first language is en-US so change that if required.
I’ll reply shortly with the logo replacement.
Then to change the logo based on language create a folder called “parts” in your child theme and copy masthead.php from the same location in the parent theme, into your parts folder.
Then replace line 9:
With:
<?php $currentlang = get_bloginfo('language'); if($currentlang=="en-US"): ?> <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home" class="logo"><?php vantage_display_logo(); ?></a> <?php else: ?> <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home" class="logo"> <img src="<a href="http://localhost/so/wp-content/themes/vantage/images/logo.png"" rel="nofollow ugc">http://localhost/so/wp-content/themes/vantage/images/logo.png"</a>; width="181" height="40" alt="SiteOrigin Logo"> </a> <?php endif; ?>And replace my image url, dimensions and alt info with yours.
Hey Andrew,
Thanks a lot for your help with this! I now know how to specifically change things that were in the english version through child-themes!
Unfortunately I’m not sure this is what I’m looking for. The website doesn’t need to be based on language, just english for the main and I will eventually add a link to the french (/fr/) content, a second site in my multi-site. All I’m trying to get to work is the image upload gallery seems to be linking incorrectly. Meaning that whats been uploaded through that (Main Logo & Meta Slider) isn’t linking correctly to the french images I’ve uploaded. Note the slider and logo. The rest have had specific content uploaded to the site and linked through urls which are very easy to change.
Let me know if this is clear!
Thanks,
Brandon
Hi Brandon. Yeah, I’m not really following you. I think let’s close this thread down, there is info here that can help others. Get me on our email thread and please send through a set of temporary admin login details and your url and I’ll take a look.
Could this be the answer to this query of mine?
Thread: Vantage Multisite Shared Elements – Header and Footer
Hi kirpaljeet
I don’t believe so. I run multi-site locally for all of our themes. I haven’t ever heard of a setup like you’re requesting – doesn’t mean it’s not possible though.
Please reply on your own thread and we’ll go from there.