Shopify theme for New Breed by Yak based on the Venture theme.
Shopify Theme Kit References:
- Add in cart product offers section:
Online Store > Themes > Customize (New Breed 2.10.0) > Theme Settings > Cart > Shopping Cart Offers
- Make secondary button text visible against background color
- Improve product review articles
- Show review button even if product is unavailable
- Change "Buy now" to "See it" button
- Center heading info
- Remove extra theme presets
- Improve article microdata
- News blogs use Article -> schema.org/NewsArticle
- Add general article structured data to blog pages
- Review blogs use Product w/ Review Snippet
- Improve blog and article styling
- Hide article tags paragraph if no tags
- Add review article parser
- Add automatic campaign URL queries
- Improve product description HTML sanitization
- Remove redundancy in mfg-sku detection
- FAQ page template fixes
- Add FAQs auto formatting
- Add styling
- Make collapsible sections/answers
- Add id attribute based on questions
- Add question (anchor) links
- Improve microdata
- Add support for product titles with double quotes
- Add more conditions for product pre-order availability
- Add structured data
- FAQ
- Breadcrumb
- Improve microdata
- Product Availability
- Only show org and sitelinks searchbox on index/homepage
- Add microdata
- Product Condition
- If a product is eligible for free shipping
- Hide reviews if product is discontinued and has no reviews
- Add structured data
- WebSite
- Organization
- Add microdata
- MPN
- AggregateRating
- Improve warranty notice verbiage
- Add support for "no warranty" tag
- Improve tag detection using downcase filter
- Change review system to Judge.me reviews (review stars now only show if there are reviews)
- Improve horizontal ruler placement for sales points
- Add page-width search bar to theme template (all pages)
- Hide ability to write new reviews when product is discontinued
- Add robots.txt.liquid and hide review thank you page
- Revert page title truncation because Shopify already limits to 70 characters
- Reorder All in One Discounts divs in product-template.liquid
- Perform housekeeping
- SEO optimizations (per MOZ SEO recommendations)
- Meta tag truncations
- Limit descriptions to 155 characters
- Limit page titles to 60 characters
- Remove automatic branding from page titles
- Meta tag truncations
- Add product not found snippet to collection pages
- Add manufacturer sku to product pages when available
- Improve product placeholder image feature for when a product image is not uploaded
Add support for All In One Automatic Discounts app
Improve search section and add product missing info on search pages
Remove COVID-19 warnings (product pages and email notices) and delete unnecessary comments
Add second-image peek feature and support for pre-order release and back-in-stock dates
-
Auto description formatting
- "Feature" headings to proper case h2 etc.
-
Improve article microdata
- How-to blogs use How-to
-
Update visible SKU when product options are changed
-
Add FAQs searchbox
-
Set max-height of product images on product pages to be less than 50% of viewport: https://newbreedpb.com/products/umarex-walther-ppq-gbb-magazine-black
-
Create custom gift card templates for different holidays - https://shopify.dev/themes/architecture/templates/gift-card-liquid
-
Add Back Order and Pre-Order Release date custom meta field
-
Turn off Back Order and Pre-Order if Release date tag is reached or item is in stock
-
Add newbreed-image-not-available.jpg to collections and other items that generate a featured image (e.g. product image in product-template.liquid)
-
Procedurally generate collection images using most popular product and a serverless function - https://www.youtube.com/watch?v=A0Ww-SU7K5E, https://acloudguru.com/blog/engineering/serverless-image-optimization-and-delivery, https://serverless-stack.com/chapters/dynamically-generate-social-share-images-with-serverless.html
-
Discontinued products should only display in collections and featured sections if they are in stock
-
Discontinued products can still be purchased if they are in stock and the discontinued label should be hidden temporarily both on product cards and page
-
Discontinued products should be found in search results
-
Add predictive search feature — https://shopify.dev/tutorials/add-predictive-search-to-your-shopify-theme
-
Improve link color contrast visibility
Before making changes to the theme follow this procedure to avoid editing on the live website.
- Login to the Shopify backend.
- Navigate to Online Store > Themes.
- Duplicate the current theme.
- Publish the duplicated theme with "Copy of" in the name (e.g. "Copy of New Breed 2.3.0").
- Rename the old, unpublished theme to the newer version number you will be working on (e.g. "New Breed 2.3.1").
- Rename the duplicated, published theme so that it does not have "Copy of" in it but still represents the older theme version number (e.g. "New Breed 2.3.0").
- Update the version number in
package.json
to reflect the version in development.
Whenever changes are being made follow this procedure.
-
Start
theme watch
(ornpm run watch
). -
Preview the changes by running
theme open
(ornpm run preview
) or by finding the new theme in the Shopify backend and selecting "Customize" on it.Note: Some theme code changes made for 3rd party Shopify applications (e.g. variant code swatches, up sells) may not be preview-able unless you view the theme via the "Customize" button/view.
-
Edit and commit changes as necessary.
Once a new version is ready to go live refer to this procedure.
- Add the release date, new version number, and description to the
README.md
versions section. - Commit with the message formatted:
Publish v<version#>
. - Go to the Shopify backend and navigate to Online Store > Themes.
- Find the theme with the new version that you have been editing (e.g. "New Breed 2.3.1").
- Publish the new theme version.
- Verify that it has successfully published to the live site and is now the current theme.