Change in Layout - Checkout

[sprintoutcd1b7]

Translate the text to English: "I have Magento 2 with the Porto theme and I want to change the order of the shipping options in the checkout. The title should be moved to the front, and what is currently in the front should be moved to the back. Changing it in the backend is not an option as it would be displayed incorrectly on another page. Additionally, I want to delete the "Street Line 1" row."

Where can I find the corresponding files?

[Gaurav_Jain02]

Hello @sprintoutcd1b7 

Please note that making changes directly to theme files can have implications for future theme updates, so it's recommended to create a custom theme or use a custom module for these modifications.

Here's a general guide on where you can find the relevant files:

1. Shipping Options Order:

   • The shipping options in the checkout page are usually rendered by Magento's checkout module and possibly influenced by the Porto theme.

   • Start by looking into the following file in your theme or in the Porto theme:

     app/design/frontend/[Your_Vendor]/[Your_Theme]/Magento_Checkout/web/template/shipping.html

     or

     app/design/frontend/Smartwave/porto/Magento_Checkout/web/template/shipping.html

   • You might need to override this file in your custom theme or module and modify the order of shipping options.

2. Remove "Street Line 1" Row:

   • The address fields in the checkout are typically managed by the address-renderer component.
   • Locate the file responsible for rendering the address fields. This might be in the Porto theme or in your custom theme.
     app/design/frontend/[Your_Vendor]/[Your_Theme]/Magento_Checkout/web/template/shipping-address/address-renderer/default.html
     or
     app/design/frontend/Smartwave/porto/Magento_Checkout/web/template/shipping-address/address-renderer/default.html
   • In this file, you can remove the "Street Line 1" row.

Remember, creating a custom theme or module for these changes is good practice to avoid issues with future theme updates. Always backup your files before making changes, and thoroughly test your modifications in a development environment.