Announcement

Collapse
No announcement yet.

Filtered Product Summary (not filtered results)

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Filtered Product Summary (not filtered results)

    Hi,

    I have been going through our new responsive site centering all of the images and text. I have (after lots of help) all but 1 area sorted out using tables and <td align="center"> etc.

    I have several pages that are filtered but as a default they show a mixture of fragment links to other sections and products. For example : http://www.tgurney.co.uk/acatalog/Ch...s-Fabrics.html

    On these pages the layout used for displaying the products (pre filtering) is called Filtered Product Summary. It is stubbornly left justifying everything. I have:

    1. replaced the code within the layout with the same code that works for products on all the standard pages
    2. Tried to clear any left justification in CSS using clear left

    Neither of these seem to make a difference

    I used google inspect to try to see what is causing the left justification but cant even see it.

    I think it has something to do with the interaction of a href= and the style sheet. I can't find it and I could be way off.

    I am sure I am just being dumb but if anyone has a spare few minutes to take a look I would be very grateful. I think the rest of the site is read to go.

    Many thanks

    Tony




    Tony
    www.secretgardenquilting.co.uk

  • #2
    Hi Tony,

    Little bit of work required.

    CSS Rule changes below:

    .std-product-details a, .product-details .regularMatchedLayouts a

    Change your float: left to float: none

    new css class
    .product-details{
    text-align:center;
    }

    This should now make them all centered. You shouldn't need to have your align in the td either... try to avoid in-lining styles where possible, makes unraveling harder than it needs to be!
    Matt. M - SMR Enterprises Ltd.

    Comment


    • #3
      Hi Matt,

      Sorry about the delayed response. Our main PC died just before the regular backup and so I spent this weekend rebuilding it and getting everything back.

      Thank you so much for looking at this for me. All sorted now.

      Many thanks
      Tony
      www.secretgardenquilting.co.uk

      Comment


      • #4
        Hi Matt.

        Unfortunately I spoke too soon. The changes do indeed centre the images and text on the mixed product and fragment pages.

        However the change:

        .std-product-details a, .product-details .regularMatchedLayouts a

        Change your float: left to float: none
        has a side effect of making all the filter results stop being centred and become (oddly) left justified.

        Here is an example in production with the changes in : https://www.secretgardenquilting.co....c-Bundles.html

        Here is the test site without the changes : http://www.tgurney.co.uk/acatalog/Fa...c-Bundles.html

        I did put the change in the test site and could replicate the new behaviour.

        I was hoping it might make some sense to you as I am perplexed?

        Any ideas would be gratefully received.

        Many thanks

        Tony
        www.secretgardenquilting.co.uk

        Comment


        • #5
          Originally posted by tonygg View Post
          Hi Matt.

          Unfortunately I spoke too soon. The changes do indeed centre the images and text on the mixed product and fragment pages.

          However the change:



          has a side effect of making all the filter results stop being centred and become (oddly) left justified.

          Here is an example in production with the changes in : https://www.secretgardenquilting.co....c-Bundles.html

          Here is the test site without the changes : http://www.tgurney.co.uk/acatalog/Fa...c-Bundles.html

          I did put the change in the test site and could replicate the new behaviour.

          I was hoping it might make some sense to you as I am perplexed?

          Any ideas would be gratefully received.

          Many thanks
          Hi Tony,

          Your filter results have a different class.

          Please add the following to your stylesheet:

          .std-product-details {
          text-align: center;
          }
          Matt. M - SMR Enterprises Ltd.

          Comment


          • #6
            Hi Matt. Thank you so much. That did the trick. Tony
            Tony
            www.secretgardenquilting.co.uk

            Comment

            Working...
            X