Align
How to I get banners to look better in desktop and mobile?
Don't see your question? Contact us and we'll get you answers!
Still have questions?
Do you do collaborations or provide theme customization services?
expand_moreGreat question! We'd love to collaborate but we're fully focused on our internal/product roadmap these days.
But we'd be happy to connect you with a vetted dev/designer/team who can help customize our themes and/or build something more custom as needed. Check out the providers below, or get in touch with more specifics ā we'd be happy to point you in the right direction!
Get a stacked team of Shopify designers and developers. Speedy turnarounds. 1/2 typical agency costs. HeyCarson handles short-term projects, recurring needs, and full-time Shopify work.
Pay by the task or per hour. Project quotes start at USD $85/hour. Get in touch with HeyCarson ā
A closed network of the most talented Shopify developers around. Get paired directly with a freelancer in hours and execute on projects big & small including Shopify theme customization. They've reviewed over 15,000 developers, designers, and marketers and hand selected the top 3%.
Per-project pricing, starting at USD $75/hour. Get in touch with Storetasker ā
How can I customize the font or color of product card badges?
expand_moreAs mentioned elsewhere, we do not officially support/provide any non-native customizations. But the basic idea of how you could customize the font, color, or something else used in product badges is to use some simple CSS customization:
p.c-card-product__badge {
font-family: YourFamilyName;
}
How do I add an anchor link to the FAQ page?
expand_moreGreat question! This is a little more "advanced" but is straightforward enough. You'll basically justĀ need to find and link to the section ID of each accordion.
Note:Ā this is easier to do on a "live" page instead of in the theme editor/template, but both are possible.
We've recorded a little example of this process which is available below:
š Screenshare showing how to find the a section ID using your browser's devtools.
How do I create a callout within a blog post?
expand_moreWant to make this?
Then add the callout class to your element, e.g.
Want to make this?
You can also put everything inside a div, ie
Shopify has a great set of resources available to learn about updating themes. We encourage you to start here:
help.shopify.com/en/manual/online-store/themes/managing-themes/updating-themes
š Resources
Shopify has a great set of resources available to learn about updating themes. We encourage you to start here:
help.shopify.com/en/manual/online-store/themes/managing-themes/updating-themes
How do I get a product's slideshow gallery to automatically switch to the correct variant image?
expand_moreTo get a product's slideshow gallery to automatically switch to the correct variant image, you'll need to add/select an image for each variant within the Shopify admin. Here's how to do that:
Here's a quick screencapture of the process:
How do I get the ReCharge app to work on product pages?
expand_moreThe ReCharge app needs a quick manual update to work properly.
You should only do this after you've fully installed the ReCharge app and it has added all of their snippets to your theme files. To confirm this, you should see these files in your theme's "Snippets" directory:
In your Shopify admin, navigate to the Edit code, then find and click into the component-form-product.liquid file within the Snippets directory.
Find the line which includes the code below ā this should normally be found around line 19:
{%- form 'product', product, data-productid: product.id, id: product_form_id, class: product_form_id, novalidate: 'novalidate', data-type: 'add-to-cart-form' -%}
Paste the code below under that line ā save your update and check to ensure ReCharge is working as expected!
{% if product.available and request.page_type == 'product' %}{% render 'subscription-product' with product as product %}{% endif %}
How do I remove the āAdd to cartā button from product cards?
expand_moreOpen Theme settings>Cards
UncheckĀ "Show quick add buttonā
Note: A āView productā button willĀ replace theĀ āAdd to cartā button if unchecked.
How do I update my theme?
expand_moreShopify has a great set of resources available to learn about updating themes. We encourage you to start here:
help.shopify.com/en/manual/online-store/themes/managing-themes/updating-themes
We will consistently strive to provide the best possible experience for our customers, and will regularly release theme updates to offer new features, design enhancements, and bug fixes. We'll keep everything up to date with the newest Shopify features and requirements, and will continue to develop new features while keeping your underlying codebase modern, lean, flexible, and well-documented.
To ensure your Align theme is up to date, you can easily check its status in your Shopify Admin. Simply click on the version number under the Align theme, and if you see a green check mark icon with the message "This theme is up to date," you're all set!
If an update is available for Align, a notification will replace the version number in your Shopify Admin.
Click on the notification to open the details pop-up, where you can choose to add the updated version to your theme library or view the release notes to learn about the new enhancements.
Any customizations you've made to your theme using the Theme Editor will be preserved. This includes changes to theme settings, page layouts, sections and blocks, app integrations, translations, and more.
Larger themes may take a few minutes to complete the update process. Once the update is finished, you'll find the updated Align theme in your library. It will be indicated by a "Just added" badge and the title will be prefixed with "Updated copy of".
Take your time to review the changes and ensure that your online store looks and functions as expected before publishing the updated version of Align.
To add an updated version of the Align theme to your online store library, follow these steps:
As part of our commitment to delivering a seamless experience, Company XYZ provides automated updates for the Align theme. These updates are designed to fix bugs and address security issues without altering the appearance, content, or settings of your theme. You can always check the release notes to stay informed about the improvements included in these updates.
Please note that only themes installed through the Shopify Theme Store are eligible for updates. If you have purchased a paid theme from a third-party designer, we recommend reaching out to them directly for updates and support.
Additionally, it's important to know that only Online Store 2.0 themes support updates. If you are using an older version of a Shopify theme, it has been sunsetted and is not supported by Company XYZ. We encourage you to consider upgrading to an Online Store 2.0 theme or seek the assistance of a theme expert to take full advantage of the latest Shopify features.
It's important to be mindful about naming or renaming your themes ā these can quickly get confusing if you let them!
We recommend using a standard naming convention and sticking to it. We like to rename the new updated theme first to something like "Align v1.2 (updated)"; then we'll rename the current (old) version to something like "Align v1.1 (pre-update)". This way it's crystal clear which version you were using before the update and which version you need to test.
View
Align
How to I get banners to look better in desktop and mobile?
Read more
Align
What is the recommended image size for a banner?
Read more
Align
How do I get a product's slideshow gallery to automatically switch to the correct variant image?
Read more
Do you do collaborations or provide theme customization services?
Read more
Align
Why is my video not playing with audio?
Read more
How do I create a callout within a blog post?
Read more
What is an Accordion block?
Read more
Align
How do I add an anchor link to the FAQ page?
Read more