Download AppSectionsWebsite

Button Layout

How to Adjust Button Layout in AppSections Block Button Settings

The "Button Layout" setting in the AppSections Block Button settings allows you to select the layout of your buttons. This setting provides flexibility in defining how text and icons are arranged within the button, enhancing the overall design and functionality of your components. Here is how you can adjust the button layout:

Button Layout

  • Purpose: This setting allows you to choose the layout of your buttons, including the arrangement of text and icons.

  • Usage: Select from four options to set the desired button layout.

Button Layout Options

  1. Icon + Text: The icon is displayed before the text.

  2. Text + Icon: The text is displayed before the icon.

  3. Text Only: Only the text is displayed on the button.

  4. Icon Only: Only the icon is displayed on the button.

Steps to Adjust Button Layout

  1. Select the Block Button:

    • Open your Shopify theme editor.

    • Navigate to the specific block button where you want to change the layout.

  2. Locate the Button Layout Setting:

    • In the block button settings, find the Button Layout option.

  3. Select Button Layout:

    • Choose one of the four options based on your design preferences:

      • Icon + Text: To display the icon before the text.

      • Text + Icon: To display the text before the icon.

      • Text Only: To display only the text.

      • Icon Only: To display only the icon.

Ensuring the Right Button Layout

  1. Preview Changes:

    • After selecting a button layout, preview your store to see how the changes look.

    • Check the button to ensure the layout is applied correctly and enhances the visual appeal and functionality.

  2. Check Consistency:

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

  3. Test Across Devices:

    • Verify the button layout on different devices to ensure it looks good and maintains functionality on all screen sizes.

Summary

By using the "Button Layout" setting in the block button settings, you can customize the arrangement of text and icons in your buttons in your Shopify store. This flexibility allows you to enhance the visual appeal and interactivity of your buttons, ensuring a dynamic and engaging user experience across all devices.

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

Last updated