how to insert usquare on a website

StatusIDPriorityType
Closed7903HighxSquare Slider jQuery
Profile Reply
Laura Client

Hello,

I made a website and I would like to insert Usquare jquery in one of the pages, but I don’t really know where should I start. Could you please help me? My hosting is on Siteground and this my website http://www.gioiellidaschiaffi.it/

Thank you very much.

Best Regards

Laura

Replies

User Description Posted On
Shindiri Support team Administrator

Hi,

 

Did you checked the documentation for the uSquare plugin - http://www.shindiristudio.com/usquare/documentation.html ? It's fairly straightforward, and you should be able to build your own uSquare instance after reading it. However, if you need additional help, you can always contact us.

 

Kind regards,
Br0

Laura Client

Hello, 

I followed the documentation, I downloaded the folder U-square jquery into my hosting, and I write the code below in the index.html page of my site and in the body tag I insert the HTML part. Probably I made some mistake, could you please tell me what I do wrong? Thank you.

 


<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Gioielli da Schiaffi</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
google.load(‘jquery’, ‘1.6.4’);
google.setOnLoadCallback(function() {
    // qui richiameremo quello che solitamente mettevamo nel $(document).ready()
  });
</script> 
<link rel="stylesheet" type="text/css" href="usquare_jquery/css/style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="usquare_jquery/css/usquare_style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="usquare_jquery/css/usquare_products_style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="usquare_jquery/css/jquery.mCustomScrollbar.css" media="screen" />
<link rel="stylesheet" type="text/css" href="usquare_jquery/css/jcarousel.css" media="screen" />
<link rel="stylesheet" type="text/css" href="usquare_jquery/css/usquare_logos_style.css" media="screen" />

$('.usquare_module_wrapper').uSquare();
</head>

<body>






Shindiri Support team Administrator

Hi,

 

Well, for starters, you're missing script element around your uSquare initialization code:

$('.usquare_module_wrapper').uSquare();

 

It should be

 

<script type="text/javascript">
$('.usquare_module_wrapper').uSquare();
</script>

 

Kind regards,
Br0

× This ticket is closed.