Sharing is helping.

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


    Home Forums Theme Forum HelloKids & HelloKids iPhone Product Grid Breaking Line

    Tagged: 

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

    Viewing 9 posts - 1 through 9 (of 9 total)
    • Author
      Posts
    • #15548

      Anonymous

      Hi there,

      We’ve got a new store we’re building with HelloKids and are having an issue with product grids. In category pages & search results the product grid is pushing each product to appear under each other, rather than four products per line. Assume this might be an issue with product name length, but in that case isn’t it supposed to break line and appear as two lines of text?

      I also notice that the “Add to Wishlist” and “Add to Compare” text links are breaking line and appearing underneath each other instead of side by side.

      Any suggestions?

      #15549

      Anonymous

      Please disregard this post. After rebuilding indexes, layout was fine.

      #15550

      Anonymous

      Hi, thanks for posting your resolution, it may help others.

      Cheers!.-

      #15551

      Anonymous

      Hi there,

      Unfortunately, this issue seems to be back. This time, I cannot get it to resolve with re-indexing and cache flush. Any thoughts?

      You can see the issue here: http://store.murrons.com/camlen-furniture.html
      It seems to want to incorrectly break line between “Add to Wish List” and “Add to Compare”, but doesn’t break for long product names… It also breaks line between “Add to Wish List” and “Add to Compare” on the actual product pages.

      #15552

      Anonymous

      Any thoughts? This one really has me stuck!

      #15553

      Anonymous

      Hi Chris, we have checked your site and since you modified the design a lot, it’s difficult to figure out what may causing this.
      A solution can be to revert the changes you did and see what is causing this layout issue, or comment the file list.phtml (like this __list.phtml) in appdesignfrontenddefaulthellocanvastemplatecatalogproductlist.phtml so Magento will take the file from his base.

      Regards.-

      #15554

      Anonymous

      Ok, I’ve narrowed down what I believe to be the issue, but cannot figure out how to resolve it.

      When comparing page source between what I’ve got as product list on our homepage (layed out correctly) vs. what we see on the category product listing, we see two different versions of the source you’d see in list.phtml. Homepage has the correct use of the span tag with the class “sep” outside of the
      tag, and the other has a different use, with span tag inside of the
      with the class “seperator”. This i’m sure is what is causing the problem, but I don’t know where the second version is coming from. I’ve tried making the change on the base version of list.phtml to see if it was somehow pulling from base, but that didn’t work.
      Also, to be clear, I have not changed anything other than css font & background colours.

      #15555

      Anonymous

      After a huge headache, I’ve solved the problem.

      Just in case anyone else has the “Aitoc Gift Registry” ( and likely other Aitoc modules) installed, be aware that it creates it’s own versions of list.phtml and addto.phtml that are found here:

      /var/ait_patch/design/frontend/default/default/template/aitcommonfiles/
      design–frontend–base–default–template–catalog–product–list.phtml
      design–frontend–base–default–template–catalog–product–view–addto.phtml

      classes & structure must be edited to match the hellothemes versions of list.phtml & addto.phtml and then uploaded to:

      /app/design/frontend/default/yourhellotheme/template/aitcommonfiles/

      Cheers,

      Chris

      #15556

      Anonymous

      Thanks for posting your resolution Chris.

      Regards.-

    Viewing 9 posts - 1 through 9 (of 9 total)
    Reply To: Product Grid Breaking Line
    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="">