How can I hide mobile product information on Craft 3.0?

Store Design
1

Hey, I’m using the Craft 3.0 and have created a new ‘Product Information’ module for mobile only (using PageFly).

I would like to hide the original “Product Information” module when on mobile, and have it still visible for all other devices. Any advice would be greatly appreciated.

Thank you

https://www.sakurabox.com/products/30-piece-set

2

Hello @Luke85

I apologize that I’m not able to locate the module on the page, but please let me know if there’s anything else I can help you with.

Looking forward to your response.
Best regards,
GemPages Support Team

3

Hi, sorry, it is the default “product Information” module I want to hide on mobile.

I have a mobile only module above the footer I have created on this page.

https://www.sakurabox.com/products/30-piece-set

I want the default module hidden when the mobile module is showing.

4

Hi [email removed]Luke85,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at bottom of the file → Save

{% if template contains "pf" and template contains "product" %}

{% endif %}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

5

Hi Victor,

Thank you, it did work perfectly. Very much appreciated!

6

You are welcome. I’m glad when I can help you :heart_eyes: