Tilt Demo – Shop Page On Smart Phones

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 20 replies, 3 voices, and was last updated 9 years by Rui Guerreiro – SUPPORT.

Viewing 15 posts - 1 through 15 (of 21 total)

1 2 →

Back to forum

Posted in: Atelier
June 6, 2015 at 10:24 am #181953

jonzareli
Member

Post count: 20

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.

June 7, 2015 at 10:26 am #182033

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

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

June 8, 2015 at 2:34 pm #182425

jonzareli
Member

Post count: 20

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.

June 8, 2015 at 2:46 pm #182432

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

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

June 8, 2015 at 2:50 pm #182436

jonzareli
Member

Post count: 20

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.

June 8, 2015 at 2:51 pm #182439

jonzareli
Member

Post count: 20

Hi Rui,

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

June 8, 2015 at 2:58 pm #182444

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

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

Maybe we could hide it in mobile?

-Rui

June 8, 2015 at 3:03 pm #182450

jonzareli
Member

Post count: 20

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! 🙂

June 8, 2015 at 3:08 pm #182452

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

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

June 8, 2015 at 3:55 pm #182486

jonzareli
Member

Post count: 20

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.

June 8, 2015 at 4:07 pm #182493

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

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

-Rui

June 8, 2015 at 4:13 pm #182496

jonzareli
Member

Post count: 20

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.

June 8, 2015 at 4:16 pm #182497
Swift Ideas – Ed
Keymaster

Post count: 15264
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
June 8, 2015 at 4:49 pm #182509

jonzareli
Member

Post count: 20

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?

June 8, 2015 at 5:13 pm #182520
Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779
Hi,

Can you try this one.
```
@media only screen and (max-width: 479px) {
.products .product figure figcaption .thumb-info {
   display: block!important;
}
}
```
-Rui
Back to forum

Posted in: Atelier