Sharing is helping.

We offer you this space to share your knowledge about Magento and learn from our experienced customers.

    Home Forums Theme Forum HelloCoco & HelloCoco iPhone CSS Layout Issue for Product Options

    This topic contains 7 replies, has 2 voices, and was last updated by  Anonymous 6 years, 3 months ago.

    Viewing 8 posts - 1 through 8 (of 8 total)
    • Author
    • #15846


      I’m seeing CSS layout issues with any of my products that have product options. You can see a screengrab here:

      Here’s another example:

      Where do I need to fix this – presume in styles.css? I can see .product-options so is it there?








      Yes, in style.css you can correct it. That issue is due a customization change you did, because as you can see: is correctly.-




      Yes, your are correct, sorry.

      To fix that, go to: appdesignfrontenddefaulthellococotemplatecatalogproductview.phtml

      Line 91 or above this line: <?php if ($_product->isSaleable() && $this->hasOptions()):?>
      add this:

      And that’s it!.-



      Thanks for this. It’s almost there but not quite… The options is now correct but expanded to fill the entire width of the page:

      Should the options not be within the <div class=”product-info-box”></div>?

      Also I see a slight layout issue with the Qty and Add to Basket button…



      Hi, the options was expanded before, that is the desing of the theme, HelloCoco uses 1 column in product pages. If you want to modify it, you can easly style it in styles.css of hellococo.




      Thanks that’s all understood but it leads into another question I’ve already posted to the “How to” section…

      How can I change the default layout for product pages to be 2 column (or 3 column) as I don’t think the single column layout works for the product pages. Because not only do you loose the benefit of a side column for call-outs and ads – the layout of the description itself is I think just too wide.

      I think the description area really benefits form being a shorter width which you can easily control by using either a 2 column or 3 column layout.

      I can of course assign a design change but it needs more than that as the theme doesn’t have correctly styled 2 and 3 column layout phtml files as far as I can tell.

    Viewing 8 posts - 1 through 8 (of 8 total)
    Reply To: CSS Layout Issue for Product Options
    Your information:

    <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">