How to - Update Lions Pride Shopify theme - V2

Requirements- Access to shopify- A command prompt in your computer- Shopify CLI  https://shopify.dev/docs/api/shopify-cli - Visual Studio Code or any other editor- Knowledge of LIQUID  https://shopify.dev/docs/api/liquid 
1) Update one of the themes that are recent which has the message "District version X.X.X available"
2) Click in the chevron icon and click the button "Add theme to library"
This will clone the theme with updates. It won't copy customizations.
3) Download the theme using Shopify CLI to your computer, and upload it again to one of the "Staging/Development" themes, because these are connected to GIT.
Shopify theme pull – store=lions-pride.myshopify.com  –theme=137727738043
137727738043 is the ID of the updated theme, you can get this in the URL when you click customize https://admin.shopify.com/store/lions-pride-plus/themes/137727738043/editor 
Then upload this copy to the dev theme:shopify theme push – store=lions-pride.myshopify.com  –theme=133131567291
This is the development ID 133131567291 you get from here https://admin.shopify.com/store/lions-pride-plus/themes/133131567291/editor 
This theme is connected to git, any change you do will get autocommit
With this we will set our development environment ready to work.
    Try to keep the Theme names (BACKUP MM/DD/YYYY V-X.X.X) when you click the update button.
    When you copy/paste the code to the Development/Staging, don't change the name to that theme.
    DO NOT DELETE the themes that has the message saying "District version X.X.X available" they're necessary for future updates. Not all the themes can be updated, uploaded themes cannot be updated, like the Development or Staging
 
4) To start editing the updated theme, run:
shopify theme dev – store=lions-pride.myshopify.com  –theme=133131567291
With this command any changes will go up to the dev theme.5) Copy these files from the live theme:
 
assets
custom.js
custom.css
loyalty-steps.css
loyalty-form.css
accordion.css
image-banner-logo.css
jquery1.9.1.js
flickity.min.css
flickity.pkgd.min.js
lp-variations-order.js (for reordering the T-Shirt Sizes)
 
sections
slideshow-featured-blog.liquid
instagram-gallery.liquid
featured-collections-slider.liquid
featured-collection-home.liquid
blog-search-template.liquid
image-banner-logo.liquid
loyalty-form.liquid
loyalty-steps.liquid
accordion.liquid
 
snippets
image-grid-item.liquid
top-left-nav.liquid
theme-gtm.liquid
theme-gtm-no-script.liquid
theme-hotjar.liquid
icon-ui-account.liquid
header-logo.liquid
icon-ui-account.liquid
icon-ui-hamburguer.liquid
icon-ui-x.liquid
free-shipping-label.liquid
 
6) Next step will be to compare these files Live vs Development, you can use VS Code option to compare.
 
templates
index.json
product.json
collection.json
search.json
product.json
article.json
blog.json
page-loyalty.json
 
sections
header-group.json
footer.liquid
breadcrumbs.liquid
logo-list.liquid
main-blog.liquid
main-article.liquid
main-login.liquid
main-account.liquid
main-cart-items.liquid
main-cart-footer.liquid
 
snippets
search-bar.liquid
email-subscription.liquid
navigation-menu.liquid
 
(This list might be not complete or vary after every update, some files that didn't change before can change, you have to look for the remaining broken elements, or adjust the theme)
In a general view, these are the pages that are updated:
- Home
- Cart
- Page Loyalty
- Collections
- Products
- Blog (Currently hidden)
- Article
- Search Results
- All pages under the footer
- Contact Page
7) Check for general styling over the page, most of the times you will need to add/remove custom styles from custom.css. These updates can vary the HTML structure of the theme, so some styles might broke and you will need to seek and update.After all these steps are completed, the theme should be fully updated, next steps would be testing.
Note: Checkout pages doesn't belong to Shopify themes. They are updating in a different way (different task)