Have you ever been frustrated with the way Shopify’s Debut theme centers product prices? In this article, we’ll show you how to center the prices in your Shopify debut theme using a custom plugin.
What is Shopify Theme Customization?
If you’re like most business owners, you want your shop to look its best. In order to do this, you’ll need to customize the design and layout of your shop. Customizing your shop can be a bit of a daunting task, but it’s not impossible with the right tools and techniques. In this article, we’ll discuss how to center align product prices in Shopify Debut theme.
How to Center Align the Product Prices In Shopify Debut Theme
If you’re like most Shopify store owners, you probably want to center the prices of your products in your shop’s header. Unfortunately, this isn’t always easy to do in the default Shopify theme. In this article, we’ll show you how to center product prices using the Debut theme.
First, open up your Shopify admin and go to Settings > Themes. In the Themes section, click on the Debut theme to open its settings. Here, you’ll see two important sections: Header and Footer.
The Header section contains all of the shop’s header elements, including the pricing column. By default, this column is centered in the header, which means that it will be centered vertically along the top of your page.
The Footer section contains all of the shop’s footer elements, including the social media links and contact information. By default, this section is centered in the header, which means that it will be centered horizontally along the bottom of your page. However, you can change this by clicking on the Layout button next to Footer and selecting either Left or Right from the dropdown menu. Once you’ve made your selection, the Footer section will now be centered in the header.
Next, open up the Shopify Appearance > Custom CSS file and add the following code to the bottom of the file:
.centered-product {
text-align: center;
}
This code will center the product prices in your shop’s header. Once you’ve added this code, save the file and return to your Shopify admin.
Now, you’ll need to add a custom plugin to your store in order to center products. The plugin that we’ll be using is called “Shopify Center Product Prices.” To install this plugin, go to the Shopify App Store and search for “Shopify Center Product Prices.” Once you’ve found the plugin, click on it to download it.
Once you’ve downloaded the plugin, open it up and click on the Add New Custom Plugin button. In the popup window that appears, enter “Center Product Prices” into the Name field and click on OK.
Now, you’ll need to add a configuration option to your theme’s settings. To do this, open up your Theme Settings in Shopify and click on the General tab.
How to Align Titles and Descriptions in Shopify Debut Theme
In Shopify Debut Theme, you can center the product prices in your shop by following these steps:
1. Open Shopify and log in.
2. In the left-hand navigation bar, click Shopify Theme.
3. On the Shopify Theme page, click Themes.
4. In the Themes section, under Shopify Debut Theme, click Settings.
5. On the Settings page, under Product Prices, click Center Titles And Descriptions.
6. Click Save Changes to apply the changes.
Conclusion
If you’re like most Shopify merchants, you probably want your product prices to be centered in your shop’s main area. This article will show you how to center align product prices within the Debut theme and make sure they look great while doing it.
