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 5 years, 10 months ago.

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

      Anonymous

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

      http://www.360tacticalvr.com/support/layout.png

      Here’s another example:

      http://www.360tacticalvr.com/support/layout2.png

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

      Badders

      #15847

      Anonymous

      Bump!

      Badders

      #15848

      Anonymous

      Yes, in style.css you can correct it. That issue is due a customization change you did, because as you can see: http://demos.hellothemes.com/hellococo/asics-men-s-gel-kayano-xii.html is correctly.-

      #15849

      Anonymous
      #15850

      Anonymous

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

      #15851

      Anonymous

      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:

      http://www.360tacticalvr.com/support/hellothemes/options_update.png

      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…

      #15852

      Anonymous

      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.

      Regards.-

      #15853

      Anonymous

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