Media Zoom

How to Adjust Media Zoom in AppSections

The "Media Zoom" setting in AppSections allows you to control the zoom level of media within blocks, groups, and sections. This setting provides flexibility in highlighting specific parts of the media, enhancing the visual impact and focus. Here is how you can adjust the media zoom:

Media Zoom

Purpose: This setting allows you to adjust the zoom level of media, magnifying it to focus on specific areas.

Usage: Use the range selector to set the desired zoom level from 0% to 250%.

Steps to Adjust Media Zoom

1. Select the Media Block/Group/Section:

   • Open your Shopify theme editor.

   • Navigate to the specific media block, group, or section where you want to adjust the zoom level.

2. Locate the Media Zoom Setting:

   • In the settings for the media block, group, or section, find the Media Zoom option.

3. Adjust Media Zoom:

   • Use the range selector to set the zoom level between 0% and 250%:

     • 0%: No zoom, the media is displayed at its original size.

     • 100%: The media is displayed at its original size.

     • 250%: Maximum zoom, magnifying the media 2.5 times its original size.

Ensuring the Right Media Zoom Application

1. Preview Changes:

   • After adjusting the media zoom, preview your store to see how the changes look.

   • Check the media block, group, or section to ensure the zoom setting is applied correctly and enhances the visual impact.

2. Check Consistency:

   • Ensure that the media zoom setting aligns with your brand’s aesthetic and provides a cohesive look across both desktop and mobile devices.

3. Test Across Devices:

   • Verify the media zoom setting on different devices to ensure it looks good and maintains functionality on all screen sizes.

Summary

By using the "Media Zoom" setting in AppSections, you can control the zoom level of your media within blocks, groups, and sections in your Shopify store. This flexibility allows you to highlight specific parts of the media, enhancing the visual impact and focus, and ensuring a dynamic and engaging user experience across all devices. Adjusting the zoom level helps create visually appealing effects and improves the overall design consistency.

If you have any questions or need further assistance, please contact our customer support team.