Tilt Demo – Shop Page On Smart Phones

[jonzareli]

Hi there,

Can you tell me how I can change the mobile view so that the price and cart button is not completely covering the product image? It happens to your demo too and can’t see how anyone would want that?

Also is there an option to have the products on the shop page in one column full width column on mobiles (the way they display on the Title demo home page on mobiles)

http://swiftideas.com/tilt-demo/

Thanks.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

What device are you using?

This what I see in Samsung S4
https://www.dropbox.com/s/ngf0a0yygawggu7/2015-06-07%2017.23.52.png?dl=0

-Rui

[jonzareli]

Hi,

Samsung Galaxy Note 3 and my client has made the same comment after viewing on the iPhone 6, so both have bigger screen sizes than the S4.

[Rui Guerreiro – SUPPORT]

Hi,

In my emulation in Galaxy Note 3 it also doesn’t show the shop buttons.
https://www.dropbox.com/s/rdpg2jez10abocs/tilt_mobile.png?dl=0

can you try to purge the cache and purge all offline content, if possible try in a similar device that never accessed the site.

-Rui

[jonzareli]

I have also tested the demo on an iPhone 5s and the same page is broken (won’t allow scrolling – page is stuck). See screenshot attached.

Attachments:

You must be logged in to view attached files.

[jonzareli]

Hi Rui,

I am specifically referencing this page http://swiftideas.com/tilt-demo/all-prints/

[Rui Guerreiro – SUPPORT]

Thanks. I was checking the homepage, now I can replicate.
We will have a look.

Maybe we could hide it in mobile?

-Rui

[jonzareli]

It’s the main woocommerce shop page so not sure about hiding it?

I am surprised this has not been reported sooner. I have a client site about to go live on Thursday. Help! 🙂

[Rui Guerreiro – SUPPORT]

When I mean hide, it’s to hide the price and the add to cart. pressing the image still takes them to the product page.

Only in mobile resolution.

Let us know.

-Rui

[jonzareli]

Ah, okay, understood!

Is it possible to have just one column on mobile view like other demo http://swiftideas.com/union-demo/our-products/

The price cannot be hidden so this would fix it.

[Rui Guerreiro – SUPPORT]

Ok. I tried a few things but couldn’t make it.
I just forward it to our head developer.

-Rui

[jonzareli]

Thanks. I tried to see if it was possible to use shop page layouts from other demos whilst using the Tilt design but could not see how.

[Swift Ideas – Ed]

Add this css, that will sort the 1 column on mobile:

@media only screen and (max-width: 479px) {
.full-width-shop .product, .full-width-shop .sidebar[class*="col-sm"] {
	width: 100%!important;
}
}

– Ed

[jonzareli]

Many many thanks for the fast response – looks great now.

Is there an option to have the product name also visible for mobile view on this page using the Tilt design?

[Rui Guerreiro – SUPPORT]

Hi,

Can you try this one.

@media only screen and (max-width: 479px) {
.products .product figure figcaption .thumb-info {
   display: block!important;
}
}

-Rui