Shop Page Pushed to the left

  • Resolved 121940kz

    (@121940kz)


    8 years, 12 months ago

    Hello, i have used jigoshop before and never had any problems with it. I am using the “Shuttershot” theme, and i think it must be overriding some css styling but i am not sure what. I added the wrapping code on the website and changed it to work with my theme’s div’s, and that helped get it formatted better because it was up too high, but now the rest of the container needs to be moved to the center. Any ideas on how to do this? I can post my wordpress files if need be.

    If i create a new page and manually put products on it, it is formatted the way it should be, but if i click on a product it goes back to the left because it knows in the jigoshop settings that the shop page is the products page.

    Thanks for any help.

    https://www.ads-software.com/plugins/jigoshop/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Jigoshop Support – Marcin

    (@azrielnefezen)

    Hi 121940kz,
    Please give us your site url, I’ll investigate on the issue.
    Regards,
    Marcin.

    Thread Starter 121940kz

    (@121940kz)

    Thanks Marcin. Sorry for the nasty looking url, i just got the site up and running and am still working on some things.

    This should get you to it.
    108.167.180.56/~kz121940

    or this should also for now
    kadinzim.com/~kz121940

    It also appears when resized for mobile browsers, the shop page does not size correctly. However if i use one of the other pages with the products manually placed using the shortcode text, it works as it should and resizes nicely. Cart and Checkout pages dont size correctly either

    Plugin Author Jigoshop Support – Marcin

    (@azrielnefezen)

    Hi 121940kz,
    In your wp-content/plugins/jigoshop/assets/css/frontend.css file remove the contents of the 237th line, to be precise change this
    .jigoshop .site-content{ width:66% }
    to this
    .jigoshop .site-content{/* width:66% */}
    Should be fine now ??

    Thread Starter 121940kz

    (@121940kz)

    Awesome thanks so much!! That fixed that aspect, and now i just have 1 more issue. Go back to the site and click on any product to view it. When you go into mobile view, you will notice that the product title, quantity, exerpt text, etc. (pretty much everything above the description and review section) is cut off because it looks like it doesn’t get sized in the container correctly. That text is shifted to the left

    Thread Starter 121940kz

    (@121940kz)

    Also the site is now on kadinzim.com. Not sure if the product title is messed up because of Jigoshop wrapping or some other thing.

    Plugin Author Jigoshop Support – Marcin

    (@azrielnefezen)

    Do something like this

    @media screen and (max-width: yourdesiredwidth) {
div.product div.summary{width:300px;}
}

    in your wp-content/plugins/jigoshop/assets/css/frontend.css file ??
    Regards,
    Marcin

    Thread Starter 121940kz

    (@121940kz)

    Thanks Marcin! I ended up having to change it to width: auto; because nothing else would make it move over. But all looks good now! Wonderful support, very happy with my experience. Have a good one

    Thread Starter 121940kz

    (@121940kz)

    Ahhh 1 more thing, sorry to keep bothering you on this. When you add a product to the cart, and are in the smallest mobile view, the table that shows the price, quantity etc is over extended to the right.

    It appears that there is a limit that it can’t go smaller than 40%. I tried debugging it myself and to me it looks like it is the
    table.shop_table in the frontend.css file.
    I tried changing this and anything similar to it, and still could not see why it wouldn’t size to the container.

    Plugin Author Jigoshop Support – Marcin

    (@azrielnefezen)

    Hi 121940kz,
    I’d hardly call a table responsive ??
    Try rewriting the cart to <div>’s instead of <table>s
    Regards,
    Marcin.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Shop Page Pushed to the left’ is closed to new replies.