Jump to content
Sign in to follow this  
King Creative Design

Jigoshop; How To Enlarge Thumbnails On Product Pages

Recommended Posts

King Creative Design+    0
King Creative Design

In Jigoshop, I can't seem to make the thumbnails bigger on the product-category pages (http://renenorman.com/ceramics/shop/product-category/heads/) and maybe space them differently. I'm here -  Jigoshop > settings > images, and fooling around with the settings, but nothing seems to be responding.

 

Here is a website that has the layout I'm trying to emulate (three large thumbs across); http://elephantceramics.bigcartel.com/category/bowls.

 

I am also having difficulties with thumbnails of photos that are not square. The thumbnail is not cropping the image, it is squishing it instead.

 

Thanks in advance for your help.

 

Michele

Share this post


Link to post
Share on other sites
Rob    547
Rob

Michelle,  CSS will allow me to expand the height, but not the width, which tells me there's some setting, somewhere that's causing the width to remain set to 150px.

 

Check Dashboard > Settings > Media and Dashboard > Jigo > Settings.  I don't know if Jigo causes any settings to appear on its static pages.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob

As for cropping, the best suggestion is to make unique thumbnails using a graphics editor, ensuring the proportions are what you want.  Remember, cropping isn't necessarily proportional, which is likely what you're seeing.... disproportionate cropping. If you have two images of different sizes and they're cropped, the result will be different looks.  Worse, the system won't know what portion of a picture to show as the result. Hence it's best to do this yourself with a graphics editing program.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
King Creative Design+    0
King Creative Design

Re. thumbs on catalog pages, I re-set the max image size to 300 in dashboard > settings > media but still can only change the height. I can't seem to find  Media and Dashboard > Jigo > Settings in the WP dashboard settings. Any other ideas?

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, you could try the following

 

.products li a img {
    border: 1px solid #DDDDDD;
    display: block;
    height: 300px !important;
    margin: 0 0 4px !important;
    width: 300px !important;
}

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
King Creative Design+    0
King Creative Design

Aaaah, I appreciate you sticking with me! Ufortunately that's what I was already trying and it still isn't working.

 

Anyway, onto the next (and hopefully the last) thing... sorry to bug! I can not find where to make the secondary navigation (at the very top of the page, log in, contact, etc.) a "default" on the product pages. I am having to go into modify each product after I enter it to turn it on in the edit product window. Super frustrating! 

 

Let me know... thanks again!

Share this post


Link to post
Share on other sites
James B    436
James B

Where's the secondary nav on your site? We have a section called secondary nav, but i can't see that in your site code. Is that the section you're referring too? Let me know :-)


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
King Creative Design+    0
King Creative Design

Yeah...oops, I actually just took it off because I was trying to do a workaround since I was having so much trouble with it. I put it back so you can look at it... I will keep it there until I hear back from you :-)

 

It is the REGISTER / LOGIN  SHOPPING CART  CONTACT US  above the brandNav.

 

Sorry and thanks!

Share this post


Link to post
Share on other sites
James B    436
James B

Unfortunately with the secondary nav there's not a lot of options to set it overall as it's designed so you can have different navs on different pages.

 

In Pagelines>Page options you'll see in each of the special template pages (blog, product archive etc) there's an option at the bottom to set the second nav across the selection. I'm not sure if setting the nav in the product archive template will set the product pages but try it.

 

Usually on a per post basis you would have to select the nav for each page/post using the page meta settings. In the page setup tab in the meta there's a drop down to select the nav.

 

We've suggested to the developers that a site wide option would be nice.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
lazlo    1
lazlo

Hi - regarding thumnail squishing - I found the following on the Jigoshop forum, which I've followed and has rectified the problem for me:

 

 

Q: My thumbnails images are distorted. How to fix it?

A: Possible solution:

  1. Go to Dashboard > Jihoshop > Setting > Images tab

  2. Make sure you select "Yes" to all these:
    Crop Tiny Images
    Crop Thumbnail Images
    Crop Catalog Images
    Crop Large Images

  3. Make sure "Catalog Images" size is 150 x 150

  4. Install and activate this plugin: Regenerate Thumbnails

  5. Go to Dashboard > Tools >Regen. Thumbnail and regenerate all thumbnails

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Thanks for the update - this topic has been marked as resolved 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
vonsommerfeldt    1
vonsommerfeldt

The original question does not appear to be resolved? On her website the photos are still 150 x 150. I want to do the same thing she originally did, make my product thumbs 300X300 or bigger. Using pagelines and Jigoshop.

  • Like 1

Share this post


Link to post
Share on other sites
James B    436
James B

Hi see Lazlo's response above on resizing the thumbnails using the regenerate thumbnails plugin. If you've having problems please strart a new thread, as this thread is marked resolved moderators won't automatically see your responses come up. 


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
vonsommerfeldt    1
vonsommerfeldt

I did post a new thread about it, and I did use Lazlo's response with no luck. I even went in and edited the frontedn css of jigoshop and all it did was change the height still. I also used the code you posted above, and all it did was edit the height of the images.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • flourishdesignstudio
      By flourishdesignstudio
      I am using Jigoshop on a website that also uses PL5 and am running into an issue where the store pages do not allow me to use the PL5 editor. Is anyone else having this problem or know if a solution? 
      When I open the Chrome console I see the following error:
      site.js?ver=b199df:5 Uncaught ReferenceError: PLData is not defined
          at Object.setMasterModel (site.js?ver=b199df:5)
          at Object.init (site.js?ver=b199df:5)
          at HTMLDocument.<anonymous> (site.js?ver=b199df:5)
          at i (jquery.js?ver=1.12.4:2)
          at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4:2)
          at Function.ready (jquery.js?ver=1.12.4:2)
          at HTMLDocument.K (jquery.js?ver=1.12.4:2)
       
      The problem can be seen here: http://fingerlakesdistilling.com/shop/ where the sidebar, footer, and header do not show up. Any thoughts?
      Thanks so much!
    • King Creative Design
      By King Creative Design+
      Hi, I'm trying to show thumbnails on aggregate pages like category, archives etc., and hide thumbnails on single post pages. I have searched the Pagelines forum and followed some of the instructions given to other users with no luck. Below are two links, one is to a single post, and the other is an archive list. Right now the thumbnails are turned off in the WP postloop. 
      Both pages are on separate templates, and I tried setting the single post page to loccal and it still seems to keep the thumbnail option as a global setting.
      SINGLE BLOG PAGE - http://liesegardner.com/fuel/
      ARCHIVE LIST - http://liesegardner.com/2015/07/
      Thanks for your attention,
      Michele
    • frakture
      By frakture
      Hi there, wondering if there is a way to hide or turn off the flipper thumbnails, so all you have are the blog titles (and dates)? I've searched and haven't seen this question asked before. Thanks!
    • macodesign
      By macodesign
      Hi there!
       
      I'm starting up a webshop for a client using DMS 2 and Jigoshop.
      Everything work fine but the products doesn't show, even if i add a new product and want to preview it, it's a blank space where the product should appear.
      I have been searching for 2 days but can't find any solution.
       
      Don't say it's a Jigoshop issue, everything work if i change the theme to Twenty Fifteen.
       
      When i first started i know everything worked fine and i could see all the products, but as i remember there was a Pagelines language upgrade a few days ago. After upgrading the problem started.
       
      Website url: http://www.webbshop.hrcgruppen.se
      Framework version: DMS 2
      Wordpress version: v.1.1-sv_SE
      Plugin use: DMS Professional tool v1.8.5
      Jigoshop v 1.16.1
      Pagelines updater v1.2.6
       
      Please help!
    • photomom86
      By photomom86+
      This is driving me CRAZY. I want thumbnails showing on the left on my homepage ONLY.
       
      I want ZERO thumbnails showing on the individual post page.
       
      I have tried and tried to get this to work and it will not. PLEASE HELP ME.
       
      I followed this tutorial here: http://www.pagelinestheme.com/controlling-post-thumbnails/
       
      I've also attached a screen shot of my "current" settings though it's not doing what I think it should mean.
       
×