Issue with Product Layout, Large Image Blocking Product Description

Report · Jan 29, 2014

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>

<head>

<title>gardent_temp</title>

document.documentElement.className += ' js';

var __adobewebfontsappname__ = "muse";

</script>

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>

<a class="nonblock nontext clearfix grpelem" id="u73-4" href="/about-us.html"><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="u74-4" href="/contact.html"><div ice:editable="html" ice:options="disableImageResize,none,clickable" ice:muse_uid="U74"><p>Contact</p></div></a>

</div>

</div>

</div>

</div>

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

</li>

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

</li>

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

</li>

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

</li>

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

</li>

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

</li>

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

</li>

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

</li>

</ul>

{tag_pagecontent}

</div>

<p>PRODUCTS</p>

</div>

<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>Clearance</p>

</div>

<p>HELP & SUPPORT</p>

</div>

<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>

<p>FIND US SOCIALLY</p>

</div>

<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>

<p>CORPORATE INFO</p>

</div>

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

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

<p>Privacy Policy</p>

<p>Cookies Policy</p>

<p>Terms</p>

</div>

</div>

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>

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

</script>

$(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>

Adobe Community

Issue with Product Layout, Large Image Blocking Product Description