Shopify

How to Create Theme App Extension in Shopify-Laravel App

Hello Shopify Friends,

This is the step-by-step tutorial on Creating Theme App Extension in the Shopify Laravel app.

Theme app extensions allow users to easily add dynamic elements to the themes. Using Theme App Extensions, Shopify merchants no longer need to modify theme files directly.

Benefits of Theme App Extension:

  • Integrate the app seamlessly without editing the theme files.
  • Creating theme-specific solutions is not required anymore.
  • Easily deploy the app to all online stores.
  • Code removal process not required to be implemented.
  • Overall a better user experience for merchants.

Letโ€™s see How you can Create Theme App Extension in Shopify App

Steps to Create Theme App Extension in Shopify-Laravel App

Prerequisites

Step 1: Partner Account Login

To login to your partner account, run the below command in the terminal

shopify login

Step 2: Create Scaffold and Register Theme App Extension

Using Shopify CLI commands, you can create a scaffold and register a theme app extension.

  • Open a terminal window and change the directory to the root directory of your project with the help of the below command
cd my-app-directory
  • Create the theme app extension and select the app to which youโ€™ll register the extension using the following command
shopify extension create
  • If you want to see how the theme app extension work with sample code then you can use the below command
shopify extension create --type=THEME_APP_EXTENSION --getting-started
  • Navigate to your new theme extension and register it with your app
cd theme-app-extension
shopify extension register

After running the above commands, it will ask you to confirm the registration as it canโ€™t be reverted

You can only create one Theme App Extension per app, which canโ€™t be undone.
โ”ƒ   ? Would you like to register this extension? (y/n)   (You chose: yes)

Step 3: Push the extension to a draft version in the Partner Dashboard

Before final publishing, you can push your app extension to a draft version for testing. Use below command

shopify extension push

Step 4: Publish the theme app extension

Once the theme app extension is ready, you can push the extension for publishing.

  • Open your Partner Dashboard and go to Theme App extensions.
  • Then click on Create Version.
  • When the new version is displayed in the versions list, click Publish.

Final Words:

This way you can create Theme App Extension in Shopify-Laravel App. If you have any doubts, our Shopify Experts can help you in resolving the errors.

Share this article with your Shopify friends and stay in touch for more Shopify tutorials.

Click to rate this post!
[Total: 15 Average: 3.9]
Bharat Desai

Bharat Desai is a Co-Founder at MageComp. He is an Adobe Magento Certified Frontend Developer ๐Ÿ… with having 8+ Years of experience and has developed 150+ Magento 2 Products with MageComp. He has an unquenchable thirst to learn new things. On off days you can find him playing the game of Chess โ™Ÿ๏ธ or Cricket ๐Ÿ.

Recent Posts

Magento 2: Add Quantity Increment and Decrement on Category Page

Hello Magento Friends, In this blog, we will discuss about adding quantity increment and decrement…

2 days ago

How to Integrate ChatGPT with Laravel Application?

In this guide, we'll explore how to integrate ChatGPT, an AI-powered chatbot, with a Laravel…

5 days ago

What are Net Sales? How to Calculate Your Net Sales?

In the world of business, understanding financial metrics is crucial for making informed decisions and…

7 days ago

Magento 2 Extensions Digest April 2024 (New Release & Updates)

Welcome to the MageComp Monthly Digest, where we bring you the latest updates, releases, and…

7 days ago

The ABCs of Geofencing: Definition, Features and Uses

In this era, businesses are always on the lookout for ways to engage with their…

1 week ago

How to Delete Product Variant in a Shopify Remix App using GraphQL Mutations?

Managing a Shopify store efficiently involves keeping your product catalog organized. This includes removing outdated…

1 week ago