0 Replies Latest reply on Jan 29, 2014 3:49 AM by mystro95

    Issue with Product Layout, Large Image Blocking Product Description

    mystro95 Level 1

      The website I am currently creating is http://shopatjem.businesscatalyst.com/

       

      I am using Muse for the overall site layout, and merge BC with Muse has been a royal headache. I have found that the issues are typically easy fixes but are hard to figure out due to the lack of information found on the internet.

       

      On the specific product page, I have found that the 'large image' blocks the product description. I was hoping it would be a simple fix on how the tags are layed out, as my knowledge in CSS is not professional.

       

      You can view the issue at this link: http://shopatjem.businesscatalyst.com/Garden/10-litre-power-washer

       

      Does anyone have any secrets, tips or advice that could help me solve this challenge.

       

      Any help would be a greatly appreciated.
      Kind Regards
      Erik M.

       

      ----
      I found out that this was a catalog template issue. But I am not sure where in the code to make an edit.

       

      the code is:

      <!DOCTYPE html>

      <html class="html">

      <head>

       

       

        <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>

        <meta name="generator" content="7.2.232.244"/>

        <link rel="shortcut icon" href="/images/master-b-favicon.ico?3995779763"/>

        <title>gardent_temp</title>

        <meta name="image-hide-from-external-url" content="true"/>

        <meta name="image-hide-location" content="true"/>

        <!-- CSS -->

        <link rel="stylesheet" type="text/css" href="/css/site_global.css?4231049081"/>

        <link rel="stylesheet" type="text/css" href="/css/master_master-b.css?3809496658"/>

        <link rel="stylesheet" type="text/css" href="/css/gardent_temp.css?4110180605" id="pagesheet"/>

        <!-- Other scripts -->

        <script type="text/javascript">

         document.documentElement.className += ' js';

      var __adobewebfontsappname__ = "muse";

      </script>

        <!-- JS includes -->

        <script type="text/javascript">

         document.write('\x3Cscript src="' + (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//webfonts.creativecloud.com/source-sans-pro:n4:all;asap:n7:all;pacifico:n4:all.js" type="text/javascript">\x3C/script>');

      </script>

         </head>

      <body>

       

       

        <div class="clearfix" id="page"><!-- column -->

         <div class="position_content" id="page_position_content">

          <div class="clearfix colelem" id="pu69"><!-- group -->

           <div class="browser_width grpelem" id="u69"><!-- group -->

            <div class="clearfix" id="u69_align_to_page">

             <a class="nonblock nontext clearfix grpelem" id="u75-4" href="/Blog"><!-- content --><div ice:editable="html" ice:options="disableImageResize,none,clickable" ice:muse_uid="U75"><p>Blog</p></div></a>

             <a class="nonblock nontext clearfix grpelem" id="u73-4" href="/about-us.html"><!-- content --><div ice:editable="html" ice:options="disableImageResize,none,clickable" ice:muse_uid="U73"><p>About Us</p></div></a>

             <a class="nonblock nontext clearfix grpelem" id="u71-4" href="/help.html"><!-- content --><div ice:editable="html" ice:options="disableImageResize,none,clickable" ice:muse_uid="U71"><p>Help</p></div></a>

             <a class="nonblock nontext clearfix grpelem" id="u74-4" href="/contact.html"><!-- content --><div ice:editable="html" ice:options="disableImageResize,none,clickable" ice:muse_uid="U74"><p>Contact</p></div></a>

             <div class="clip_frame grpelem" id="u91"><!-- image -->

              <img class="block" id="u91_img" src="/images/facebook.png" alt="" width="40" height="40" ice:editable="image" ice:muse_uid="U91" ice:muse_src="/images/facebook.png"/>

             </div>

             <div class="clip_frame grpelem" id="u101"><!-- image -->

              <img class="block" id="u101_img" src="/images/pinterest.png" alt="" width="40" height="40" ice:editable="image" ice:muse_uid="U101" ice:muse_src="/images/pinterest.png"/>

             </div>

            </div>

           </div>

           <div class="clip_frame grpelem" id="u96"><!-- image -->

            <img class="block" id="u96_img" src="/images/twitter.png" alt="" width="40" height="40" ice:editable="image" ice:muse_uid="U96" ice:muse_src="/images/twitter.png"/>

           </div>

          </div>

          <div class="clearfix colelem" id="u211"><!-- group -->

           <a class="nonblock nontext clearfix grpelem" id="u146-4" href="/index.html"><!-- content --><div ice:editable="html" ice:options="disableImageResize,none,clickable" ice:muse_uid="U146"><p>JEM</p></div></a>

           <a class="nonblock nontext clearfix grpelem" id="u153-4" href="/index.html"><!-- content --><div ice:editable="html" ice:options="disableImageResize,none,clickable" ice:muse_uid="U153"><p>Shop</p></div></a>

          </div>

          <ul class="MenuBar clearfix colelem" id="menuu3644"><!-- horizontal box -->

           <li class="MenuItemContainer clearfix grpelem" id="u4226"><!-- vertical box -->

            <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u4227" href="/index.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u4229-4"><!-- content --><div ice:editable="html" ice:options="disableImageResize,none,clickable" ice:muse_uid="U4229"><p>Featured</p></div></div></a>

           </li>

           <li class="MenuItemContainer clearfix grpelem" id="u4233"><!-- vertical box -->

            <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u4234" href="http://shopatjem.businesscatalyst.com/gadgets"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u4236-4"><!-- content --><div ice:editable="html" ice:options="disableImageResize,none,clickable" ice:muse_uid="U4236"><p>Gadgets</p></div></div></a>

           </li>

           <li class="MenuItemContainer clearfix grpelem" id="u4240"><!-- vertical box -->

            <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u4241" href="http://shopatjem.businesscatalyst.com/garden"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u4242-4"><!-- content --><div ice:editable="html" ice:options="disableImageResize,none,clickable" ice:muse_uid="U4242"><p>Garden</p></div></div></a>

           </li>

           <li class="MenuItemContainer clearfix grpelem" id="u4247"><!-- vertical box -->

            <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u4248" href="http://shopatjem.businesscatalyst.com/gifts"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u4249-4"><!-- content --><div ice:editable="html" ice:options="disableImageResize,none,clickable" ice:muse_uid="U4249"><p>Gifts</p></div></div></a>

           </li>

           <li class="MenuItemContainer clearfix grpelem" id="u4254"><!-- vertical box -->

            <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u4257" href="http://shopatjem.businesscatalyst.com/health-beauty"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u4260-4"><!-- content --><div ice:editable="html" ice:options="disableImageResize,none,clickable" ice:muse_uid="U4260"><p>Health &amp; Beauty</p></div></div></a>

           </li>

           <li class="MenuItemContainer clearfix grpelem" id="u4261"><!-- vertical box -->

            <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u4262" href="http://shopatjem.businesscatalyst.com/househo-ld"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u4263-4"><!-- content --><div ice:editable="html" ice:options="disableImageResize,none,clickable" ice:muse_uid="U4263"><p>Homeware</p></div></div></a>

           </li>

           <li class="MenuItemContainer clearfix grpelem" id="u4268"><!-- vertical box -->

            <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u4271" href="http://shopatjem.businesscatalyst.com/motoring"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u4274-4"><!-- content --><div ice:editable="html" ice:options="disableImageResize,none,clickable" ice:muse_uid="U4274"><p>Motoring</p></div></div></a>

           </li>

           <li class="MenuItemContainer clearfix grpelem" id="u4275"><!-- vertical box -->

            <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u4276" href="/special-offers.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u4279-4"><!-- content --><div ice:editable="html" ice:options="disableImageResize,none,clickable" ice:muse_uid="U4279"><p>Special Offers</p></div></div></a>

           </li>

          </ul>

          <div class="colelem" id="u3594"><!-- custom html -->

           {tag_pagecontent}

      </div>

          <div class="verticalspacer"></div>

          <div class="browser_width colelem" id="u843"><!-- group -->

           <div class="clearfix" id="u843_align_to_page">

            <div class="clearfix grpelem" id="pu1868-4"><!-- column -->

             <div class="clearfix colelem" id="u1868-4"><!-- content -->

              <div ice:editable="html" ice:options="disableImageResize,none" ice:muse_uid="U1868">

               <p>PRODUCTS</p>

              </div>

             </div>

             <div class="clearfix colelem" id="u1874-13"><!-- content -->

              <div ice:editable="html" ice:options="disableImageResize,none" ice:muse_uid="U1874">

               <p><a class="nonblock" href="/special-offers.html">Specia</a>l Offers</p>

               <p><a class="nonblock" href="/product-page-2.html">New Items</a></p>

               <p>On Sale</p>

               <p>Clearance</p>

              </div>

             </div>

            </div>

            <div class="clearfix grpelem" id="pu1870-4"><!-- column -->

             <div class="clearfix colelem" id="u1870-4"><!-- content -->

              <div ice:editable="html" ice:options="disableImageResize,none" ice:muse_uid="U1870">

               <p>HELP &amp; SUPPORT</p>

              </div>

             </div>

             <div class="clearfix colelem" id="u1871-14"><!-- content -->

              <div ice:editable="html" ice:options="disableImageResize,none" ice:muse_uid="U1871">

               <p><a class="nonblock" href="/contact.html">Customer Service</a></p>

               <p><a class="nonblock" href="/contact.html">Returns</a></p>

               <p><a class="nonblock" href="/contact.html">Promo Codes</a></p>

               <p><a class="nonblock" href="/help.html">Shipping Questions</a></p>

              </div>

             </div>

            </div>

            <div class="clearfix grpelem" id="pu1866-4"><!-- column -->

             <div class="clearfix colelem" id="u1866-4"><!-- content -->

              <div ice:editable="html" ice:options="disableImageResize,none" ice:muse_uid="U1866">

               <p>FIND US SOCIALLY</p>

              </div>

             </div>

             <div class="clearfix colelem" id="u1875-14"><!-- content -->

              <div ice:editable="html" ice:options="disableImageResize,none" ice:muse_uid="U1875">

               <p><a class="nonblock" href="/about-us.html">Pinterest</a></p>

               <p><a class="nonblock" href="/about-us.html">Facebook</a></p>

               <p><a class="nonblock" href="/about-us.html">Twitter</a></p>

               <p><a class="nonblock" href="/about-us.html">Instagram</a></p>

              </div>

             </div>

            </div>

            <div class="clearfix grpelem" id="pu1877-4"><!-- column -->

             <div class="clearfix colelem" id="u1877-4"><!-- content -->

              <div ice:editable="html" ice:options="disableImageResize,none" ice:muse_uid="U1877">

               <p>CORPORATE INFO</p>

              </div>

             </div>

             <div class="clearfix colelem" id="u1878-17"><!-- content -->

              <div ice:editable="html" ice:options="disableImageResize,none" ice:muse_uid="U1878">

               <p><a class="nonblock" href="/contact.html">Advertise with JEM</a></p>

               <p>List Your Products with JEM</p>

               <p>Work with JEM</p>

               <p>Privacy Policy</p>

               <p>Cookies Policy</p>

               <p>Terms</p>

               <p>Site Map</p>

              </div>

             </div>

            </div>

           </div>

          </div>

          <div class="browser_width colelem" id="u1881"><!-- group -->

           <div class="clearfix" id="u1881_align_to_page">

            <div class="clearfix grpelem" id="u1880-4"><!-- content -->

             <div ice:editable="html" ice:options="disableImageResize,none" ice:muse_uid="U1880">

              <p>© 2013 JEM MARKETING &amp; FULFILMENT SERVICES LTD</p>

             </div>

            </div>

           </div>

          </div>

         </div>

        </div>

        <!-- JS includes -->

        <script type="text/javascript">

         if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');

      </script>

        <script type="text/javascript">

         window.jQuery || document.write('\x3Cscript src="/scripts/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');

      </script>

        <script src="/scripts/museutils.js?242733602" type="text/javascript"></script>

        <script src="/scripts/jquery.tobrowserwidth.js?152985095" type="text/javascript"></script>

        <script src="/scripts/jquery.musemenu.js?32367222" type="text/javascript"></script>

        <script src="/scripts/jquery.watch.js?4199601726" type="text/javascript"></script>

        <!-- Other scripts -->

        <script type="text/javascript">

         $(document).ready(function() { try {

      Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */

      $('.browser_width').toBrowserWidth();/* browser width elements */

      Muse.Utils.prepHyperlinks(true);/* body */

      Muse.Utils.initWidget('.MenuBar', function(elem) { return $(elem).museMenu(); });/* unifiedNavBar */

      Muse.Utils.fullPage('#page');/* 100% height page */

      Muse.Utils.showWidgetsWhenReady();/* body */

      Muse.Utils.transformMarkupToFixBrowserProblems();/* body */

      } catch(e) { Muse.Assert.fail('Error calling selector function:' + e); }});

      </script>

         </body>

      </html>