A space to discuss online store customization, theme development, and Liquid templating.
Hello, it's my first post, I'm using shopify platform and I'm loving it so far, I made a search and found nothing therefore I come here for help: I'm implementing 3d views and it works fine, but in the mobile version the 3d view seems pretty discreet and may pass like an regular picture, the model won't move also until you click it, is there a way to highlight or change the style to make it pop up more? Here's is the image of example.
Thank you pretty much in advance.
@vmms24 wrote:Hello, it's my first post, I'm using shopify platform and I'm loving it so far, I made a search and found nothing therefore I come here for help: I'm implementing 3d views and it works fine, but in the mobile version the 3d view seems pretty discreet and may pass like an regular picture, the model won't move also until you click it, is there a way to highlight or change the style to make it pop up more? Here's is the image of example.
Thank you pretty much in advance. MyAccountAccess
Hello,
Hello! It's great to hear that you're enjoying using the Shopify platform. Regarding your question about making the 3D view more prominent on mobile devices, there are a few suggestions you can try:
Increase the size: Consider increasing the size of the 3D view on mobile devices. You can adjust the dimensions of the container element that holds the 3D view to make it larger and more noticeable.
Use contrasting colors: Choose colors for the container or surrounding elements that contrast with the rest of the page, making the 3D view stand out more. For example, you could use a bright color or a border around the 3D view to make it visually distinct.
Add an attention-grabbing icon: Place a small icon or symbol on top of the 3D view that indicates it's interactive or can be clicked. This can help draw attention to the 3D view and encourage users to interact with it.
Apply animation or movement: Consider adding subtle animation or movement to the 3D view on mobile devices. For example, you could make the model rotate slowly or add a gentle hover effect when users interact with it. This can make the 3D view more engaging and eye-catching.
Provide a clear call to action: Add a clear and concise call to action near the 3D view, such as "Tap to interact" or "Explore in 3D." This helps communicate to users that the image is interactive and encourages them to engage with it.
I hope this information helps you.
Hey there! You suggestion are really helpful. Could you describe the way we can do that? Thank you in advance