Duplicate custom HTML content to my Russian site

Highlighted
New Member
3 0 0

Hi,

 

I want to move an information slider from the homepage of my English site (www.go-smooth.com) to my Russian site (www.gosmooth.ru). See the picture below.

 

Screenshot 2019-11-12 at 15.47.48.png

 

When I copy the custom HTML and paste it as the same custom content it does not appear as an information slider. But it appears as shown below.

 

Screenshot 2019-11-12 at 15.54.03.png

 

This is code I'm copying from the English site:

 

<div id="ZjTextCarousel" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active justify-content-center">
      <div class="d-flex w-75 m-auto justify-content-center">  
      	<img src="https://cdn.shopify.com/s/files/1/0051/6250/0170/files/delivery-truck.svg?3893" class="d-block mr-2"><div>Free express shipping</div>
      </div>
    </div>
    <div class="carousel-item justify-content-center">
      <div class="d-flex w-75 m-auto justify-content-center">  
      	<img src="https://cdn.shopify.com/s/files/1/0051/6250/0170/files/cash.svg?4143" class="d-block mr-2"><div>Cash on delivery</div>
      </div>
    </div>
<div class="carousel-item justify-content-center">
      <div class="d-flex w-75 m-auto justify-content-center">  
      	<img src="https://cdn.shopify.com/s/files/1/0051/6250/0170/files/split_it_trans.png?4181"><div>&nbsp;
Pay in up  to 12 installments</div>
        </div>
    </div>
<div class="carousel-item justify-content-center">
      <div class="d-flex w-75 m-auto justify-content-center">  
      	<img src="https://cdn.shopify.com/s/files/1/0051/6250/0170/files/klarna-pay-logo.svg?4165" class="mr-2"><div> Pay Later available </div>
      </div>
    </div>
    <div class="carousel-item justify-content-center">
      <div class="d-flex w-75 m-auto justify-content-center">  
      	<img src="https://cdn.shopify.com/s/files/1/0051/6250/0170/files/guarantee.svg?4140" class="d-block mr-2"><div>1 year warranty</div>
      </div>
    </div>
  </div>
</div>

 

I also use an app which is called 'Custom JavaScript & jQuery scripts' in this app I use created a snippet including this:

 

jQuery.noConflict();

$(document).ready(function(){
    $(".owl-carousel").owlCarousel({
        loop:true,
        margin:10,
        dots: true,
        navigation: true,
        nav: true,
        responsiveClass:true,
        autoplay: true,
        autoplaySpeed: 2000,
        responsive:{
            0:{
                items:1.5,
            },
            600:{
                items:3,
            },
            1000:{
                items:4,

                loop:true
            }
        }
    });
    });

Screenshot 2019-11-12 at 16.01.54.png

 

Does someone know what I'm doing wrong, or what part I am missing?

 

Thanks in advance for all the help!

 

GoSmooth

0 Likes
Shopify Expert
2590 43 604

You have some CSS code on your .com site, which is:

a) missing from the .ru site

b) uses section id to target elements and this will be different in your .ru shop -- like this rule:

#shopify-section-1567708387721 img {
    max-height: 1.5em;
    margin-right: 0.5em;
}
Want to hire me to tweak a theme? Mail me at tairli@yahoo.com! My post solved your problem? This is my Paypal too :)
0 Likes