Product Archive Display Problem after 3.4 Update

[Rui Guerreiro – SUPPORT]

I changed the css. Can you check now it’s looking like this.

https://www.dropbox.com/s/vcgn0yve2cfxrlz/Screenshot%202016-05-30%2017.30.24.png?dl=0

-Rui

[nickycc]

Hi Rui,
Yes that is what I am seeing too. But I want these products larger like the original standard size. They fit 3 across in the 3/4 width element, with the 1/4 width element that looks like a side bar taking up the remaining space.

How it is viewing now still looks like “Mini” size rather than “Standard”.

Nicky

[Rui Guerreiro – SUPPORT]

@nickycc

Do you to show 3 or 4 products in each row?

-Rui

[nickycc]

Hi,
I see four currently, but I want only 3, bigger taking up the whole 3/4 width, as per the previous layout. From memory I used the home page “example two” – http://neighborhood.swiftideas.com/home/home-example-two/ as my template, but made the product element 3/4 rather than 1/2 and deleted the “Latest News” column…

Cheers, Nicky

[Rui Guerreiro – SUPPORT]

Hi,

Will have to forward this situation to the development team since in my local server when I set 3/4 for the products the 4th product it’s alone in the 2nd row.

-Rui

[nickycc]

OK. Yes that was the original problem.
Failing that – I was wondering about just changing it back to how the example-two home page is? So if I set the product element to half (so 2 products to a row) and bring back the other 1/4 element.
i.e. 1/2 product element, 1/4 element, 1/4 element across the page…

I’m just not sure what you changed in the css that might override things?
I’ll give the development team a couple of days to see if they can figure it out, otherwise I’ll just replace the old css file and try the above.

Thanks!

Attachments:

You must be logged in to view attached files.

[Swift Ideas – Ed]

Hi @nickycc

Just found an issue in the layout, we’ve just fixed this. Please can you try this build: http://swiftideas.d.pr/1aeFC/3PZj7HMY

We setup a test page on your site here: http://artisansugars.staging.wpengine.com/home-two/

Let us know.

– Ed

[nickycc]

Hi Ed,

Sorry I’m confused… the artisansugars site is not mine. Also the products are not viewing correctly on this site anyway? The 3rd and 4th products are on a row on their own and are indented so they don’t line up (left justify) with rows 1 and 4 anyway?

Cheers, Nicky

[Swift Ideas – Ed]

Hi @nickycc

Apologies, I was referring to the site info on this topic.

That is the identified issue – and the build provided in the post fixes that issue. Please can you test the build? If you still have issues, please provide a link to your page so that I can check?

Thanks,

– Ed

[nickycc]

Hi Ed,

So do I just install the zip via the themes page or do I override the theme files via FTP?
Just doing a backup before I go ahead.

Cheers, Nicky

[Swift Ideas – Ed]

Check this guide – http://www.swiftideas.com/knowledgebase/how-to-manually-update-your-theme/
Hope that helps.

– Ed

[nickycc]

Thanks, I currently have people shopping on the site so will need to do it during some down time.
Cheers, Nicky

[Rui Guerreiro – SUPPORT]

ok @nickycc

Let us know the result when you can.

-Rui

[nickycc]

Hi Rui and Ed,
OK I uploaded the supplied zip and still a problem unfortunately!

There are forced 3 products to a row but they are still showing up as Mini size products not the standard size, I have checked on my Surface tablet as well and it is the same. See pic SamplePage.jpg
Also on my iphone the products are 2 to a row and seem to be forced really small?

As a test I changed the product element width to 1/2 and the result was the products even smaller. See SamplePage2.jpg

Is this because of the changes made previously to .css file? But assuming that was over-written when I uploaded the new theme files?

Cheers, Nicky

Attachments:

You must be logged in to view attached files.

[nickycc]

Please also note at the bottom of the home page the carousel of “Our Most Popular Products” – the product thumbnails viewing at 1×1 pixel.

Cheers, Nicky

Attachments:

You must be logged in to view attached files.