COMMUNITY FORUM

i can't see item image in item view

Start
Prev
1
Next
End

alfredopacino
Topic Author
Offline
Junior Member

11 years 5 months ago #122626 by alfredopacino

i can't see item image in item view was created by alfredopacino

this is my category settings
i don't know what i have done wrong, now i can't see item images in item view

Please Log in or Create an account to join the conversation.

Krikor Boghossian
Offline
Platinum Member

11 years 5 months ago #122627 by Krikor Boghossian

Replied by Krikor Boghossian on topic Re: i can't see item image in item view

Is this category inheriting its settings from another category?

Can you see the image with the default template?

Please Log in or Create an account to join the conversation.

alfredopacino
Topic Author
Offline
Junior Member

11 years 5 months ago - 11 years 5 months ago #122628 by alfredopacino

Replied by alfredopacino on topic Re: i can't see item image in item view

i noticed i can see the image with Beez2 template :huh: :huh:
i'm using the blank t3 framework template..

i think it's a jquery conflict then..

Please Log in or Create an account to join the conversation.

Francisco Carvalho
Offline
Junior Member

11 years 5 months ago #122629 by Francisco Carvalho

Replied by Francisco Carvalho on topic Re: i can't see item image in item view

Once you have K2 in your joomla, you don't need to activate jQuery from another components. Otherwise will be able to get jQuery conflict...

Try to catch some error in Firebug and please let me now.

Please Log in or Create an account to join the conversation.

alfredopacino
Topic Author
Offline
Junior Member

11 years 5 months ago - 11 years 5 months ago #122630 by alfredopacino

Replied by alfredopacino on topic Re: i can't see item image in item view

firebug don't catch any error.
i can't disable jquery from my template, not all pages are managed by k2

this is the code of an item view who have the problem, actually i don't see multiple istances of jquery :dry:

<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#" lang="it-it" dir="ltr"
          class='com_k2 view-item task-8union-conical-melleable-pipe itemid-115 j25'>

<head>
<link href='http://fonts.googleapis.com/css?family=Italiana' rel='stylesheet'>
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet'>

          <base href="http://localhost/qingdao2/index.php/it/products/item/8-union-conical-melleable-pipe" />
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="title" content="Copy of Union Conical Melleable Pipe" />
  <meta property="og:url" content="http://localhost/qingdao2/index.php/it/products/item/8-union-conical-melleable-pipe" />
  <meta property="og:title" content="Copy of Union Conical Melleable Pipe" />
  <meta property="og:type" content="article" />
  <meta property="og:description" content="Union Conical Melleable Pipe" />
  <meta name="description" content="Union Conical Melleable Pipe" />
  <meta name="generator" content="Joomla! - Open Source Content Management" />
  <title>Copy of Union Conical Melleable Pipe</title>
  <link href="/qingdao2/templates/t3_bs3_blank/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
  <link rel="stylesheet" href="/qingdao2/media/system/css/modal.css" />
  <link rel="stylesheet" href="/qingdao2/components/com_k2/css/k2.css" />
  <link rel="stylesheet" href="/qingdao2/templates/system/css/system.css" />
  <link rel="stylesheet" href="/qingdao2/templates/t3_bs3_blank/css/themes/qingdao/bootstrap.css" />
  <link rel="stylesheet" href="/qingdao2/templates/t3_bs3_blank/css/themes/qingdao/template.css" />
  <link rel="stylesheet" href="/qingdao2/templates/t3_bs3_blank/css/themes/qingdao/megamenu.css" />
  <link rel="stylesheet" href="/qingdao2/templates/t3_bs3_blank/fonts/font-awesome/css/font-awesome.min.css" />
  <script src="/qingdao2/media/system/js/mootools-core.js"></script>
  <script src="/qingdao2/media/system/js/core.js"></script>
  <script src="/qingdao2/media/system/js/modal.js"></script>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
  <script src="/qingdao2/components/com_k2/js/k2.js?v2.6.7&amp;sitepath=/qingdao2/"></script>
  <script src="/qingdao2/plugins/system/t3/base-bs3/bootstrap/js/bootstrap.js"></script>
  <script src="/qingdao2/plugins/system/t3/base-bs3/js/script.js"></script>
  <script src="/qingdao2/plugins/system/t3/base-bs3/js/menu.js"></script>
  <script src="/qingdao2/plugins/system/t3/base-bs3/js/nav-collapse.js"></script>
  <script>

                window.addEvent('domready', function() {

                        SqueezeBox.initialize({});
                        SqueezeBox.assign($$('a.modal'), {
                                parse: 'rel'
                        });
                });
function keepAlive() {  var myAjax = new Request({method: "get", url: "index.php"}).send();} window.addEvent("domready", function(){ keepAlive.periodical(840000); });
  </script>

        
<!-- META FOR IOS & HANDHELD -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
        <style type="text/stylesheet">
                @-webkit-viewport   { width: device-width; }
                @-moz-viewport      { width: device-width; }
                @-ms-viewport       { width: device-width; }
                @-o-viewport        { width: device-width; }
                @viewport           { width: device-width; }
        </style>
        <script>
                //<![CDATA[
                if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
                        var msViewportStyle = document.createElement("style");
                        msViewportStyle.appendChild(
                                document.createTextNode("@-ms-viewport{width:auto!important}")
                        );
                        document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
                }
                //]]>
        </script>
<meta name="HandheldFriendly" content="true"/>
<meta name="apple-mobile-web-app-capable" content="YES"/>
<!-- //META FOR IOS & HANDHELD -->




<!-- Le HTML5 shim and media query for IE8 support -->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="/qingdao2/plugins/system/t3/base-bs3/js/respond.min.js"></script>
<![endif]-->

<!-- You can add Google Analytics here or use T3 Injection feature -->
</head>

<body>

<div class="t3-wrapper"> <!-- Need this wrapper for off-canvas menu. Remove if you don't use of-canvas -->

  
<!-- HEADER -->
<header id="t3-header" class="container t3-header">
        <div class="row">

                <!-- LOGO -->
                <div class="col-xs-12 col-sm-8 logo">
                        <div class="logo-image">
                                <a href="/qingdao2" title="qingdao2">
                                                                                        <img class="logo-img" src="/qingdao2/templates/t3_bs3_blank/images/logo.png" alt="qingdao2" />
                                                                                <span>qingdao2</span>
                                </a>
                                <small class="site-slogan"></small>
                        </div>
                </div>
                <!-- //LOGO -->

                                        <div class="col-xs-12 col-sm-4">
                                                                        <!-- HEAD SEARCH -->
                                        <div class="head-search ">
                                                <div class="bannergroup">

        <div class="banneritem">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <a
                                                        href="/qingdao2/index.php/it/component/banners/click/1" target="_blank"
                                                        title="Support Joomla!">
                                                        <img
                                                                src="http://localhost/qingdao2/images/banners/white.png"
                                                                alt="Support Joomla!"
                                                                                                                                                                                        />
                                                </a>
                                                                                                                                <div class="clr"></div>
        </div>

</div>

                                        </div>
                                        <!-- //HEAD SEARCH -->
                                
                                                        </div>
                
        </div>
</header>
<!-- //HEADER -->

  
<!-- MAIN NAVIGATION -->
<nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav">
        <div class="container">

                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                
                                                                                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".t3-navbar-collapse">
                                        <i class="fa fa-bars"></i>
                                </button>
                        
                        
                </div>

                                        <div class="t3-navbar-collapse navbar-collapse collapse"></div>
                
                <div class="t3-navbar navbar-collapse collapse">
                        <div  class="t3-megamenu"  data-responsive="true">
<ul class="nav navbar-nav level0">
<li  data-id="101" data-level="1">
<a class="" href="/qingdao2/index.php/it/"   data-target="#">Home </a>
</li>
<li  data-id="112" data-level="1">
<a class="" href="/qingdao2/index.php/it/contattaci"   data-target="#">Contattaci </a>
</li>
<li  data-id="114" data-level="1">
<a class="" href="/qingdao2/index.php/it/about-us"   data-target="#">About us </a>
</li>
<li class="current active" data-id="115" data-level="1">
<a class="" href="/qingdao2/index.php/it/products"   data-target="#">Products </a>
</li>
<li  data-id="116" data-level="1">
<a class="" href="/qingdao2/index.php/it/request-catalogues"   data-target="#">Request catalogues </a>
</li>
</ul>
</div>

                </div>

        </div>
</nav>
<!-- //MAIN NAVIGATION -->

  

  
<div id="t3-mainbody" class="container t3-mainbody">
        <div class="row">

                <!-- MAIN CONTENT -->
                <div id="t3-content" class="t3-content col-xs-12 col-sm-8 col-sm-push-4 col-md-9 col-md-push-3">
                                                
<div id="system-message-container">
</div>
                                                

<!-- Start K2 Item Layout -->
<span id="startOfPageId8"></span>

<div id="k2Container" class="itemView">

        <!-- Plugins: BeforeDisplay -->
        
        <!-- K2 Plugins: K2BeforeDisplay -->
        
        <div class="itemHeader">

                
                  <!-- Item title -->
          <h2 class="itemTitle">
                        
                Copy of Union Conical Melleable Pipe
                
          </h2>
          
                
  </div>

  <!-- Plugins: AfterDisplayTitle -->
  
  <!-- K2 Plugins: K2AfterDisplayTitle -->
  
          <div class="itemToolbar">
                <ul>
                        
                        
                        
                        
                        
                        
                                        </ul>
                <div class="clr"></div>
  </div>
        
        
  <div class="itemBody">

          <!-- Plugins: BeforeDisplayContent -->
          
          <!-- K2 Plugins: K2BeforeDisplayContent -->
          
                  <!-- Item Image -->
          <div class="itemImageBlock">
                  <span class="itemImage">
                        <a class="modal" rel="{handler: 'image'}" href="/qingdao2/media/k2/items/cache/184b7cb84d7b456c96a0bdfbbeaa5f14_XL.jpg" title="Click to preview image">
                                <img src="/qingdao2/media/k2/items/cache/184b7cb84d7b456c96a0bdfbbeaa5f14_M.jpg" alt="Copy of Union Conical Melleable Pipe" style="width:400px; height:auto;" />
                        </a>
                  </span>

                  
                  
                  <div class="clr"></div>
          </div>
          
                  <!-- Item text -->
          <div class="itemFullText">
                <p>Union Conical Melleable Pipe</p>   </div>
          
                <div class="clr"></div>

          
                
          <!-- Plugins: AfterDisplayContent -->
          
          <!-- K2 Plugins: K2AfterDisplayContent -->
          
          <div class="clr"></div>
  </div>

        
    <div class="itemLinks">

                
          
          
                <div class="clr"></div>
  </div>
  
  
  
        
  
        <div class="clr"></div>

  
  
  
  <!-- Plugins: AfterDisplay -->
  
  <!-- K2 Plugins: K2AfterDisplay -->
  
  
 
                <div class="itemBackToTop">
                <a class="k2Anchor" href="/qingdao2/index.php/it/products/item/8-union-conical-melleable-pipe#startOfPageId8">
                        back to top             </a>
        </div>
        
        <div class="clr"></div>
</div>
<!-- End K2 Item Layout -->

<!-- JoomlaWorks "K2" (v2.6.7) | Learn more about K2 at http://getk2.org -->


                </div>
                <!-- //MAIN CONTENT -->

                <!-- SIDEBAR LEFT -->
                <div class="t3-sidebar t3-sidebar-left col-xs-12 col-sm-4 col-sm-pull-8 col-md-3 col-md-pull-9 ">
                        <div class="t3-module module " id="Mod16"><div class="module-inner"><h3 class="module-title "><span>Login</span></h3><div class="module-ct">        <form action="/qingdao2/index.php/it/products" method="post" id="login-form">
                                <fieldset class="userdata">
                        <div id="form-login-username" class="form-group">
                                                                        <div class="input-group">
                                                <span class="input-group-addon">
                                                        <i class="fa fa-user tip" title="Nome utente"></i>
                                                </span>
                                                <input id="modlgn-username" type="text" name="username" class="input form-control" tabindex="0" size="18"
                                                           placeholder="Nome utente"/>
                                        </div>
                                                        </div>
                        <div id="form-login-password" class="form-group">
                                                                <div class="input-group">
                                                <span class="input-group-addon">
                                                        <i class="fa fa-lock tip" title="Password"></i>
                                                </span>
                                        <input id="modlgn-passwd" type="password" name="password" class="input form-control" tabindex="0"
                                                   size="18" placeholder="Password"/>
                                </div>
                                                </div>
                                                        <div id="form-login-remember" class="control-group">
                                        <label for="modlgn-remember" class="checkbox">
                                                <input id="modlgn-remember" type="checkbox"
                                                        name="remember" class="input"
                                                        value="yes"/> Ricordami                                    </label>
                                </div>
                                                <div class="control-group">
                                <input type="submit" name="Submit" class="btn btn-primary" value="Accedi"/>
                        </div>

                                                        <ul class="unstyled">
                                        <li>
                                                <a href="/qingdao2/index.php/it/il-tuo-profilo?view=registration">
                                                        Registrati <span class="fa fa-arrow-right"></span></a>
                                        </li>
                                        <li>
                                                <a href="/qingdao2/index.php/it/il-tuo-profilo?view=remind">
                                                        Nome utente dimenticato?</a>
                                        </li>
                                        <li>
                                                <a href="/qingdao2/index.php/it/il-tuo-profilo?view=reset">Password dimenticata?</a>
                                        </li>

                                </ul>
                        
                        <input type="hidden" name="option" value="com_users"/>
                        <input type="hidden" name="task" value="user.login"/>
                        <input type="hidden" name="return" value="aW5kZXgucGhwP29wdGlvbj1jb21fazImdmlldz1pdGVtJnRhc2s9ODp1bmlvbi1jb25pY2FsLW1lbGxlYWJsZS1waXBlJmlkPTg6dW5pb24tY29uaWNhbC1tZWxsZWFibGUtcGlwZSZJdGVtaWQ9MTE1"/>
                        <input type="hidden" name="2e53b0acc3a76f1573d23ec0a5c4734d" value="1" />           </fieldset>
                        </form>
</div></div></div>
                </div>
                <!-- //SIDEBAR LEFT -->

        </div>
</div> 
  

  
        <!-- NAV HELPER -->
        <nav class="wrap t3-navhelper ">
                <div class="container">
                        
<div id="k2ModuleBox100" class="k2BreadcrumbsBlock">
        <span class="bcTitle">You are here:</span><a href="http://localhost/qingdao2/">Home</a><span class="bcSeparator">&raquo;</span><a href="/qingdao2/index.php/it/">Products</a><span class="bcSeparator">&raquo;</span><a href="/qingdao2/index.php/it/products/itemlist/category/2-packing">PACKING</a><span class="bcSeparator">&raquo;</span>Copy of Union Conical Melleable Pipe</div>

                </div>
        </nav>
        <!-- //NAV HELPER -->

  
<!-- FOOTER -->
<footer id="t3-footer" class="wrap t3-footer">

        
        <section class="t3-copyright">
                <div class="container">
                        <div class="row">
                                <div class="col-md-12 copyright ">
                                        <ul class="nav  nav-pills nav-stacked ">
<li class="item-101"><a href="/qingdao2/index.php/it/" >Home</a></li><li class="item-112"><a href="/qingdao2/index.php/it/contattaci" >Contattaci</a></li><li class="item-114"><a href="/qingdao2/index.php/it/about-us" >About us</a></li><li class="item-115 current active"><a href="/qingdao2/index.php/it/products" >Products</a></li><li class="item-116"><a href="/qingdao2/index.php/it/request-catalogues" >Request catalogues</a></li></ul>

         
                                </div>
                                                        </div>
                </div>
        </section>

</footer>
<!-- //FOOTER -->
</div>

</body>

</html>

Please Log in or Create an account to join the conversation.

Francisco Carvalho
Offline
Junior Member

11 years 5 months ago #122631 by Francisco Carvalho

Replied by Francisco Carvalho on topic Re: i can't see item image in item view

K2 does not loads jQuery only from pages where K2 is.
Actually you don't need this:

alfredopacino
Topic Author
Offline
Junior Member

11 years 5 months ago #122632 by alfredopacino

Replied by alfredopacino on topic Re: i can't see item image in item view

that strange link is the remote copy of k2 jquery istance, i set local copy
<script src="/qingdao2/media/k2/assets/js/jquery-1.10.2.min.js" type="text/javascript"></script>

but i still get the problem
i think the blank template i'm using don't load jquery

Please Log in or Create an account to join the conversation.

alfredopacino
Topic Author
Offline
Junior Member

11 years 5 months ago #122633 by alfredopacino

Replied by alfredopacino on topic Re: i can't see item image in item view

nabbaitalia.it/qingdao/index.php/it/component/k2/item/8-union-conical-melleable-pipe

this is the link

Please Log in or Create an account to join the conversation.

alfredopacino
Topic Author
Offline
Junior Member

11 years 5 months ago #122634 by alfredopacino

Replied by alfredopacino on topic Re: i can't see item image in item view

i changed template and i solved

Please Log in or Create an account to join the conversation.

Krikor Boghossian
Offline
Platinum Member

11 years 5 months ago #122635 by Krikor Boghossian

Replied by Krikor Boghossian on topic Re: i can't see item image in item view

Your template uses a version of Bootstrap which creates a conflict with K2.

You need to remove the modal class from the link in .itemImage or edit its css so .modal for K2 links does not inherit the styling from Bootstrap.

More on overriding can be found here:
getk2.org/documentation/tutorials/174-templating-with-k2-and-the-concepts-of-sub-templates

Please Log in or Create an account to join the conversation.

marco
Offline
New Member

11 years 5 months ago #122636 by marco

Replied by marco on topic Re: i can't see item image in item view

Hy guys have the same problem , please im a dummy beginners what should i do?
Thanks for any help

Please Log in or Create an account to join the conversation.

Krikor Boghossian
Offline
Platinum Member

11 years 5 months ago - 11 years 5 months ago #122637 by Krikor Boghossian

Replied by Krikor Boghossian on topic Re: i can't see item image in item view

You should remove the class="modal" in the item.php file or better yet remove the entire modal link if you do not need the lightbox.

Use this link to locate the file: getk2.org/documentation/tutorials/174-te...pts-of-sub-templates

If you are familiar with CSS you can hack bootrstrap's css and change the .modal class to something like div.modal so links remain unaffected.

Please Log in or Create an account to join the conversation.

alfredopacino
Topic Author
Offline
Junior Member

11 years 5 months ago #122638 by alfredopacino

Replied by alfredopacino on topic Re: i can't see item image in item view

i solved with another template,
but modal class is defined by boostrap, maybe you should make your script compatible, nowday so much templates and frameworks uses bootstrap.

Please Log in or Create an account to join the conversation.

Krikor Boghossian
Offline
Platinum Member

11 years 5 months ago #122639 by Krikor Boghossian

Replied by Krikor Boghossian on topic Re: i can't see item image in item view

The .modal class is used by Joomla! 's default lightbox engine, Squeezebox.

Since this is a core Joomla! functionality I think the temlate should be compatible with that lightbox engine as well since a lot of components use that.

There are a lot of (if not most) Bootstrap templates which do not have this conflict.

Please Log in or Create an account to join the conversation.

Start
Prev
1
Next
End