Archived

This topic is now archived and is closed to further replies.

  • 0

jigoshop frontend css editing


Question

Posted · Report post

I'm trying to create a store on my blog - http://www.brightontheday.com/ebkart and am having issues editing the correct file to manipulate/edit the image size of my (catalogue view) product page.

The images are now set "important" at 150px width and height and cannot figure out how to override this with the correct css location.

Yes, I have the pagelines jigoshop plugin.

Yes, I am aware there is a "checkbox" in the general settings tab for jigoshop that disables frontend css

Yes, I have searched for answers in this forum and have searched the entire "knowledge base" on jigoshop website.

Please let me know if you have any suggestions! thanks so much.

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Thanks so much! After regenerating my thumbnails, that solution worked like a charm!

I have another issues now - if you have any suggestions. When you click on a PRODUCT and go to its "details" - the image sizes aren't really working right. I would like it to look like the thumbnails on the right side of the picture, like on the attachment. Or at least something similar.

AS is, all the photos are aligned to the left and the "main" image isn't very large.

Let me know if you have any suggestions!

here is the link to one of the product pages -- > http://www.brightontheday.com/product/seaside

post-29966-0-86823600-1347975839_thumb.p

Share this post


Link to post
Share on other sites

Posted · Report post

Add the following to Custom Code > CSS Rules:


div.product div.images div.thumbnails {

    margin-left: 260px;

    margin-top: -280px;

    overflow: hidden;

    padding-top: 10px;

    position: relative;

}

Share this post


Link to post
Share on other sites

Posted · Report post

Suggestions:

1. Check Dashboard > Setting > Media and make sure the thumbnail size is set to the size you wish.

2. Try adding the following to Dashboard > PageLines > Site Options > Custom Code > CSS Rules:


ul.products li a img {

    max-width: 75%;

}

3. Adjust the 75% to any number you wish that works for you.

1 person likes this

Share this post


Link to post
Share on other sites