ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• July 29, 2014 at 3:50 am #95493
  saury316

  Member

  Post count: 31

  Hi there,

  I’m having a few problems with the Shop page.
  1) The shopping cart in the header shows that there is 1 item there always even when the bag is empty.
  2) At certain screen widths, the Shop page has these grey lines down the side of the image. These are only there in the first and last image on each row
  3) At other screen widths the Shop layout changes so that there are 2 products in the first row, then 1, then 2 etc..

  I didn’t have any of these problems earlier so I’m not sure what has happened. Please help!

  Attachments:

  You must be logged in to view attached files.
  July 29, 2014 at 7:20 am #95509
  saury316

  Member

  Post count: 31

  Okay few more issues have sprung up – mainly misalignments. Would appreciate any help. Also realised that the photos didn’t attach in my previous post so I’ve added them here.
  4) When adding an item to cart from a product page, the notification that it was successful is misaligned.
  5) On the product page, the Wishlist and Add to Shopping cart buttons are misaligned
  6) On the main Shop page, the Product name and Price are misaligned
  7) On the Shop page, I have it set to change image at scroll over. The image scrolls upwards but the new image has these grey lines across the top. Not sure why.

  Attachments:

  You must be logged in to view attached files.
  July 29, 2014 at 9:43 am #95603
  Melanie – SUPPORT

  Member

  Post count: 11032

  Hi

  1 the shop does not have one item in the cart for me, please try logging out of your account and test when not logged in.

  2

  .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
  box-shadow: none!important;
  -webkit-box-shadow: none!important;
  }

  3 yeah there’s a small transitioning area between a larger and a smaller @media setting that causes this behavior.

  4

  .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before {
  height: 42px;
  }

  5 Have you modified anything in the theme? In our demo the styling is not faulty.

  6 the css from 2 will most likely also resolve this one.

  Let me know!

  July 31, 2014 at 2:38 am #96271
  saury316

  Member

  Post count: 31

  Hi,

  Turns out all the misalignemnts were just a plugin. I’ve fixed it all. Only thing I’m still not fully satisfied with is the Shop main page when items are listed 2/row, 1/row, 2/row etc. If you have a fix for this I would be grateful.

  Thanks!

  July 31, 2014 at 1:01 pm #96464
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please go to Admin -> Theme Options _> General Options -> Change width 970px to 1170px to resolve the issue.

  Thanks 🙂
  With Best Regards
  Swift Ideas

• Back to forum

  Posted in: Dante