├── .eslintrc.js
├── .gitignore
├── .theme-check.yml
├── .vscode
    ├── extensions.json
    ├── settings.json
    └── tasks.json
├── CHANGELOG.md
├── CODE_OF_CONDUCT.md
├── LICENSE
├── README.md
├── _stock
    ├── collections
    │   ├── collection-1.jpg
    │   ├── collection-2.jpg
    │   ├── collection-3.jpg
    │   ├── collection-4.jpg
    │   ├── collection-5.jpg
    │   └── collection-6.jpg
    ├── lifestyle
    │   ├── lifestyle-1.jpg
    │   └── lifestyle-2.jpg
    ├── no-image.jpg
    └── products
    │   ├── product-1.jpg
    │   ├── product-2.jpg
    │   ├── product-3.jpg
    │   ├── product-4.jpg
    │   ├── product-5.jpg
    │   └── product-6.jpg
├── assets
    ├── base.css
    ├── base.js
    ├── cart.css
    ├── cart.js
    ├── collection.css
    ├── collection.js
    ├── custom.css
    ├── custom.js
    ├── product.css
    ├── product.js
    ├── search.js
    ├── sections.css
    ├── sections.js
    ├── variables.css.liquid
    ├── vendor-bootstrap.bundle.min.js
    ├── vendor-bootstrap.min.css
    ├── vendor-swiper.bundle.min.css
    └── vendor-swiper.bundle.min.js
├── config
    ├── settings_data.json
    └── settings_schema.json
├── layout
    ├── password.liquid
    └── theme.liquid
├── locales
    └── en.default.json
├── package.json
├── sections
    ├── announcement-bar.liquid
    ├── article-main.liquid
    ├── blog-header.liquid
    ├── blog-main.liquid
    ├── blog-slider.liquid
    ├── card-list.liquid
    ├── card-slider.liquid
    ├── cart-count-badge.liquid
    ├── collection-header.liquid
    ├── collection-products.liquid
    ├── contact-form.liquid
    ├── faq.liquid
    ├── featured-collections.liquid
    ├── featured-products.liquid
    ├── footer-group.json
    ├── footer.liquid
    ├── header-group.json
    ├── hero-carousel.liquid
    ├── html.liquid
    ├── media-with-text.liquid
    ├── navbar.liquid
    ├── newsletter.liquid
    ├── offcanvas-cart.liquid
    ├── page-content.liquid
    ├── password-main.liquid
    ├── predictive-search.liquid
    ├── product-main.liquid
    ├── richtext.liquid
    ├── search-main.liquid
    ├── separator.liquid
    └── testimonials.liquid
├── snippets
    ├── article-card.liquid
    ├── cart-count-badge.liquid
    ├── cart-footer.liquid
    ├── cart-items.liquid
    ├── cart-note.liquid
    ├── collection-card.liquid
    ├── collection-filters.liquid
    ├── collection-utilities.liquid
    ├── footer-block.liquid
    ├── image-url.liquid
    ├── meta-tags.liquid
    ├── modal-localization.liquid
    ├── navbar-desktop-icons.liquid
    ├── navbar-desktop-menu.liquid
    ├── navbar-logo.liquid
    ├── offcanvas-cart.liquid
    ├── offcanvas-menu.liquid
    ├── offcanvas-search.liquid
    ├── pagination.liquid
    ├── payment-icons.liquid
    ├── product-block-atc-button.liquid
    ├── product-block-collapse.liquid
    ├── product-block-liquid.liquid
    ├── product-block-media-gallery.liquid
    ├── product-block-options.liquid
    ├── product-block-price.liquid
    ├── product-block-richtext.liquid
    ├── product-block-separator.liquid
    ├── product-block-stock-indicator.liquid
    ├── product-block-title.liquid
    ├── product-block-trust-icons.liquid
    ├── product-card-form.liquid
    ├── product-card-price.liquid
    ├── product-card.liquid
    ├── product-custom-badge.liquid
    ├── product-rating-badge.liquid
    ├── rich-snippets.liquid
    ├── section-header.liquid
    ├── social-icons.liquid
    ├── styles-scripts.liquid
    └── svg-icons.liquid
├── src
    └── bootstrap.scss
└── templates
    ├── 404.liquid
    ├── article.json
    ├── blog.json
    ├── cart.liquid
    ├── collection.json
    ├── gift_card.liquid
    ├── index.json
    ├── list-collections.json
    ├── page.about.json
    ├── page.contact.json
    ├── page.faq.json
    ├── page.liquid
    ├── password.json
    ├── product.json
    └── search.json


/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   env: {
 3 |     browser: true,
 4 |     es2021: true
 5 |   },
 6 |   extends: [
 7 |     'standard'
 8 |   ],
 9 |   parserOptions: {
10 |     ecmaVersion: 'latest',
11 |     sourceType: 'module'
12 |   },
13 |   rules: {
14 |     indent: ['error', 2]
15 |   },
16 |   ignorePatterns: ['**/[vendor]*.js'],
17 |   globals: {
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # General
2 | node_modules
3 | config.yml
4 | .DS_Store
5 | package-lock.json


--------------------------------------------------------------------------------
/.theme-check.yml:
--------------------------------------------------------------------------------
1 | NestedSnippet:
2 |   enabled: false
3 | SchemaJsonFormat:
4 |   enabled: false


--------------------------------------------------------------------------------
/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 |   "recommendations": ["shopify.theme-check-vscode"]
3 | }
4 | 


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "css.styleSheets": [
 3 |         "/assets/utilities.css"
 4 |     ],
 5 |     "search.exclude": {
 6 |         "/assets/bootstrap.bundle.js": true,
 7 |         "/assets/bootstrap.css": true
 8 |     },
 9 |     "task.allowAutomaticTasks": "on"
10 | }


--------------------------------------------------------------------------------
/.vscode/tasks.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "version": "2.0.0",
 3 |   "tasks": [
 4 |     {
 5 |       "label": "npm watch",
 6 |       "type": "shell",
 7 |       "command": "npm run watch",
 8 |       "presentation": {
 9 |         "reveal": "always",
10 |         "panel": "new",
11 |         "group": "1"
12 |       },
13 |       "runOptions": { "runOn": "folderOpen" }
14 |     },
15 |     {
16 |       "label": "theme watch",
17 |       "type": "shell",
18 |       "command": "theme watch --allow-live",
19 |       "presentation": {
20 |         "reveal": "always",
21 |         "panel": "new",
22 |         "group": "1"
23 |       },
24 |       "runOptions": { "runOn": "folderOpen" }
25 |     }
26 |   ]
27 | }


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
 1 | 
 2 | # Change Log
 3 | 
 4 | ## [5.0.0] - 2024-03-23
 5 | - New release
 6 | 
 7 | ## [4.0.0] - 2022-12-26
 8 | - New release
 9 | 
10 | ## [3.1.0] - 2021-06-02
11 | - Small fix with fonts missing semicolumn #57
12 | - Recommended products JS issue in the homepage #58
13 | - Megamenu in offcanvas menu is missing #60
14 | - Search page is missing styles #62
15 | - Delete empty file "section/offcanvas-menu.liquid" #59
16 | - Update package.json required dependencies #64
17 | - Issue on the collection filters, when 2 values are the same #65
18 | - Options selector script doesn't work with 3 product options #66
19 | - Newsletter section has wrong closing div tag #67
20 | - Fonts should be loaded below the bootstrap.css file #68
21 | 
22 | ## [3.0.0] - 2021-05-16


--------------------------------------------------------------------------------
/CODE_OF_CONDUCT.md:
--------------------------------------------------------------------------------
 1 | # Contributor Covenant Code of Conduct
 2 | 
 3 | ## Our Pledge
 4 | 
 5 | In the interest of fostering an open and welcoming environment, we as
 6 | contributors and maintainers pledge to making participation in our project and
 7 | our community a harassment-free experience for everyone, regardless of age, body
 8 | size, disability, ethnicity, sex characteristics, gender identity and expression,
 9 | level of experience, education, socio-economic status, nationality, personal
10 | appearance, race, religion, or sexual identity and orientation.
11 | 
12 | ## Our Standards
13 | 
14 | Examples of behavior that contributes to creating a positive environment
15 | include:
16 | 
17 | * Using welcoming and inclusive language
18 | * Being respectful of differing viewpoints and experiences
19 | * Gracefully accepting constructive criticism
20 | * Focusing on what is best for the community
21 | * Showing empathy towards other community members
22 | 
23 | Examples of unacceptable behavior by participants include:
24 | 
25 | * The use of sexualized language or imagery and unwelcome sexual attention or
26 |  advances
27 | * Trolling, insulting/derogatory comments, and personal or political attacks
28 | * Public or private harassment
29 | * Publishing others' private information, such as a physical or electronic
30 |  address, without explicit permission
31 | * Other conduct which could reasonably be considered inappropriate in a
32 |  professional setting
33 | 
34 | ## Our Responsibilities
35 | 
36 | Project maintainers are responsible for clarifying the standards of acceptable
37 | behavior and are expected to take appropriate and fair corrective action in
38 | response to any instances of unacceptable behavior.
39 | 
40 | Project maintainers have the right and responsibility to remove, edit, or
41 | reject comments, commits, code, wiki edits, issues, and other contributions
42 | that are not aligned to this Code of Conduct, or to ban temporarily or
43 | permanently any contributor for other behaviors that they deem inappropriate,
44 | threatening, offensive, or harmful.
45 | 
46 | ## Scope
47 | 
48 | This Code of Conduct applies both within project spaces and in public spaces
49 | when an individual is representing the project or its community. Examples of
50 | representing a project or community include using an official project e-mail
51 | address, posting via an official social media account, or acting as an appointed
52 | representative at an online or offline event. Representation of a project may be
53 | further defined and clarified by project maintainers.
54 | 
55 | ## Enforcement
56 | 
57 | Instances of abusive, harassing, or otherwise unacceptable behavior may be
58 | reported by contacting the project team at info@kondasoft.com. All
59 | complaints will be reviewed and investigated and will result in a response that
60 | is deemed necessary and appropriate to the circumstances. The project team is
61 | obligated to maintain confidentiality with regard to the reporter of an incident.
62 | Further details of specific enforcement policies may be posted separately.
63 | 
64 | Project maintainers who do not follow or enforce the Code of Conduct in good
65 | faith may face temporary or permanent repercussions as determined by other
66 | members of the project's leadership.
67 | 
68 | ## Attribution
69 | 
70 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
71 | available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
72 | 
73 | [homepage]: https://www.contributor-covenant.org
74 | 
75 | For answers to common questions about this code of conduct, see
76 | https://www.contributor-covenant.org/faq
77 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2020 KondaSoft
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # KS BootShop - Free Shopify Theme
 2 | Free Shopify theme powered by the Bootstrap framework (v5), developed respecting <a rel="nofollow" href="https://shopify.dev/tutorials/review-theme-store-requirements">Shopify theme requirements</a>, accessibility best practices, and of course our own experience developing high-quality themes for more than 15 years. We aim to make this project the most complete, robust, and awesome Shopify Theme for the Bootstrap framework.
 3 | 
 4 | ## Highlighted features:
 5 | * Advanced styling for each section (New)
 6 | * Powered by [Bootstrap framework](https://getbootstrap.com/) (v5)
 7 | * Developed respecting [Shopify themes requirements](https://shopify.dev/tutorials/review-theme-store-requirements)
 8 | * All elements are fully accessible with [aria attributes](https://www.w3.org/WAI/standards-guidelines/aria/)
 9 | * No Javascript framework dependencies (e.g. jQuery)
10 | * Support for [native image lazy-loading](https://web.dev/native-lazy-loading/)
11 | * PageSeed score 96/100 [check results](https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fks-bootshop.myshopify.com%2F&tab=desktop) 
12 | * All Shopify required homepage sections (~20)
13 | * All Shopify templates (cart, product, etc.) have their corresponding settings
14 | * Product layout option grid or list
15 | * Ajax add to cart
16 | * Recommended products section [Learn more](https://shopify.dev/tutorials/develop-theme-recommended-products)
17 | 
18 | ## Sections
19 | * Announcement bar
20 | * Card slider/list
21 | * Contact form
22 | * FAQ
23 | * Featured collections
24 | * Featured Products
25 | * Hero carousel
26 | * HTML
27 | * Media with text
28 | * Newsletter
29 | * Richtext
30 | * Separator 
31 | * Testimonials
32 | 
33 | ## Premium Shopify Themes 
34 | Ready to take your Shopify store to the next level with advanced features like:
35 | - Cart upsells
36 | - Cart goal
37 | - Cart gift
38 | - Shipping Calculator
39 | - Quantity Breaks
40 | - Combo cross-sells
41 | - Wishlist
42 | - Recently viewed
43 | - Megamenu
44 | - Color swatches
45 | - Quick view
46 | - Inventory bar
47 | - Bundle Builder
48 | - and much more...
49 | 
50 | [Browse 15+ Premium Shopify Themes](https://www.kondasoft.com/collections/shopify-themes)
51 | 
52 | ## Demo 
53 | https://ks-bootshop.myshopify.com
54 | 
55 | ## Download Theme
56 | https://github.com/kondasoft/ks-bootshop/releases
57 | 
58 | ## Installation
59 | **Note:** Please, make sure you are familiar with [Theme kit](https://shopify.github.io/themekit/), and official documentation before proceeding. We are assuming that at this point you have already installed the Theme Kit.
60 | 
61 | ### 1- Clone this repository (download theme files)
62 | Create a new folder on your computer, `cd` to it, and run the following command to copy all theme files from our GitHub repository master branch. Note: Include the dot at the end of the command to clone into your current directory.
63 | 
64 | `git clone https://github.com/kondasoft/ks-bootshop .`
65 | 
66 | ### 2- Create and configure theme with Theme Kit
67 | Run the following command to create a new theme in your Shopify store along with our theme files that you have just downloaded:
68 | 
69 | `theme new --password=[your-api-password] --store=[your-store.myshopify.com] --name="ks-bootshop-v3"`
70 | 
71 | Optional: Run this command to open your Shopify store with our theme in preview mode.
72 | 
73 | `theme open`
74 | 
75 | ## Customization
76 | Please don't directly modify theme files as you will lose any changes when you upgrade our theme. The recommended way to handle this is by creating a copy of our theme and then modifying it. Please follow this [official tutorial](https://help.shopify.com/en/manual/online-store/legacy/using-themes/managing-themes/duplicating-themes) to learn more. 
77 | 
78 | Also, we have provided 2 blank files (`custom.css` and `custom.js`) which are inside the `assets` folder. It is recommended that you use these 2 files to add your styles and scripts since they will not be changed during the upgrade.
79 | 
80 | ### Modifying styles (SCSS)
81 | We have provided only a few additional styles for this Shopify theme, and all of those are done via plain CSS in the `assets` folder. Our goal for this theme is to provide a solid foundation, completely backed by the Bootstrap framework, so that you can easily get it going with the framework you already know and love. 
82 | 
83 | All bootstrap-related styles and variables are in the `src/bootstrap.scss` file. Assuming that you already know how to work with [Bootstrap variables](https://getbootstrap.com/docs/5.1/customize/overview/), feel free to modify this file, especially the color variables at the top of the file.
84 | 
85 | After that, install all the needed npm packages that are already defined in the `packages.json` file
86 | `npm install`
87 | 
88 | Now, you can compile the `bootstrap.scss` file that you have just modified using the following command:
89 | `npm run bs-css` or `npm run watch` (to continuously watch for changes)
90 | 
91 | To deploy your changes on your Shopify store run the following Theme Kit command:
92 | `theme deploy` or: `theme watch`
93 | 
94 | ## Support
95 | Please submit a [new issue](https://github.com/kondasoft/ks-bootshop/issues/new) in case you want to submit a bug or feature request. Also, you can visit our [website](https://www.kondasoft.com/) for more help.
96 | 
97 | ## Copyright and license
98 | Copyright 2024 [kondasoft.com](https://www.kondasoft.com). The code was released under the [MIT License](https://github.com/kondasoft/ks-bootshop/blob/master/LICENSE).
99 | 


--------------------------------------------------------------------------------
/_stock/collections/collection-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kondasoft/ks-bootshop/91bf0a8f91f3d6990a35837f9689416ce59d7bca/_stock/collections/collection-1.jpg


--------------------------------------------------------------------------------
/_stock/collections/collection-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kondasoft/ks-bootshop/91bf0a8f91f3d6990a35837f9689416ce59d7bca/_stock/collections/collection-2.jpg


--------------------------------------------------------------------------------
/_stock/collections/collection-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kondasoft/ks-bootshop/91bf0a8f91f3d6990a35837f9689416ce59d7bca/_stock/collections/collection-3.jpg


--------------------------------------------------------------------------------
/_stock/collections/collection-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kondasoft/ks-bootshop/91bf0a8f91f3d6990a35837f9689416ce59d7bca/_stock/collections/collection-4.jpg


--------------------------------------------------------------------------------
/_stock/collections/collection-5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kondasoft/ks-bootshop/91bf0a8f91f3d6990a35837f9689416ce59d7bca/_stock/collections/collection-5.jpg


--------------------------------------------------------------------------------
/_stock/collections/collection-6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kondasoft/ks-bootshop/91bf0a8f91f3d6990a35837f9689416ce59d7bca/_stock/collections/collection-6.jpg


--------------------------------------------------------------------------------
/_stock/lifestyle/lifestyle-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kondasoft/ks-bootshop/91bf0a8f91f3d6990a35837f9689416ce59d7bca/_stock/lifestyle/lifestyle-1.jpg


--------------------------------------------------------------------------------
/_stock/lifestyle/lifestyle-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kondasoft/ks-bootshop/91bf0a8f91f3d6990a35837f9689416ce59d7bca/_stock/lifestyle/lifestyle-2.jpg


--------------------------------------------------------------------------------
/_stock/no-image.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kondasoft/ks-bootshop/91bf0a8f91f3d6990a35837f9689416ce59d7bca/_stock/no-image.jpg


--------------------------------------------------------------------------------
/_stock/products/product-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kondasoft/ks-bootshop/91bf0a8f91f3d6990a35837f9689416ce59d7bca/_stock/products/product-1.jpg


--------------------------------------------------------------------------------
/_stock/products/product-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kondasoft/ks-bootshop/91bf0a8f91f3d6990a35837f9689416ce59d7bca/_stock/products/product-2.jpg


--------------------------------------------------------------------------------
/_stock/products/product-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kondasoft/ks-bootshop/91bf0a8f91f3d6990a35837f9689416ce59d7bca/_stock/products/product-3.jpg


--------------------------------------------------------------------------------
/_stock/products/product-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kondasoft/ks-bootshop/91bf0a8f91f3d6990a35837f9689416ce59d7bca/_stock/products/product-4.jpg


--------------------------------------------------------------------------------
/_stock/products/product-5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kondasoft/ks-bootshop/91bf0a8f91f3d6990a35837f9689416ce59d7bca/_stock/products/product-5.jpg


--------------------------------------------------------------------------------
/_stock/products/product-6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kondasoft/ks-bootshop/91bf0a8f91f3d6990a35837f9689416ce59d7bca/_stock/products/product-6.jpg


--------------------------------------------------------------------------------
/assets/base.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |   © 2024 KondaSoft
  3 |   https://www.kondasoft.com
  4 | */
  5 | 
  6 | console.log('KS BootShop - Free Shopify Theme by KondaSoft.com | Learn more at https://www.kondasoft.com')
  7 | 
  8 | // Init Bootstrap tooltips
  9 | document.querySelectorAll('[data-bs-toggle="tooltip"]')
 10 |   .forEach((el) => new window.bootstrap.Tooltip(el))
 11 | 
 12 | // Init Bootstrap popovers
 13 | document.querySelectorAll('[data-bs-toggle="popover"]')
 14 |   .forEach((el) => new window.bootstrap.Popover(el))
 15 | 
 16 | // Debouce
 17 | window.theme.debounce = function (callback, wait = 200) {
 18 |   let timeout
 19 |   return (...args) => {
 20 |     const context = this
 21 |     clearTimeout(timeout)
 22 |     timeout = setTimeout(() => callback.apply(context, args), wait)
 23 |   }
 24 | }
 25 | 
 26 | // Throttle
 27 | window.theme.throttle = function (callback, timeFrame = 200) {
 28 |   let lastTime = 0
 29 |   return function () {
 30 |     const now = Date.now()
 31 |     if (now - lastTime >= timeFrame) {
 32 |       callback()
 33 |       lastTime = now
 34 |     }
 35 |   }
 36 | }
 37 | 
 38 | // Create cookie
 39 | window.theme.createCookie = function (name, value, days) {
 40 |   let date, expires
 41 |   if (days) {
 42 |     date = new Date()
 43 |     date.setDate(date.getDate() + days)
 44 |     expires = '; expires=' + date.toUTCString()
 45 |   } else {
 46 |     expires = ''
 47 |   }
 48 |   document.cookie = name + '=' + value + expires + '; path=/'
 49 | }
 50 | 
 51 | // Detect scroll
 52 | window.addEventListener('scroll', () => {
 53 |   if (window.scrollY > 0) {
 54 |     document.documentElement.classList.add('has-scrolled')
 55 |   } else {
 56 |     document.documentElement.classList.remove('has-scrolled')
 57 |   }
 58 | })
 59 | 
 60 | // Calculate "xx time ago"
 61 | window.theme.calcTimeAgo = function (timestamp) {
 62 |   const now = new Date().getTime()
 63 |   const diff = now - timestamp
 64 | 
 65 |   let text
 66 | 
 67 |   if (diff < 60000) {
 68 |     text = window.theme.locales.times.moments
 69 |   } else if (diff < 3.6e+6) {
 70 |     const min = Math.round((diff) / 60000)
 71 |     text = min === 1
 72 |       ? `${min} ${window.theme.locales.times.minute}`
 73 |       : `${min} ${window.theme.locales.times.minutes}`
 74 |   } else if (diff < 8.64e+7) {
 75 |     const hours = Math.round((diff) / 3.6e+6)
 76 |     text = hours === 1
 77 |       ? `${hours} ${window.theme.locales.times.hour}`
 78 |       : `${hours} ${window.theme.locales.times.hours}`
 79 |   } else {
 80 |     const days = Math.round((diff) / 8.64e+7)
 81 |     text = days === 1
 82 |       ? `${days} ${window.theme.locales.times.day}`
 83 |       : `${days} ${window.theme.locales.times.days}`
 84 |   }
 85 | 
 86 |   return `${text} ${window.theme.locales.times.ago}`
 87 | }
 88 | 
 89 | // Format money
 90 | window.Shopify.formatMoney = function (cents, moneyFormat = window.Shopify.moneyFormat) {
 91 |   if (typeof cents === 'string') {
 92 |     cents = cents.replace('.', '')
 93 |   }
 94 | 
 95 |   let value = ''
 96 |   const placeholderRegex = /\{\{\s*(\w+)\s*\}\}/
 97 | 
 98 |   function defaultOption (opt, def) {
 99 |     return (typeof opt === 'undefined' ? def : opt)
100 |   }
101 | 
102 |   function formatWithDelimiters (number, precision, thousands, decimal) {
103 |     precision = defaultOption(precision, 2)
104 |     thousands = defaultOption(thousands, ',')
105 |     decimal = defaultOption(decimal, '.')
106 | 
107 |     if (isNaN(number) || number == null) {
108 |       return 0
109 |     }
110 | 
111 |     number = (number / 100.0).toFixed(precision)
112 | 
113 |     const parts = number.split('.')
114 |     const dollars = parts[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1' + thousands)
115 |     const cents = parts[1] ? (decimal + parts[1]) : ''
116 | 
117 |     return dollars + cents
118 |   }
119 | 
120 |   switch (moneyFormat.match(placeholderRegex)[1]) {
121 |   case 'amount':
122 |     value = formatWithDelimiters(cents, 2)
123 |     break
124 |   case 'amount_no_decimals':
125 |     value = formatWithDelimiters(cents, 0)
126 |     break
127 |   case 'amount_with_comma_separator':
128 |     value = formatWithDelimiters(cents, 2, '.', ',')
129 |     break
130 |   case 'amount_no_decimals_with_comma_separator':
131 |     value = formatWithDelimiters(cents, 0, '.', ',')
132 |     break
133 |   }
134 | 
135 |   return moneyFormat.replace(placeholderRegex, value)
136 | }
137 | 
138 | // Resize images
139 | window.Shopify.resizeImage = function (src, size, crop = '') {
140 |   return src.replace(/_(pico|icon|thumb|small|compact|medium|large|grande|original|1024x1024|2048x2048|master)+\./g, '.')
141 |     .replace(/\.jpg|\.png|\.gif|\.jpeg/g, (match) => {
142 |       if (crop.length) {
143 |         crop = `_crop_${crop}`
144 |       }
145 |       return `_${size}${crop}${match}`
146 |     })
147 | }
148 | 
149 | // Shopify's callenge page
150 | document.querySelector('.btn.shopify-challenge__button')
151 |   ?.classList.add('btn-primary')
152 | 
153 | // Shopify's errors messages
154 | const errors = document.querySelector('.errors')
155 | if (errors) {
156 |   errors.classList.add('alert', 'alert-danger')
157 | }
158 | 
159 | // Wrap Shopify's section apps within a container
160 | document.querySelectorAll('.shopify-section > .shopify-app-block').forEach(elem => {
161 |   elem.classList.add('container')
162 | })
163 | 
164 | // Detect viewport with the Intersection Observer API
165 | const observer = new IntersectionObserver((entries) => {
166 |   entries.forEach((entry) => {
167 |     if (entry.isIntersecting) {
168 |       entry.target.classList.add('viewport-entered')
169 |     } else {
170 |       entry.target.classList.remove('viewport-entered')
171 |     }
172 |   })
173 | }, { threshold: 0.4 })
174 | 
175 | document.querySelectorAll('.viewport-detect').forEach((el) => {
176 |   observer.observe(el)
177 | })
178 | 
179 | // Swiper Slider
180 | class SwiperSlider extends HTMLElement {
181 |   constructor () {
182 |     super()
183 | 
184 |     this.init()
185 | 
186 |     document.addEventListener('shopify:section:load', (event) => {
187 |       if (event.detail.sectionId === this.dataset.sectionId) {
188 |         this.init()
189 |       }
190 |     })
191 |   }
192 | 
193 |   init () {
194 |     this.slider = new window.Swiper(this.querySelector('.swiper'), {
195 |       speed: this.speed,
196 |       autoplay: this.autoplay,
197 |       navigation: this.navigation,
198 |       pagination: this.pagination,
199 |       scrollbar: this.scrollbar,
200 |       breakpoints: this.breakpoints,
201 |       rewind: true
202 |     })
203 |   }
204 | 
205 |   speed = Number(this.dataset.sliderSpeed)
206 | 
207 |   autoplay = this.dataset.sliderAutoplay === '0'
208 |     ? undefined
209 |     : { delay: Number(this.dataset.sliderAutoplay) * 1000 }
210 | 
211 |   navigation = {
212 |     enabled: this.dataset.sliderNavigation === 'true',
213 |     prevEl: '.swiper-button-prev',
214 |     nextEl: '.swiper-button-next'
215 |   }
216 | 
217 |   pagination = {
218 |     enabled: this.dataset.sliderPagination === 'true',
219 |     el: '.swiper-pagination',
220 |     type: 'bullets',
221 |     dynamicBullets: true,
222 |     dynamicMainBullets: 2,
223 |     renderFraction: function (currentClass, totalClass) {
224 |       return `<span class="${currentClass}"></span>/<span class="${totalClass}"></span>`
225 |     }
226 |   }
227 | 
228 |   scrollbar = {
229 |     enabled: this.dataset.sliderScrollbar === 'true',
230 |     el: this.querySelector('.swiper-scrollbar'),
231 |     draggable: true
232 |   }
233 | 
234 |   breakpoints = {
235 |     0: { slidesPerView: Number(this.dataset.breakpointMobile) },
236 |     600: { slidesPerView: Number(this.dataset.breakpointTablet) },
237 |     1200: { slidesPerView: Number(this.dataset.breakpointDesktop) }
238 |   }
239 | }
240 | customElements.define('swiper-slider', SwiperSlider)
241 | 
242 | /*
243 |   Localization form
244 | */
245 | document.querySelectorAll('.shopify-localization-form button').forEach(btn => {
246 |   btn.addEventListener('click', () => {
247 |     btn.closest('form').querySelector('[name="country_code"]').value = btn.dataset.isoCode
248 |     btn.closest('form').submit()
249 |   })
250 | })
251 | 


--------------------------------------------------------------------------------
/assets/cart.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |   © 2024 KondaSoft
 3 |   https://www.kondasoft.com
 4 | */
 5 | 
 6 | /*
 7 |   Offcanvas cart
 8 | */
 9 | .offcanvas-cart .offcanvas-body {
10 |   transition: all 0.2s ease-out;
11 | }
12 | 
13 | .offcanvas-cart .loading .offcanvas-body {
14 |   opacity: 0.2;
15 | }
16 | 
17 | .offcanvas-cart .cart-container {
18 |   display: flex;
19 |   flex-direction: column;
20 |   height: 100%;
21 | }
22 | 
23 | .offcanvas-cart .offcanvas-footer {
24 |   padding: 1rem;
25 |   border-top: 1px solid var(--bs-border-color);
26 | }
27 | 
28 | .offcanvas-cart .cart-subtotal {
29 |   display: flex;
30 |   justify-content: space-between;
31 |   align-items: center;
32 | }
33 | 
34 | .offcanvas-cart .btn-checkout {
35 |   width: 100%;
36 |   display: flex;
37 |   align-items: center;
38 |   justify-content: center;
39 |   position: relative;
40 | }
41 | 
42 | .offcanvas-cart .cart-empty {
43 | }
44 | 
45 | @media (max-width: 575px) {
46 |   .offcanvas-cart {
47 |     width: 100% !important;
48 |   }
49 | }
50 | 
51 | /*
52 |   Cart Goal
53 | */
54 | 
55 | 
56 | /*
57 |   Cart Upsell
58 | */
59 | 
60 | 
61 | /*
62 |   Cart note
63 | */
64 | 
65 | 
66 | /*
67 |   Shipping calculator
68 | */
69 | 


--------------------------------------------------------------------------------
/assets/cart.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |   © 2024 KondaSoft
  3 |   https://www.kondasoft.com
  4 | */
  5 | 
  6 | class Cart extends HTMLElement {
  7 |   constructor () {
  8 |     super()
  9 | 
 10 |     this.querySelectorAll('[name="updates[]"]').forEach(input =>
 11 |       input.addEventListener('change', () =>
 12 |         this.change(input.dataset.lineItemKey, Number(input.value))
 13 |       )
 14 |     )
 15 | 
 16 |     this.querySelectorAll('.btn-line-item-remove').forEach(btn =>
 17 |       btn.addEventListener('click', () =>
 18 |         this.change(btn.dataset.lineItemKey, 0)
 19 |       )
 20 |     )
 21 | 
 22 |     this.showOffcanvasIfUrl()
 23 |     this.adjustCollapses()
 24 |   }
 25 | 
 26 |   async add (formData) {
 27 |     formData.append('sections', ['cart-count-badge', 'offcanvas-cart'])
 28 |     formData.append('sections_url', window.location.pathname)
 29 | 
 30 |     const response = await fetch(`${window.Shopify.routes.cart_add_url}.js`, {
 31 |       method: 'POST',
 32 |       body: formData
 33 |     })
 34 |     console.log(response)
 35 |     const data = await response.json()
 36 |     console.log(data)
 37 | 
 38 |     if (response.ok) {
 39 |       window.dispatchEvent(new CustomEvent('kt.cart.added', { detail: data }))
 40 |       this.reloadCartElements(data.sections)
 41 |     } else {
 42 |       this.showError(data.description)
 43 |     }
 44 | 
 45 |     document.querySelectorAll('.offcanvas').forEach(offcanvas => {
 46 |       if (offcanvas.id === 'offcanvas-cart') {
 47 |         window.bootstrap.Offcanvas.getOrCreateInstance(offcanvas).show()
 48 |       } else {
 49 |         window.bootstrap.Offcanvas.getOrCreateInstance(offcanvas).hide()
 50 |       }
 51 |     })
 52 |   }
 53 | 
 54 |   async change (id, quantity) {
 55 |     this.classList.add('loading')
 56 | 
 57 |     const response = await fetch(`${window.Shopify.routes.cart_change_url}.js`, {
 58 |       method: 'POST',
 59 |       headers: { 'Content-Type': 'application/json' },
 60 |       body: JSON.stringify({
 61 |         id,
 62 |         quantity,
 63 |         sections: ['cart-count-badge', 'offcanvas-cart'],
 64 |         sections_url: window.location.pathname
 65 |       })
 66 |     })
 67 |     console.log(response)
 68 |     const data = await response.json()
 69 |     console.log(data)
 70 | 
 71 |     if (response.ok) {
 72 |       window.dispatchEvent(new CustomEvent('kt.cart.changed', { detail: data }))
 73 |       this.reloadCartElements(data.sections)
 74 |     } else {
 75 |       this.showError(data.description)
 76 |     }
 77 | 
 78 |     this.classList.remove('loading')
 79 |   }
 80 | 
 81 |   reloadCartElements (sections) {
 82 |     for (const [key, value] of Object.entries(sections)) {
 83 |       const newDoc = new DOMParser().parseFromString(value, 'text/html')
 84 | 
 85 |       switch (key) {
 86 |       case 'cart-count-badge':
 87 |         document.querySelectorAll('.cart-count-badge').forEach(elem => {
 88 |           const newDoc = new DOMParser().parseFromString(value, 'text/html')
 89 |           elem.replaceWith(newDoc.querySelector('.cart-count-badge'))
 90 |         })
 91 |         break
 92 |       case 'offcanvas-cart':
 93 |         this.replaceWith(newDoc.querySelector('cart-container'))
 94 |         break
 95 |       }
 96 |     }
 97 | 
 98 |     window.dispatchEvent(new CustomEvent('kt.cart.reloaded'))
 99 |   }
100 | 
101 |   showError (message) {
102 |     const alert = this.querySelector('.alert')
103 | 
104 |     if (alert) {
105 |       alert.querySelector('[data-alert-msg]').innerHTML = message
106 |       alert.removeAttribute('hidden')
107 |     }
108 |   }
109 | 
110 |   showOffcanvasIfUrl () {
111 |     if (new URLSearchParams(window.location.search).has('cart')) {
112 |       const offcanvas = document.querySelector('#offcanvas-cart')
113 | 
114 |       if (offcanvas) {
115 |         window.bootstrap.Offcanvas.getOrCreateInstance(offcanvas).show()
116 |       }
117 |     }
118 |   }
119 | 
120 |   adjustCollapses () {
121 |     this.querySelectorAll('[data-bs-toggle="collapse"]').forEach(elem => {
122 |       elem.addEventListener('click', () => {
123 |         setTimeout(() => {
124 |           const offcanvasBody = this.querySelector('.offcanvas-body')
125 |           offcanvasBody.scroll({ top: offcanvasBody.scrollHeight, behavior: 'smooth' })
126 |         }, 250)
127 |       })
128 |     })
129 |   }
130 | }
131 | customElements.define('cart-container', Cart)
132 | 
133 | class CartNote extends HTMLElement {
134 |   constructor () {
135 |     super()
136 | 
137 |     this.input = this.querySelector('textarea')
138 |     this.btn = this.querySelector('button')
139 |     this.btn.addEventListener('click', this.onSubmit.bind(this))
140 |   }
141 | 
142 |   async onSubmit () {
143 |     this.btn.classList.add('loading')
144 | 
145 |     await fetch(`${window.Shopify.routes.cart_update_url}.js`, {
146 |       method: 'POST',
147 |       headers: { 'Content-Type': 'application/json' },
148 |       body: JSON.stringify({ note: this.input.value })
149 |     })
150 | 
151 |     this.btn.innerHTML = `✓ <span class="visually-hidden">${this.btn.dataset.textNoteSaved}</span>`
152 | 
153 |     setTimeout(() => {
154 |       this.btn.innerHTML = this.btn.dataset.textBtnSave
155 |     }, 3000)
156 | 
157 |     this.btn.classList.remove('loading')
158 |   }
159 | }
160 | customElements.define('cart-note', CartNote)
161 | 


--------------------------------------------------------------------------------
/assets/collection.css:
--------------------------------------------------------------------------------
  1 | /*
  2 |   © 2024 KondaSoft
  3 |   https://www.kondasoft.com
  4 | */
  5 | 
  6 | /*
  7 |   Collection header
  8 | */
  9 | .collection-header {
 10 |   border-top-style: solid;
 11 |   border-bottom-style: solid;
 12 |   text-align: center;
 13 | }
 14 | 
 15 | 
 16 | /*
 17 |   Collection products
 18 | */
 19 | .collection-products {
 20 |   border-top-style: solid;
 21 |   border-bottom-style: solid;
 22 | }
 23 | 
 24 | .product-list {
 25 |   list-style: none;
 26 |   padding: 0;
 27 |   margin: 0;
 28 |   transition: all .2s ease-out;
 29 | }
 30 | 
 31 | .collection-utilities {
 32 |   display: flex;
 33 |   justify-content: space-between;
 34 |   align-items: center;
 35 | }
 36 | 
 37 | .sort-by input + label {
 38 |   cursor: pointer;
 39 | }
 40 | 
 41 | .sort-by input:checked + label {
 42 |   color: var(--bs-primary);
 43 | }
 44 | 
 45 | .sort-by input:focus-visible + label {
 46 |   box-shadow: var(--bs-focus-box-shadow);
 47 | }
 48 | 
 49 | /*
 50 |   Collection filters
 51 | */
 52 | #offcanvas-collection-filters {
 53 |   width: 320px;
 54 | }
 55 | 
 56 | .collection-filters {
 57 |   display: flex;
 58 |   flex-direction: column;
 59 |   height: 100%;
 60 | } 
 61 | 
 62 | .collection-filters .collapse-wrapper {
 63 |   border-bottom: none;
 64 |   margin: 0;
 65 | }
 66 | 
 67 | .collection-filters .collapse-wrapper button[data-bs-toggle=collapse] {
 68 |   background-color: var(--bs-light);
 69 |   padding: 0.75rem 1rem;
 70 |   font-weight: 500;
 71 | }
 72 | 
 73 | .collection-filters .collapse-wrapper button[data-bs-toggle=collapse]::after {
 74 |   right: 0.75rem;
 75 | }
 76 | 
 77 | .collection-filters .collapse-wrapper .collapse-inner {
 78 |   padding: .25rem 1rem 1.5rem;
 79 | }
 80 | 
 81 | .collection-filters .form-check {
 82 |   font-size: 0.9rem;
 83 |   margin-top: 0.25rem;
 84 |   margin-bottom: 0.25rem;
 85 | }
 86 | 
 87 | 
 88 | /*
 89 |   Collection card
 90 | */
 91 | .collection-card-link {
 92 |   display: block;
 93 |   text-decoration: none;
 94 |   color: currentColor;
 95 | }
 96 | 
 97 | .collection-card-link:focus-visible {
 98 |   outline: 0;
 99 |   box-shadow: var(--bs-focus-box-shadow);
100 | }
101 | 
102 | .collection-card-title {
103 |   transition: all 200ms ease-out;
104 | }
105 | 
106 | .collection-card-img-wrapper {
107 |   position: relative;
108 | }
109 | 
110 | .collection-card-img-wrapper img { 
111 |   width: 100%;
112 | }
113 | 
114 | .collection-card-title-normal {
115 |   margin-top: 0.5rem;
116 | }
117 | 
118 | .collection-card-link:hover .collection-card-title-normal,
119 | .collection-card-link:focus .collection-card-title-normal {
120 |   opacity: .8;
121 | }
122 | 
123 | 
124 | 


--------------------------------------------------------------------------------
/assets/collection.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |   © 2024 KondaSoft
  3 |   https://www.kondasoft.com
  4 | */
  5 | 
  6 | const loadCollection = async () => {
  7 |   const collectionProducts = document.querySelector('.collection-products')
  8 |   const productList = collectionProducts.querySelector('.product-list')
  9 |   const filters = document.querySelector('.collection-filters')
 10 | 
 11 |   if (productList) {
 12 |     productList.style.opacity = '.2'
 13 |   }
 14 | 
 15 |   const response = await fetch(window.location.href)
 16 |   const data = await response.text()
 17 |   const parser = new DOMParser()
 18 |   const newDocument = parser.parseFromString(data, 'text/html')
 19 | 
 20 |   collectionProducts?.replaceWith(newDocument.querySelector('.collection-products'))
 21 |   filters?.replaceWith(newDocument.querySelector('.collection-filters'))
 22 | 
 23 |   window.dispatchEvent(new CustomEvent('kt.collection.loaded'))
 24 | 
 25 |   const newCollectionProducts = document.querySelector('.collection-products')
 26 |   const navbarHeight = document.querySelector('[id*="__navbar"].sticky-top')?.clientHeight || 0
 27 |   newCollectionProducts.style.scrollMarginTop = `${navbarHeight}px`
 28 |   newCollectionProducts.scrollIntoView()
 29 | }
 30 | 
 31 | class CollectionFilters extends HTMLElement {
 32 |   constructor () {
 33 |     super()
 34 | 
 35 |     this.form = this.querySelector('form')
 36 | 
 37 |     this.form.querySelectorAll('input').forEach(input => {
 38 |       input.addEventListener('change', () => {
 39 |         const params = new URLSearchParams(new FormData(this.form))
 40 |         const url = `${window.location.pathname}?${params.toString()}`
 41 |         window.history.replaceState({}, '', url)
 42 | 
 43 |         loadCollection()
 44 |       })
 45 |     })
 46 | 
 47 |     this.querySelectorAll('.btn-filters-clear-all').forEach(btn => {
 48 |       const params = new URLSearchParams(window.location.search)
 49 | 
 50 |       for (const key of params.keys()) {
 51 |         if (key.includes('filter.')) {
 52 |           btn.removeAttribute('hidden')
 53 |         }
 54 |       }
 55 | 
 56 |       btn.addEventListener('click', () => {
 57 |         for (const key of [...params.keys()]) {
 58 |           if (key.includes('filter.')) {
 59 |             params.delete(key)
 60 |           }
 61 |         }
 62 | 
 63 |         const url = `${window.location.pathname}?${params.toString()}`
 64 |         window.history.replaceState({}, '', url)
 65 |         loadCollection()
 66 |       })
 67 |     })
 68 |   }
 69 | }
 70 | customElements.define('collection-filters', CollectionFilters)
 71 | 
 72 | class SortBy extends HTMLElement {
 73 |   constructor () {
 74 |     super()
 75 | 
 76 |     this.querySelectorAll('input').forEach(input => {
 77 |       input.addEventListener('change', () => {
 78 |         this.setUrl(input.value)
 79 |         loadCollection()
 80 |       })
 81 |     })
 82 |   }
 83 | 
 84 |   setUrl (value) {
 85 |     const params = new URLSearchParams(window.location.search)
 86 |     params.set('sort_by', value)
 87 |     params.delete('page')
 88 |     const url = `${window.location.pathname}?${params.toString()}`
 89 |     window.history.replaceState({}, '', url)
 90 |   }
 91 | }
 92 | customElements.define('sort-by', SortBy)
 93 | 
 94 | class Pagination extends HTMLElement {
 95 |   constructor () {
 96 |     super()
 97 | 
 98 |     this.querySelectorAll('a').forEach(elem => {
 99 |       elem.addEventListener('click', (event) => {
100 |         event.preventDefault()
101 | 
102 |         this.setUrl(elem.dataset.newPage)
103 |         loadCollection()
104 |       })
105 |     })
106 |   }
107 | 
108 |   setUrl (value) {
109 |     const params = new URLSearchParams(window.location.search)
110 |     params.set('page', value)
111 |     const url = `${window.location.pathname}?${params.toString()}`
112 |     window.history.replaceState({}, '', url)
113 |   }
114 | }
115 | customElements.define('collection-pagination', Pagination)
116 | 


--------------------------------------------------------------------------------
/assets/custom.css:
--------------------------------------------------------------------------------
1 | /* 
2 |   Add here your own custom css styles
3 | */


--------------------------------------------------------------------------------
/assets/custom.js:
--------------------------------------------------------------------------------
1 | /*
2 |   Add here your own custom javascript codes
3 | */
4 | 


--------------------------------------------------------------------------------
/assets/search.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |   © 2024 KondaSoft
  3 |   https://www.kondasoft.com
  4 | */
  5 | 
  6 | class PredictiveSearch extends HTMLElement {
  7 |   constructor () {
  8 |     super()
  9 | 
 10 |     this.form = this.querySelector('form.search-form')
 11 |     this.input = this.form.querySelector('input[type="search"]')
 12 |     this.results = this.form.querySelector('#predictive-search')
 13 |     this.status = this.form.querySelector('#predictive-search-status')
 14 | 
 15 |     this.emptyContainer = this.querySelector('.search-empty')
 16 |     this.cartUpsells = this.querySelector('.cart-upsells')
 17 | 
 18 |     this.input.addEventListener('input', window.theme.debounce((event) => {
 19 |       this.getSearchResults()
 20 |     }, 300).bind(this))
 21 | 
 22 |     document.querySelector('#offcanvas-search')?.addEventListener('shown.bs.offcanvas', () => {
 23 |       this.input.focus()
 24 |     })
 25 |     this.accessibilityEventIsInit = false
 26 |   }
 27 | 
 28 |   async getSearchResults () {
 29 |     const searchTerm = this.input.value.trim()
 30 | 
 31 |     if (searchTerm.length) {
 32 |       const response = await fetch(`${window.Shopify.routes.predictive_search_url}?q=${searchTerm}&resources[type]=${this.dataset.resourcesType}&resources[limit]=10&section_id=predictive-search`)
 33 | 
 34 |       if (response.ok) {
 35 |         const data = await response.text()
 36 |         const resultsMarkup = new DOMParser().parseFromString(data, 'text/html').querySelector('#shopify-section-predictive-search').innerHTML
 37 | 
 38 |         this.results.innerHTML = resultsMarkup
 39 | 
 40 |         this.emptyContainer.setAttribute('hidden', 'hidden')
 41 |         this.cartUpsells.setAttribute('hidden', 'hidden')
 42 |         this.input.setAttribute('aria-expanded', 'true')
 43 |         this.status.textContent = this.querySelector('#predictive-search-results').dataset.resultsText
 44 | 
 45 |         this.results.querySelectorAll('.jdgm-prev-badge__stars').forEach(elem => {
 46 |           elem.setAttribute('tabindex', '-1')
 47 |         })
 48 |         this.handleAccessibility()
 49 |       } else {
 50 |         // TODO: Handle errors
 51 |       }
 52 |     } else {
 53 |       this.emptyContainer.removeAttribute('hidden')
 54 |       this.cartUpsells.removeAttribute('hidden')
 55 |       this.results.innerHTML = ''
 56 |       this.input.setAttribute('aria-expanded', 'false')
 57 |       this.input.removeAttribute('aria-activedescendant')
 58 |       this.status.textContent = ''
 59 |     }
 60 |   }
 61 | 
 62 |   handleAccessibility () {
 63 |     let x = -1
 64 | 
 65 |     function listenKeyup (event) {
 66 |       const items = this.querySelectorAll('#predictive-search-results a, #predictive-search-results button')
 67 | 
 68 |       if (!items.length) return
 69 | 
 70 |       if (event.code === 'ArrowUp' || event.code === 'ArrowDown') {
 71 |         items.forEach(elem => {
 72 |           elem.closest('[role="option"]').setAttribute('aria-selected', 'false')
 73 |         })
 74 |       }
 75 | 
 76 |       switch (event.code) {
 77 |       case 'ArrowUp':
 78 |         if (x <= 0) {
 79 |           x = items.length
 80 |         }
 81 |         x--
 82 |         items.forEach((elem, index) => {
 83 |           if (index === x) {
 84 |             elem.focus()
 85 |             elem.closest('[role="option"]').setAttribute('aria-selected', 'true')
 86 |             this.input.setAttribute('aria-activedescendant', elem.closest('[role="option"]').getAttribute('id'))
 87 |           }
 88 |         })
 89 |         break
 90 |       case 'ArrowDown':
 91 |         if (x === items.length - 1) {
 92 |           x = -1
 93 |         }
 94 |         x++
 95 |         items.forEach((elem, index) => {
 96 |           if (index === x) {
 97 |             elem.focus()
 98 |             elem.closest('[role="option"]').setAttribute('aria-selected', 'true')
 99 |             this.input.setAttribute('aria-activedescendant', elem.closest('[role="option"]').getAttribute('id'))
100 |           }
101 |         })
102 |         break
103 |       case 'Enter':
104 |         console.log('Enter')
105 |         break
106 |       }
107 |     }
108 | 
109 |     if (!this.accessibilityEventIsInit) {
110 |       this.addEventListener('keyup', listenKeyup)
111 |       this.accessibilityEventIsInit = true
112 |     }
113 |   }
114 | }
115 | 
116 | customElements.define('predictive-search', PredictiveSearch)
117 | 


--------------------------------------------------------------------------------
/assets/sections.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |   © 2024 KondaSoft
 3 |   https://www.kondasoft.com
 4 | */
 5 | 
 6 | class Navbar extends HTMLElement {
 7 |   constructor () {
 8 |     super()
 9 | 
10 |     this.handleDropdownsBackdrop()
11 |     this.handleHeaderReveal()
12 |     this.adjustOffcanvasMenu()
13 |   }
14 | 
15 |   adjustOffcanvasMenu () {
16 |     const offcanvasMenu = document.querySelector('#offcanvas-menu')
17 |     const navbarMobile = document.querySelector('#navbar-mobile')
18 | 
19 |     offcanvasMenu?.addEventListener('show.bs.offcanvas', () => {
20 |       const navbarSpacing = document.querySelector('#navbar-mobile').getBoundingClientRect().bottom
21 |       offcanvasMenu.style.height = `${window.innerHeight - navbarSpacing}px`
22 | 
23 |       navbarMobile.querySelector('.svg-icon-menu')?.classList.add('svg-icon-menu-close')
24 |     })
25 | 
26 |     offcanvasMenu?.addEventListener('hide.bs.offcanvas', () => {
27 |       navbarMobile.querySelector('.svg-icon-menu')?.classList.remove('svg-icon-menu-close')
28 |     })
29 |   }
30 | 
31 |   handleHeaderReveal () {
32 |     let oldScroll = window.scrollY
33 |     const headerGroup = document.querySelector('#header-group')
34 | 
35 |     window.addEventListener('scroll', () => {
36 |       const newScroll = window.scrollY
37 |       if (newScroll > oldScroll) {
38 |         if (newScroll > headerGroup.clientHeight) {
39 |           headerGroup.classList.add('hide')
40 |         }
41 |       } else if (newScroll < oldScroll) {
42 |         headerGroup.classList.remove('hide')
43 |       }
44 | 
45 |       oldScroll = Math.max(window.scrollY, 0)
46 |     })
47 |   }
48 | 
49 |   handleDropdownsBackdrop () {
50 |     this.querySelectorAll('#navbar-desktop .dropdown-toggle').forEach(dropdown => {
51 |       dropdown.addEventListener('hidden.bs.dropdown', () => {
52 |         if (!document.querySelector('#navbar-desktop .dropdown-toggle.show')) {
53 |           document.body.classList.remove('navbar-dropdown-open')
54 |         }
55 |       })
56 |       dropdown.addEventListener('show.bs.dropdown', () => {
57 |         document.body.classList.add('navbar-dropdown-open')
58 |       })
59 |     })
60 |   }
61 | }
62 | customElements.define('navbar-wrapper', Navbar)
63 | 


--------------------------------------------------------------------------------
/assets/variables.css.liquid:
--------------------------------------------------------------------------------
 1 | {% comment %} 
 2 |     Fonts 
 3 | {% endcomment %}
 4 | {{ settings.font_headings | font_face: font_display: 'swap' }}
 5 | 
 6 | {% unless settings.font_body.system %}
 7 |   {{ settings.font_body | font_face: font_display: 'swap' }}
 8 |   {{ settings.font_body | font_modify: 'weight', '500' | font_face: font_display: 'swap' }}
 9 |   {{ settings.font_body | font_modify: 'weight', '700' | font_face: font_display: 'swap' }}
10 |   {{ settings.font_body | font_modify: 'style', 'italic' | font_face: font_display: 'swap' }}
11 | {% endunless %}
12 |  
13 | :root {
14 |   {%- comment -%} 
15 |     Colors
16 |   {%- endcomment -%}
17 |   --bs-primary: {{ settings.color_primary }};
18 |   --bs-primary-rgb: {{ settings.color_primary | color_to_rgb | remove: 'rgb(' | remove: ')' }};
19 |   --bs-secondary: {{ settings.color_secondary }};
20 |   --bs-secondary-rgb: {{ settings.color_secondary | color_to_rgb | remove: 'rgb(' | remove: ')' }};
21 |   --bs-body-bg: {{ settings.color_body_bg }};
22 |   --bs-body-bg-rgb: {{ settings.color_body_bg | color_to_rgb | remove: 'rgb(' | remove: ')' }};
23 |   --bs-body-color: {{ settings.color_body_color }};
24 |   --bs-body-color-rgb: {{ settings.color_body_color | color_to_rgb | remove: 'rgb(' | remove: ')' }};
25 | 
26 |   {% comment -%} 
27 |     General
28 |   {%- endcomment -%}
29 |   --bs-container-max-width: {{ settings.container_max_width | append: 'px' }};
30 |   --bs-border-radius: {{ settings.border_radius | append: 'rem' }};
31 | 
32 |   {% comment -%} 
33 |     Typography
34 |   {%- endcomment -%}
35 |   --bs-body-font-family: {{ settings.font_body.family }}, {{ settings.font_body.fallback_families }};
36 |   --bs-body-font-weight: {{ settings.font_body.weight }};
37 |   --bs-body-font-size: {{ settings.font_body_size | append: 'rem'  }};
38 |   --bs-headings-font-family: {{ settings.font_headings.family }}, {{ settings.font_headings.fallback_families }};
39 |   --bs-headings-font-weight: {{ settings.font_headings.weight }};
40 |   --bs-headings-text-transform: {{ settings.headings_text_transform }};
41 | 
42 |   {% comment -%} 
43 |     Modal/Dialog
44 |   {%- endcomment -%}
45 |   --bs-dialog-backdrop-color-rgb: {{ settings.dialog_backdrop_color | color_to_rgb | remove: 'rgb(' | remove: ')' }};
46 |   --bs-dialog-backdrop-opacity: {{ settings.dialog_backdrop_opacity | append: '%' }};
47 |   --bs-dialog-backdrop-blur: {{ settings.dialog_backdrop_blur | append: 'px' }};
48 |   --bs-dialog-backdrop-blur: {{ settings.dialog_backdrop_blur | append: 'px' }};
49 |   --bs-dialog-header-bg-color-rgb: {{ settings.dialog_header_bg_color | prepend: 'var(--bs-' | append: '-rgb)' }};
50 |   --bs-dialog-header-bg-opacity: {{ settings.dialog_header_bg_opacity | append: '%' }};
51 |   --bs-dialog-header-text-color: {{ settings.dialog_header_text_color }};
52 |   --bs-dialog-header-border-width: {{ settings.dialog_header_border_width | append: 'px' }};
53 |   --bs-dialog-header-border-color-rgb: {{ settings.dialog_header_border_color | prepend: 'var(--bs-' | append: '-rgb)'  }};
54 |   --bs-dialog-header-border-opacity: {{ settings.dialog_header_border_opacity | append: '%' }};
55 |   --bs-dialog-header-title-font-size: {{ settings.dialog_header_title_font_size | append: 'em' }};
56 | 
57 |   {% comment -%} 
58 |     Various
59 |   {%- endcomment -%}
60 |   --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
61 |   --bs-box-shadow-md: 0 0.25rem 0.5rem rgba(var(--bs-body-color-rgb), 0.125);
62 |   --bs-box-shadow-lg: 0 .5rem 1rem rgba(var(--bs-body-color-rgb), 0.175);
63 |   --bs-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .125);
64 |   --bs-box-shadow: var(--bs-box-shadow-md);
65 | }
66 | 
67 | {%- comment -%} 
68 |   Buttons
69 | {%- endcomment -%}
70 | .btn {
71 |   --bs-btn-font-size: {{ settings.btn_font_size | append: 'rem' }};
72 |   --bs-btn-text-transform: {{ settings.btn_text_transform }};
73 |   --bs-btn-font-family-new: {{ settings.btn_font_family }};
74 |   --bs-btn-font-weight: {{ settings.btn_font_weight }};
75 |   --bs-btn-letter-spacing: {{ settings.btn_letter_spacing | times: 0.05 | append: 'rem' }};
76 |   --bs-btn-bg-gradient: {% if settings.btn_bg_gradient %}var(--bs-gradient){% endif %};
77 |   --bs-btn-padding-x: {{ settings.btn_padding_x | append: 'rem' }};
78 |   --bs-btn-padding-y: {{ settings.btn_padding_y | append: 'rem' }};
79 | }
80 | 
81 | {%- comment -%} 
82 |   Other
83 | {%- endcomment -%}
84 | .form-check-input:checked[type=radio] {
85 |   --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23{{ settings.color_body_bg | remove: '#' }}'/%3e%3c/svg%3e");
86 | }
87 | 


--------------------------------------------------------------------------------
/config/settings_data.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "current": {
 3 |     "color_primary": "#0d6efd",
 4 |     "color_secondary": "#455a64",
 5 |     "color_body_bg": "#ffffff",
 6 |     "color_body_color": "#212529",
 7 |     "container_max_width": 1350,
 8 |     "border_radius": 0.3,
 9 |     "logo": "shopify:\/\/shop_images\/logo.png",
10 |     "favicon": "shopify:\/\/shop_images\/favicon.png",
11 |     "font_body": "sans-serif",
12 |     "font_headings": "ubuntu_n4",
13 |     "btn_text_transform": "none",
14 |     "btn_font_family": "var(--bs-body-font-family)",
15 |     "btn_font_weight": "500",
16 |     "btn_letter_spacing": 1,
17 |     "btn_bg_gradient": true,
18 |     "btn_padding_x": 1,
19 |     "btn_padding_y": 0.3,
20 |     "dialog_backdrop_color": "#212529",
21 |     "dialog_header_bg_color": "secondary",
22 |     "dialog_header_bg_opacity": 5,
23 |     "dialog_header_text_color": "body-color",
24 |     "dialog_header_border_width": 1,
25 |     "dialog_header_border_color": "secondary",
26 |     "dialog_header_border_opacity": 10,
27 |     "dialog_header_title_font_size": 1.3,
28 |     "product_card_img_mode": "carousel",
29 |     "product_card_img_orientation": "ratio-1x1",
30 |     "product_card_img_border": "img-thumbnail",
31 |     "product_card_carousel_controls_color": "body-color",
32 |     "product_card_carousel_transition": "slide",
33 |     "product_card_badge_discount_type": "value",
34 |     "product_card_title_font_size": "fs-lg",
35 |     "product_card_show_atc_form": true,
36 |     "product_card_atc_style": "quick-view",
37 |     "product_card_color_swatches": "Color, color",
38 |     "cart_icon": "cart",
39 |     "cart_goal_value": "USD:100, \nEUR:50",
40 |     "cart_goal_bg_color_before": "bg-primary",
41 |     "cart_goal_bg_color_after": "bg-primary",
42 |     "cart_upsells_title": "You might like",
43 |     "cart_upsells_collection": "best-selling",
44 |     "cart_upsells_limit": 5,
45 |     "cart_gift_upsell_product": "gift-wrap",
46 |     "recently_viewed": true,
47 |     "social_facebook": "#",
48 |     "social_instagram": "#",
49 |     "social_x": "#",
50 |     "social_tiktok": "#",
51 |     "social_youtube": "#",
52 |     "checkout_logo_image": "shopify:\/\/shop_images\/logo.png",
53 |     "checkout_logo_size": "small",
54 |     "checkout_accent_color": "#dc3545",
55 |     "checkout_button_color": "#dc3545",
56 |     "product_countdown_time": "1718358803",
57 |     "product_countdown_bg_color": "bg-primary",
58 |     "product_countdown_bg_opacity": 10,
59 |     "product_countdown_text_color": "text-primary",
60 |     "product_countdown_border_width": 1,
61 |     "product_countdown_border_color": "border-primary",
62 |     "product_countdown_border_opacity": 49,
63 |     "cart_gift_product": "gift-wrap",
64 |     "cart_upsells_bg_light": false,
65 |     "btn_shine_effect": true,
66 |     "headings_text_transform": "uppercase",
67 |     "headings_letter_spacing": 1,
68 |     "color_tertiary": "#1f2937",
69 |     "btn_border_width": 1,
70 |     "body_letter_spacing": 0,
71 |     "font_h1_size_mobile": 2.5,
72 |     "font_h2_size_mobile": 2,
73 |     "color_body_text": "#1f2937",
74 |     "font_desktop_h3_size": 2.5,
75 |     "font_h5_size": 1.5,
76 |     "product_img_orientation": "ratio-1x1",
77 |     "product_img_border": "img-thumbnail",
78 |     "product_img_controls_color": "dark",
79 |     "product_sale_badge_discount_type": "value",
80 |     "product_sale_badge_bg_color": "bg-danger",
81 |     "product_buy_btn_color": "btn-secondary",
82 |     "color_dark": "#27272a",
83 |     "color_light": "#f8f9fa",
84 |     "gradient_primary": "linear-gradient(90deg, rgba(146, 64, 14, 1), rgba(205, 103, 41, 1) 100%)",
85 |     "gradient_secondary": "linear-gradient(90deg, rgba(18, 18, 18, 1) 1%, rgba(50, 50, 50, 1) 99%)",
86 |     "product_card_controls_color": "dark",
87 |     "product_card_wishlist_color": "text-primary",
88 |     "product_card_img_carousel_dark": false,
89 |     "cart_img_border": "img-thumbnail",
90 |     "content_for_index": [],
91 |     "blocks": {
92 |       "14060646107696862457": {
93 |         "type": "shopify:\/\/apps\/judge-me-reviews\/blocks\/judgeme_core\/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8",
94 |         "disabled": false,
95 |         "settings": {}
96 |       }
97 |     }
98 |   }
99 | }


--------------------------------------------------------------------------------
/layout/password.liquid:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 |   <html  
 3 |     lang="{{ request.locale.iso_code }}"
 4 |     class="{% if request.design_mode %}theme-editor{% endif %}">
 5 |   <head>
 6 |     <meta charset="utf-8">
 7 |     <meta name="viewport" content="width=device-width,initial-scale=1">
 8 |     <meta name="theme-color" content="{{ settings.color_primary }}">
 9 |   
10 |     <link rel="canonical" href="{{ canonical_url }}">
11 |     <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
12 |     <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
13 |   
14 |     {%- unless settings.favicon == blank -%}
15 |         <link rel="icon" type="image/png" href="{{ settings.favicon | image_url: width: '32', height: '32' }}">
16 |     {%- endunless -%}
17 |   
18 |     <title>
19 |       {{ page_title }}
20 |     </title>
21 |   
22 |     {% if page_description %}
23 |       <meta name="description" content="{{ page_description | escape }}">
24 |     {% endif %}
25 |   
26 |     {% render 'meta-tags' %}
27 |   
28 |     {{ content_for_header }}
29 |   
30 |     {% render 'styles-scripts' %}
31 |   </head>
32 |   
33 |   <body>
34 |    
35 |     <main id="main">
36 |       {{ content_for_layout }}
37 |     </main>
38 |   
39 |   </body>
40 |   </html>
41 |       


--------------------------------------------------------------------------------
/layout/theme.liquid:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html 
 3 |   lang="{{ request.locale.iso_code }}"
 4 |   class="{% if request.design_mode %}design-mode{% endif %}">
 5 | <head>
 6 |   <meta charset="utf-8">
 7 |   <meta name="viewport" content="width=device-width,initial-scale=1">
 8 |   <meta name="theme-color" content="{{ settings.color_primary }}">
 9 | 
10 |   <link rel="canonical" href="{{ canonical_url }}">
11 |   <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
12 |   <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
13 | 
14 |   {%- unless settings.favicon == blank -%}
15 |       <link rel="icon" type="image/png" href="{{ settings.favicon | image_url: width: '32', height: '32' }}">
16 |   {%- endunless -%}
17 | 
18 |   <title>
19 |     {{ page_title }}
20 |     {%- if current_tags %} &ndash; tagged "{{ current_tags | join: ', ' }}"{% endif -%}
21 |     {%- if current_page != 1 %} &ndash; Page {{ current_page }}{% endif -%}
22 |     {%- unless page_title contains shop.name %} &ndash; {{ shop.name }}{% endunless -%}
23 |   </title>
24 | 
25 |   {% if page_description %}
26 |     <meta name="description" content="{{ page_description | escape }}">
27 |   {% endif %}
28 | 
29 |   {% render 'meta-tags' %}
30 | 
31 |   {{ content_for_header }}
32 | 
33 |   {% render 'styles-scripts' %}
34 | </head>
35 | 
36 | <body class="{{ request.page_type | prepend: 'page-type-' }}">
37 |   <a class="visually-hidden-focusable" href="#main">
38 |     {{ 'general.accessibility.skip_content' | t }}
39 |   </a>
40 |   
41 |   <div id="header-group" class="sticky-top">
42 |     {% sections 'header-group' %}
43 |   </div>
44 | 
45 |   <main id="main">
46 |     {{ content_for_layout }}
47 |   </main>
48 | 
49 |   <div id="footer-group">
50 |     {% sections 'footer-group' %}
51 |   </div>
52 | 
53 |   {% liquid
54 |     render 'offcanvas-cart'
55 |     render 'offcanvas-search'
56 |     render 'modal-localization'
57 |     render 'rich-snippets'
58 |   %}
59 | </body>
60 | </html>
61 |     


--------------------------------------------------------------------------------
/locales/en.default.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "general": {
  3 |     "accessibility": {
  4 |       "skip_content": "Skip to content",
  5 |       "skip_product_content": "Skip to product content",
  6 |       "menu": "Menu",
  7 |       "cart": "Cart",
  8 |       "search": "Search",
  9 |       "wishlist": "Wishlist",
 10 |       "recently_viewed": "Recently viewed",
 11 |       "account": "Account",
 12 |       "localization": "Localization",
 13 |       "previous": "Previous",
 14 |       "next": "Next",
 15 |       "close": "Close",
 16 |       "remove": "Remove",
 17 |       "quantity": "Quantity",
 18 |       "decrease_qty": "Decrease quantity",
 19 |       "increase_qty": "Increase quantity",
 20 |       "color_options": "Color options",
 21 |       "social_media_links": "Social media",
 22 |       "payment_methods": "Payment methods",
 23 |       "cart_items": "Cart items",
 24 |       "full_screen": "Full screen",
 25 |       "pagination": "Pagination",
 26 |       "announcements": "Announcements",
 27 |       "slide_no": "Slide {{ number }}",
 28 |       "scroll_down": "Scroll down"
 29 |     },
 30 |     "blog": {
 31 |       "empty": "No posts found!",
 32 |       "count_articles": {
 33 |         "one": "{{ count }} post",
 34 |         "other": "{{ count }} posts"
 35 |       },
 36 |       "tags_btn": "Filter by tag",
 37 |       "tags_title": "Filter posts",
 38 |       "tags_show_all": "View all",
 39 |       "posted_in": "Posted in"
 40 |     },
 41 |     "contact_form": {
 42 |       "name": "Name",
 43 |       "email": "Email",
 44 |       "phone": "Phone (optional)",
 45 |       "message": "Message",
 46 |       "send": "Send",
 47 |       "success": "Thanks for contacting us. We'll get back to you as soon as possible."
 48 |     },
 49 |     "search": {
 50 |       "title": "Search",
 51 |       "empty_html": "<p>Start typing to see results<\/p>",
 52 |       "continue_shopping": "Continue Shopping",
 53 |       "input_label": "Search our store...",
 54 |       "btn_label": "Search",
 55 |       "suggestions": "Suggestions",
 56 |       "products": "Products",
 57 |       "collections": "Collections",
 58 |       "articles": "Blog posts",
 59 |       "pages": "Pages",
 60 |       "results": {
 61 |         "one": "{{ count }} result found",
 62 |         "other": "{{ count }} results found"
 63 |       },
 64 |       "search_for": "Search for \"{{ terms }}\"",
 65 |       "search_page": {
 66 |         "title": "Search our store",
 67 |         "title_search_performed": "Search results",
 68 |         "no_results": "No results found for \"{{ terms }}\". Check the spelling or use a different word or phrase.",
 69 |         "results_with_count_and_term": {
 70 |           "one": "{{ count }} result found for “{{ terms }}”",
 71 |           "other": "{{ count }} results found for “{{ terms }}”"
 72 |         },
 73 |         "count_products": {
 74 |           "one": "{{ count }} product",
 75 |           "other": "{{ count }} products"
 76 |         }
 77 |       }
 78 |     },
 79 |     "wishlist": {
 80 |       "title": "Wishlist",
 81 |       "empty_html": "<p>Your wishlist is currently empty<\/p>",
 82 |       "continue_shopping": "Continue Shopping",
 83 |       "wishlist": "Wishlist",
 84 |       "add": "Add to wishlist",
 85 |       "remove": "Remove from wishlist"
 86 |     },
 87 |     "recently_viewed": {
 88 |       "title": "Recently Viewed",
 89 |       "empty_html": "<p>Your list is currently empty<\/p>",
 90 |       "continue_shopping": "Continue Shopping",
 91 |       "remove_all": "Remove all"
 92 |     },
 93 |     "newsletter": {
 94 |       "input_label": "Enter your email address...",
 95 |       "confirmation_text": "Thanks for subscribing, you'll hear from us soon.",
 96 |       "submit_button": "Subscribe"
 97 |     },
 98 |     "404_page": {
 99 |       "title": "404 - Page not found",
100 |       "subtext": "The page you were looking for does not exist",
101 |       "button": "Go back to homepage"
102 |     },
103 |     "times": {
104 |       "ago": "ago",
105 |       "moments": "moments",
106 |       "second": "second",
107 |       "seconds": "seconds",
108 |       "minute": "minute",
109 |       "minutes": "minutes",
110 |       "hour": "hour",
111 |       "hours": "hours",
112 |       "day": "day",
113 |       "days": "days",
114 |       "expired": "Offer has expired!"
115 |     },
116 |     "localization": {
117 |       "title": "Localization"
118 |     },
119 |     "payment_icons": {
120 |       "secure": "100% secure & protected payments"
121 |     },
122 |     "password_page": {
123 |       "input_label": "Password",
124 |       "btn_label": "Enter"
125 |     }
126 |   },
127 |   "collection": {
128 |     "empty_html": "No products found! &nbsp; <a href=\"\/collections\/all\">View all »<\/a>",
129 |     "sort_by": "Sort by",
130 |     "count_products": {
131 |       "one": "{{ count }} product",
132 |       "other": "{{ count }} products"
133 |     },
134 |     "filters": {
135 |       "btn_text": "Filters",
136 |       "title": "Filters",
137 |       "reset": "Reset",
138 |       "from": "From",
139 |       "to": "To",
140 |       "view_more": "View more",
141 |       "clear_filter": "Clear filter",
142 |       "clear_all": "Clear all filters",
143 |       "view_results": {
144 |         "one": "View {{ count }} product",
145 |         "other": "View {{ count }} products"
146 |       }
147 |     }
148 |   },
149 |   "product": {
150 |     "add_to_cart": "Add to cart",
151 |     "buy_it_now": "Buy it now",
152 |     "save": "Save",
153 |     "sold_out": "Sold out",
154 |     "unavilable": "Unavilable",
155 |     "quantity": "Quantity",
156 |     "unavailable": "Unavailable",
157 |     "product_options": "Product options",
158 |     "choose_options": "Choose options",
159 |     "select_variant": "Selecto variant",
160 |     "quick_view": "Quick view",
161 |     "regular_price": "Regular price",
162 |     "sale_price": "Sale price",
163 |     "stock_indicator": {
164 |       "low_stock_html": {
165 |         "one": "Only, <b>{{ count }} item<\/b> is in stock!",
166 |         "other": "Only, <b>{{ count }} items<\/b> are in stock!"
167 |       },
168 |       "normal_stock_html": "Currently, <b>{{ count }} items<\/b> are in stock!",
169 |       "no_stock": "Unfortunately, this item is sold-out!",
170 |       "untracked_stock": "Currently, this item has stock"
171 |     }
172 |   },
173 |   "cart": {
174 |     "title": "Cart",
175 |     "empty_html": "<p>Your cart is currently empty<\/p>",
176 |     "continue_shopping": "Continue Shopping",
177 |     "quantity": "Quantity",
178 |     "property_view_file": "View file",
179 |     "applied_discounts": "Applied discounts",
180 |     "subtotal": "Subtotal",
181 |     "taxes_shipping_at_checkout_html": "Taxes &amp; <a href=\"\/policies\/shipping-policy\" target=\"_blank\">Shipping<\/a> calculated at checkout",
182 |     "checkout": "Checkout",
183 |     "note": {
184 |       "title": "Add a note to your order",
185 |       "label": "Your message...",
186 |       "button": "Save note",
187 |       "saved": "Note saved"
188 |     },
189 |     "shipping_calculator": {
190 |       "title": "Calculate shipping",
191 |       "country": "Country",
192 |       "province": "Province",
193 |       "zip": "Zip",
194 |       "btn_label": "Calculate",
195 |       "no_results": "No shipping rates found!"
196 |     },
197 |     "gift_upsell": {
198 |       "title": "Add gift wrapping"
199 |     }
200 |   }
201 | }


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "scripts": {
 3 |     "watch": "npm-watch",
 4 |     "bs-scss": "sass --no-source-map src/bootstrap.scss:assets/vendor-bootstrap.css && postcss assets/vendor-bootstrap.css --replace --no-map --use autoprefixer && minify assets/vendor-bootstrap.css > assets/vendor-bootstrap.min.css && rm assets/vendor-bootstrap.css",
 5 |     "bs-js": "cp node_modules/bootstrap/dist/js/bootstrap.bundle.min.js assets/vendor-bootstrap.bundle.min.js",
 6 |     "swiper": "cp node_modules/swiper/swiper-bundle.min.js assets/vendor-swiper.bundle.min.js && cp node_modules/swiper/swiper-bundle.min.css assets/vendor-swiper.bundle.min.css"
 7 |   },
 8 |   "watch": { 
 9 |     "bs-scss": { 
10 |       "patterns": [
11 |         "src"
12 |       ],
13 |       "extensions": "scss",
14 |       "runOnChangeOnly": true
15 |     }
16 |   },
17 |   "dependencies": {
18 |     "bootstrap": "^5.3.2",
19 |     "swiper": "^11.0.6"
20 |   },
21 |   "devDependencies": { 
22 |     "autoprefixer": "^10.4.17",
23 |     "caniuse-lite": "^1.0.30001585",
24 |     "eslint": "^8.56.0",
25 |     "eslint-config-standard": "^17.1.0",
26 |     "eslint-plugin-import": "^2.29.1",
27 |     "eslint-plugin-n": "^16.6.2",
28 |     "eslint-plugin-promise": "^6.1.1",
29 |     "minify": "^11.0.1",
30 |     "npm-watch": "^0.11.0",
31 |     "postcss": "^8.4.35",
32 |     "postcss-cli": "^11.0.0",
33 |     "sass": "^1.70.0"
34 |   }
35 | }
36 | 


--------------------------------------------------------------------------------
/sections/article-main.liquid:
--------------------------------------------------------------------------------
  1 | <article 
  2 |   id="article-main-{{ collection.id }}" 
  3 |   class="
  4 |     article-main
  5 |     {{  section.settings.pt | prepend: 'pt-' }}
  6 |     {{  section.settings.pb | prepend: 'pb-' }}
  7 |   ">
  8 |   {% if section.settings.img_show and article.image %}
  9 |     <div class="img-wrapper mb-8">
 10 |       <div class="container">
 11 |         {% render 'image-url', img: article.image, size: 1600, orientation: section.settings.img_orientation, class: section.settings.img_border %}
 12 |       </div>
 13 |     </div>
 14 |   {% endif %}
 15 |   <div class="article-content">
 16 |     <div 
 17 |       class="container" 
 18 |       style="max-width: {{ section.settings.max_width }}px">
 19 |       <h1 class="article-title title mb-4 {{ section.settings.title_font_size }}">
 20 |         {{ article.title }}
 21 |       </h1>
 22 |       {% if section.settings.article_meta %}
 23 |         <p class="article-meta opacity-70 mb-5">
 24 |           {{ article.author }} @ {{ article.created_at | time_tag: '%b %d, %Y' }}
 25 |         </p>
 26 |       {% endif %}
 27 |       <div class="article-content rte mb-6">
 28 |         {{ article.content }}
 29 |       </div>
 30 |       {% if section.settings.show_tags and article.tags.size > 0 %}
 31 |         <div class="article-tags small opacity-70 mb-7">
 32 |           {{ 'general.blog.posted_in' | t }}: 
 33 |           {% for tag in article.tags %}
 34 |           <a href="{{ blog.url }}/tagged/{{ tag | handle }}">
 35 |             {{ tag }}</a>{% unless forloop.last %}, {% endunless %}
 36 |           {% endfor %}
 37 |         </div>
 38 |       {% endif %} 
 39 |     </div>
 40 |   </div>
 41 | </article>
 42 | 
 43 | {% schema %}
 44 | {
 45 |   "name": "Article main",
 46 |   "settings": [
 47 |     {
 48 |       "type": "header",
 49 |       "content": "Image"
 50 |     },
 51 |     {
 52 |       "type": "checkbox",
 53 |       "id": "img_show",
 54 |       "label": "Show article image",
 55 |       "default": true
 56 |     },
 57 |     {
 58 |       "type": "select",
 59 |       "id": "img_orientation",
 60 |       "label": "Image orientation",
 61 |       "default": "adapt",
 62 |       "options": [
 63 |         { "group": "Adapt", "value": "adapt", "label": "Adapt" },
 64 |         { "group": "Square", "value": "ratio-1x1", "label": "1x1" },
 65 |         { "group": "Horizontal", "value": "ratio-4x3", "label": "4x3" },
 66 |         { "group": "Horizontal", "value": "ratio-16x9", "label": "16x9" },
 67 |         { "group": "Horizontal", "value": "ratio-21x9", "label": "21x9" }
 68 |       ]
 69 |     },
 70 |     {
 71 |       "type": "select",
 72 |       "id": "img_border",
 73 |       "label": "Image border",
 74 |       "default": "img-thumbnail",
 75 |       "options": [
 76 |         { "value": "", "label": "None" },
 77 |         { "value": "rounded", "label": "Rounded" },
 78 |         { "value": "img-thumbnail", "label": "Thumbnail" }
 79 |       ]
 80 |     },
 81 |     {
 82 |       "type": "header",
 83 |       "content": "Content"
 84 |     },
 85 |     {
 86 |       "type": "text",
 87 |       "id": "max_width",
 88 |       "label": "Content max-width (px)",
 89 |       "default": "720"
 90 |     },
 91 |     {
 92 |       "type": "select",
 93 |       "id": "title_font_size",
 94 |       "label": "Title font-size",
 95 |       "default": "h1",
 96 |       "options": [
 97 |         { "value": "h1", "label": "H1" },
 98 |         { "value": "h2", "label": "H2" },
 99 |         { "value": "h3", "label": "H3" },
100 |         { "value": "h4", "label": "H4" },
101 |         { "value": "h5", "label": "H5" },
102 |         { "value": "h6", "label": "H6" }
103 |       ]
104 |     },
105 |     {
106 |       "type": "checkbox",
107 |       "id": "article_meta",
108 |       "label": "Show article meta",
109 |       "info": "Author and date",
110 |       "default": true
111 |     },
112 |     {
113 |       "type": "checkbox",
114 |       "id": "show_tags",
115 |       "label": "Show tags",
116 |       "default": true
117 |     },
118 |     {
119 |       "type": "header",
120 |       "content": "Spacing"
121 |     },
122 |     {
123 |       "type": "range",
124 |       "id": "pt",
125 |       "label": "Top",
126 |       "min": 0,
127 |       "max": 20,
128 |       "step": 1,
129 |       "default": 10
130 |     },
131 |     {
132 |       "type": "range",
133 |       "id": "pb",
134 |       "label": "Bottom",
135 |       "min": 0,
136 |       "max": 20,
137 |       "step": 1,
138 |       "default": 10
139 |     }
140 |   ],
141 |   "templates": ["article"],
142 |   "presets": [
143 |     {
144 |       "name": "Article main"
145 |     }
146 |   ]
147 | }
148 | {% endschema %}


--------------------------------------------------------------------------------
/sections/cart-count-badge.liquid:
--------------------------------------------------------------------------------
1 | {% liquid 
2 |   # This section is needed to dynamically fetch it using Shopify's
3 |   # "Bundled section rendering" mode after the cart has been updated.
4 |   # https://www.shopify.dev/docs/api/ajax/reference/cart#bundled-section-rendering
5 | %}
6 | {% render 'cart-count-badge' %}


--------------------------------------------------------------------------------
/sections/footer-group.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "type": "footer",
 3 |   "name": "Footer Group",
 4 |   "sections": {
 5 |     "newsletter_fL4LWF": {
 6 |       "type": "newsletter",
 7 |       "settings": {
 8 |         "bg_color": "bg-secondary",
 9 |         "bg_opacity": 5,
10 |         "bg_gradient": "bg-gradient",
11 |         "text_color": "text-body",
12 |         "border_top_width": 1,
13 |         "border_bottom_width": 0,
14 |         "border_color": "border-secondary",
15 |         "border_opacity": 10,
16 |         "container_max_width": "600",
17 |         "header_title": "Newsletter Subscribe",
18 |         "header_title_font_size": "h3",
19 |         "header_description": "<p>Add on optional description for this section<\/p>",
20 |         "header_description_font_size": "fs-md",
21 |         "btn_color": "btn-primary",
22 |         "btn_size": "",
23 |         "notice": "<p>By signing up for email, you agree to our <a href=\"\/policies\/terms-of-service\">Terms of Service<\/a> and <a href=\"\/policies\/privacy-policy\">Privacy Policy<\/a>.<\/p>",
24 |         "pt": 11,
25 |         "pb": 11
26 |       }
27 |     },
28 |     "footer": {
29 |       "type": "footer",
30 |       "blocks": {
31 |         "8b92bb0f-7aaa-4462-8660-b6a23bd9c31c": {
32 |           "type": "menu",
33 |           "settings": {
34 |             "menu": "shop",
35 |             "title_font_size": "fs-xl",
36 |             "title": "Collections"
37 |           }
38 |         },
39 |         "79b0b9d4-1bf4-4490-a48e-94be1aecf12a": {
40 |           "type": "menu",
41 |           "settings": {
42 |             "menu": "company",
43 |             "title_font_size": "fs-xl",
44 |             "title": "Company"
45 |           }
46 |         },
47 |         "7468602d-7e94-4bd5-9673-02b2f8269581": {
48 |           "type": "menu",
49 |           "settings": {
50 |             "menu": "footer",
51 |             "title_font_size": "fs-xl",
52 |             "title": "Policies"
53 |           }
54 |         },
55 |         "0f9016c8-7819-40d8-a874-905df26582ca": {
56 |           "type": "richtext",
57 |           "settings": {
58 |             "title": "About us",
59 |             "title_font_size": "fs-xl",
60 |             "description": "<p>Finish your Shopify store within days, not months. 15+ years of coding experience, 50k+ customers served!<\/p>",
61 |             "btn_primary_text": "Browse themes",
62 |             "btn_primary_url": "https:\/\/www.kondasoft.com\/collections\/shopify-themes",
63 |             "btn_primary_color": "btn-primary",
64 |             "btn_secondary_text": "Learn more",
65 |             "btn_secondary_url": "https:\/\/www.kondasoft.com\/collections\/shopify-themes",
66 |             "btn_secondary_color": "btn-light-white"
67 |           }
68 |         }
69 |       },
70 |       "block_order": [
71 |         "8b92bb0f-7aaa-4462-8660-b6a23bd9c31c",
72 |         "79b0b9d4-1bf4-4490-a48e-94be1aecf12a",
73 |         "7468602d-7e94-4bd5-9673-02b2f8269581",
74 |         "0f9016c8-7819-40d8-a874-905df26582ca"
75 |       ],
76 |       "settings": {
77 |         "bg_color": "bg-secondary",
78 |         "bg_opacity": 100,
79 |         "bg_gradient": "bg-gradient",
80 |         "text_color": "text-white",
81 |         "border_top_width": 0,
82 |         "border_bottom_width": 0,
83 |         "border_color": "border-white",
84 |         "border_opacity": 100,
85 |         "social_icons": true,
86 |         "show_payment_icons": true,
87 |         "show_powered_by": true,
88 |         "pt": 10,
89 |         "pb": 7
90 |       }
91 |     }
92 |   },
93 |   "order": [
94 |     "newsletter_fL4LWF",
95 |     "footer"
96 |   ]
97 | }


--------------------------------------------------------------------------------
/sections/header-group.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "type": "header",
 3 |   "name": "Header Group",
 4 |   "sections": {
 5 |     "announcement_bar_Ge9W3V": {
 6 |       "type": "announcement-bar",
 7 |       "blocks": {
 8 |         "slide_j46kwk": {
 9 |           "type": "slide",
10 |           "settings": {
11 |             "announcement": "Announce something important here"
12 |           }
13 |         },
14 |         "slide_mwF4Tk": {
15 |           "type": "slide",
16 |           "settings": {
17 |             "announcement": "Free Shipping For All Orders Over $100"
18 |           }
19 |         }
20 |       },
21 |       "block_order": [
22 |         "slide_j46kwk",
23 |         "slide_mwF4Tk"
24 |       ],
25 |       "settings": {
26 |         "bg_color": "bg-primary",
27 |         "bg_opacity": 100,
28 |         "bg_gradient": "bg-gradient",
29 |         "text_color": "text-white",
30 |         "border_top_width": 0,
31 |         "border_bottom_width": 0,
32 |         "border_color": "border-body",
33 |         "border_opacity": 100,
34 |         "container_max_width": "600",
35 |         "font_size": "fs-xs",
36 |         "font_size_desktop": "fs-desktop-sm",
37 |         "text_transform": "",
38 |         "letter_spacing": 1,
39 |         "carousel_autoplay": 5,
40 |         "carousel_vertical": true,
41 |         "pt": 4,
42 |         "pb": 4
43 |       }
44 |     },
45 |     "navbar": {
46 |       "type": "navbar",
47 |       "blocks": {
48 |         "37d4f863-aecd-4a86-87c1-a5887bf87140": {
49 |           "type": "mobile",
50 |           "settings": {
51 |             "container_max_width": "",
52 |             "logo": "shopify:\/\/shop_images\/ks-bootshop-logo.png",
53 |             "logo_height": 30,
54 |             "main_menu": "dropdown-menu",
55 |             "collections_menu": "",
56 |             "social_icons": true,
57 |             "pt": 2,
58 |             "pb": 2
59 |           }
60 |         },
61 |         "069e870e-aed4-4929-bf73-c0daca8be18e": {
62 |           "type": "desktop",
63 |           "settings": {
64 |             "container_max_width": "",
65 |             "logo": "shopify:\/\/shop_images\/ks-bootshop-logo.png",
66 |             "logo_height": 32,
67 |             "main_menu": "dropdown-menu",
68 |             "pt": 5,
69 |             "pb": 5
70 |           }
71 |         }
72 |       },
73 |       "block_order": [
74 |         "37d4f863-aecd-4a86-87c1-a5887bf87140",
75 |         "069e870e-aed4-4929-bf73-c0daca8be18e"
76 |       ],
77 |       "settings": {
78 |         "bg_color": "bg-body",
79 |         "bg_opacity": 100,
80 |         "bg_gradient": "",
81 |         "text_color": "text-body",
82 |         "border_top_width": 0,
83 |         "border_bottom_width": 0,
84 |         "border_color": "border-body",
85 |         "border_opacity": 100,
86 |         "shadow": "shadow-sm"
87 |       }
88 |     }
89 |   },
90 |   "order": [
91 |     "announcement_bar_Ge9W3V",
92 |     "navbar"
93 |   ]
94 | }


--------------------------------------------------------------------------------
/sections/html.liquid:
--------------------------------------------------------------------------------
  1 | <div
  2 |   id="html-section-{{ section.id }}" 
  3 |   class="
  4 |     html-section 
  5 |     {{ section.settings.bg_color }} 
  6 |     {{ section.settings.bg_gradient }}
  7 |     {{ section.settings.text_color }}
  8 |     {{ section.settings.border_top_width | prepend: 'border-top-' }}
  9 |     {{ section.settings.border_bottom_width | prepend: 'border-bottom-' }}
 10 |     {{ section.settings.border_color }} 
 11 |     {{ section.settings.text_align }}
 12 |     {{ section.settings.pt | prepend: 'pt-' }} 
 13 |     {{ section.settings.pb | prepend: 'pb-' }}
 14 |   "
 15 |   style="
 16 |     --bs-bg-opacity: {{ section.settings.bg_opacity | append: '%' }};
 17 |     --bs-border-opacity: {{ section.settings.border_opacity | append: '%' }};
 18 |   ">
 19 |   <div 
 20 |     class="{{ section.settings.container }}" 
 21 |     style="max-width: {{ section.settings.container_max_width }}px">
 22 |     
 23 |     <div class="px-6">
 24 |       {% render 'section-header' %}
 25 |     </div>
 26 | 
 27 |     <div class="">
 28 |       {{ section.settings.liquid }}
 29 |     </div>
 30 |   </div>
 31 | </div>
 32 | 
 33 | {% schema %}
 34 | {
 35 |   "name": "HTML/Liquid",
 36 |   "tag": "section",
 37 |   "settings": [
 38 |     {
 39 |       "type": "liquid",
 40 |       "id": "liquid",
 41 |       "label": "HTML/Liquid code",
 42 |       "default": "<p class=\"alert alert-primary text-center\">Current time is: {{ \"now\" | date: \"%Y-%m-%d %H:%M\" }}</p>"
 43 |     },
 44 |     {
 45 |       "type": "header",
 46 |       "content": "Styling"
 47 |     },
 48 |     {
 49 |       "type": "select",
 50 |       "id": "bg_color",
 51 |       "label": "Background color",
 52 |       "default": "bg-body",
 53 |       "options": [
 54 |         { "value": "bg-primary", "label": "Primary" },
 55 |         { "value": "bg-secondary", "label": "Secondary" },
 56 |         { "value": "bg-body", "label": "Body" },
 57 |         { "value": "bg-white", "label": "White" }
 58 |       ]
 59 |     },
 60 |     {
 61 |       "type": "range",
 62 |       "id": "bg_opacity",
 63 |       "label": "Background opacity",
 64 |       "min": 0,
 65 |       "max": 100,
 66 |       "step": 1,
 67 |       "default": 100,
 68 |       "unit": "%"
 69 |     },
 70 |     {
 71 |       "type": "select",
 72 |       "id": "bg_gradient",
 73 |       "label": "Background gradient",
 74 |       "options": [
 75 |         { "value": "bg-gradient", "label": "Yes" },
 76 |         { "value": "", "label": "No" }
 77 |       ],
 78 |       "default": ""
 79 |     },
 80 |     {
 81 |       "type": "select",
 82 |       "id": "text_color",
 83 |       "label": "Text color",
 84 |       "default": "text-body",
 85 |       "options": [
 86 |         { "value": "text-primary", "label": "Primary" },
 87 |         { "value": "text-secondary", "label": "Secondary" },
 88 |         { "value": "text-body", "label": "Body" },
 89 |         { "value": "text-white", "label": "White" }
 90 |       ]
 91 |     },
 92 |     {
 93 |       "type": "range",
 94 |       "id": "border_top_width",
 95 |       "label": "Border top width",
 96 |       "default": 0,
 97 |       "min": 0,
 98 |       "max": 16,
 99 |       "step": 1,
100 |       "unit": "px"
101 |     },
102 |     {
103 |       "type": "range",
104 |       "id": "border_bottom_width",
105 |       "label": "Border bottom width",
106 |       "default": 0,
107 |       "min": 0,
108 |       "max": 16,
109 |       "step": 1,
110 |       "unit": "px"
111 |     },
112 |     {
113 |       "type": "select",
114 |       "id": "border_color",
115 |       "label": "Border color",
116 |       "default": "border-body",
117 |       "options": [
118 |         { "value": "border-primary", "label": "Primary" },
119 |         { "value": "border-secondary", "label": "Secondary" },
120 |         { "value": "border-body", "label": "Body" },
121 |         { "value": "border-white", "label": "White" }
122 |       ]
123 |     },
124 |     {
125 |       "type": "range",
126 |       "id": "border_opacity",
127 |       "label": "Border opacity",
128 |       "min": 0,
129 |       "max": 100,
130 |       "step": 1,
131 |       "default": 100,
132 |       "unit": "%"
133 |     },
134 |     {
135 |       "type": "select",
136 |       "id": "container",
137 |       "label": "Container",
138 |       "options": [
139 |         { "value": "container", "label": "Yes" },
140 |         { "value": "", "label": "No" }
141 |       ]
142 |     },
143 |     {
144 |       "type": "text",
145 |       "id": "container_max_width",
146 |       "label": "Container max-width (px)",
147 |       "info": "Leave empty to use the global container width"
148 |     },
149 |     {
150 |       "type": "header",
151 |       "content": "General" 
152 |     },
153 |     {
154 |       "type": "select",
155 |       "id": "text_align",
156 |       "label": "Text align",
157 |       "default": "text-center",
158 |       "options": [
159 |         { "value": "text-start", "label": "Left" },
160 |         { "value": "text-center", "label": "Center" },
161 |         { "value": "text-end", "label": "Right" }
162 |       ]
163 |     },
164 |     {
165 |       "type": "header",
166 |       "content": "Header"
167 |     },
168 |     {
169 |       "type": "text",
170 |       "id": "header_title",
171 |       "label": "Title",
172 |       "default": "HTML and Liquid"
173 |     },
174 |     {
175 |       "type": "select",
176 |       "id": "header_title_font_size",
177 |       "label": "Title font-size",
178 |       "default": "h2",
179 |       "options": [
180 |         { "value": "h1", "label": "H1" },
181 |         { "value": "h2", "label": "H2" },
182 |         { "value": "h3", "label": "H3" },
183 |         { "value": "h4", "label": "H4" },
184 |         { "value": "h5", "label": "H5" },
185 |         { "value": "h6", "label": "H6" }
186 |       ]
187 |     },
188 |     {
189 |       "type": "richtext",
190 |       "id": "header_description",
191 |       "label": "Description (optional)",
192 |       "default": "<p>Add on optional description for this section</p>"
193 |     },
194 |     {
195 |       "type": "select",
196 |       "id": "header_description_font_size",
197 |       "label": "Description font-size",
198 |       "default": "fs-md",
199 |       "options": [
200 |         { "value": "fs-sm", "label": "sm" },
201 |         { "value": "fs-md", "label": "md" },
202 |         { "value": "fs-lg", "label": "lg" },
203 |         { "value": "fs-xl", "label": "xl" },
204 |         { "value": "fs-xxl", "label": "xxl" }
205 |       ]
206 |     },
207 |     {
208 |       "type": "header",
209 |       "content": "Spacing"
210 |     },
211 |     {
212 |       "type": "range",
213 |       "id": "pt",
214 |       "label": "Top",
215 |       "min": 0,
216 |       "max": 20,
217 |       "step": 1,
218 |       "default": 10
219 |     },
220 |     {
221 |       "type": "range",
222 |       "id": "pb",
223 |       "label": "Bottom",
224 |       "min": 0,
225 |       "max": 20,
226 |       "step": 1,
227 |       "default": 10
228 |     }
229 |   ],
230 |   "presets": [
231 |     {
232 |       "name": "HTML/Liquid"
233 |     }
234 |   ]
235 | }
236 | {% endschema %}


--------------------------------------------------------------------------------
/sections/offcanvas-cart.liquid:
--------------------------------------------------------------------------------
1 | {% liquid 
2 |   # This section is needed to dynamically fetch it using Shopify's
3 |   # "Bundled section rendering" mode after the cart has been updated.
4 |   # https://shopify.dev/docs/api/ajax/reference/cart#bundled-section-rendering
5 | %}
6 | {% render 'offcanvas-cart' %}


--------------------------------------------------------------------------------
/sections/page-content.liquid:
--------------------------------------------------------------------------------
  1 | <article
  2 |   id="page-content-{{ section.id }}" 
  3 |   class="
  4 |     page-content 
  5 |     {{ section.settings.bg_color }} 
  6 |     {{ section.settings.bg_gradient }}
  7 |     {{ section.settings.text_color }}
  8 |     {{ section.settings.border_top_width | prepend: 'border-top-' }}
  9 |     {{ section.settings.border_bottom_width | prepend: 'border-bottom-' }}
 10 |     {{ section.settings.border_color }} 
 11 |     {{ section.settings.pt | prepend: 'pt-' }} 
 12 |     {{ section.settings.pb | prepend: 'pb-' }}
 13 |   "
 14 |   style="
 15 |     --bs-bg-opacity: {{ section.settings.bg_opacity | append: '%' }};
 16 |     --bs-border-opacity: {{ section.settings.border_opacity | append: '%' }};
 17 |   ">
 18 |   <div 
 19 |     class="container" 
 20 |     style="max-width: {{ section.settings.container_max_width }}px">
 21 |     {% unless section.settings.show_title == blank %}
 22 |       <h1 class="title {{ section.settings.title_font_size }}">
 23 |         {{ page.title }}
 24 |       </h1>
 25 |     {% endunless %}
 26 |     <div class="description rte {{ section.settings.description_font_size }}">
 27 |       {{ page.content }}
 28 |     </div>
 29 |   </div>
 30 | </article>
 31 | 
 32 | {% schema %}
 33 | {
 34 |   "name": "Page content",
 35 |   "settings": [
 36 |     {
 37 |       "type": "header",
 38 |       "content": "Styling"
 39 |     },
 40 |     {
 41 |       "type": "select",
 42 |       "id": "bg_color",
 43 |       "label": "Background color",
 44 |       "default": "bg-body",
 45 |       "options": [
 46 |         { "value": "bg-primary", "label": "Primary" },
 47 |         { "value": "bg-secondary", "label": "Secondary" },
 48 |         { "value": "bg-body", "label": "Body" },
 49 |         { "value": "bg-white", "label": "White" }
 50 |       ]
 51 |     },
 52 |     {
 53 |       "type": "range",
 54 |       "id": "bg_opacity",
 55 |       "label": "Background opacity",
 56 |       "min": 0,
 57 |       "max": 100,
 58 |       "step": 1,
 59 |       "default": 100,
 60 |       "unit": "%"
 61 |     },
 62 |     {
 63 |       "type": "select",
 64 |       "id": "bg_gradient",
 65 |       "label": "Background gradient",
 66 |       "options": [
 67 |         { "value": "bg-gradient", "label": "Yes" },
 68 |         { "value": "", "label": "No" }
 69 |       ],
 70 |       "default": ""
 71 |     },
 72 |     {
 73 |       "type": "select",
 74 |       "id": "text_color",
 75 |       "label": "Text color",
 76 |       "default": "text-body",
 77 |       "options": [
 78 |         { "value": "text-primary", "label": "Primary" },
 79 |         { "value": "text-secondary", "label": "Secondary" },
 80 |         { "value": "text-body", "label": "Body" },
 81 |         { "value": "text-white", "label": "White" }
 82 |       ]
 83 |     },
 84 |     {
 85 |       "type": "range",
 86 |       "id": "border_top_width",
 87 |       "label": "Border top width",
 88 |       "default": 0,
 89 |       "min": 0,
 90 |       "max": 16,
 91 |       "step": 1,
 92 |       "unit": "px"
 93 |     },
 94 |     {
 95 |       "type": "range",
 96 |       "id": "border_bottom_width",
 97 |       "label": "Border bottom width",
 98 |       "default": 0,
 99 |       "min": 0,
100 |       "max": 16,
101 |       "step": 1,
102 |       "unit": "px"
103 |     },
104 |     {
105 |       "type": "select",
106 |       "id": "border_color",
107 |       "label": "Border color",
108 |       "default": "border-body",
109 |       "options": [
110 |         { "value": "border-primary", "label": "Primary" },
111 |         { "value": "border-secondary", "label": "Secondary" },
112 |         { "value": "border-body", "label": "Body" },
113 |         { "value": "border-white", "label": "White" }
114 |       ]
115 |     },
116 |     {
117 |       "type": "range",
118 |       "id": "border_opacity",
119 |       "label": "Border opacity",
120 |       "min": 0,
121 |       "max": 100,
122 |       "step": 1,
123 |       "default": 100,
124 |       "unit": "%"
125 |     },
126 |     {
127 |       "type": "text",
128 |       "id": "container_max_width",
129 |       "label": "Container max-width (px)",
130 |       "info": "Leave empty to use the global container width"
131 |     },
132 |     {
133 |       "type": "header",
134 |       "content": "General"
135 |     },
136 |     {
137 |       "type": "checkbox",
138 |       "id": "show_title",
139 |       "label": "Show page title",
140 |       "default": true
141 |     },
142 |     {
143 |       "type": "select",
144 |       "id": "title_font_size",
145 |       "label": "Title font-size",
146 |       "default": "h1",
147 |       "options": [
148 |         { "value": "h1", "label": "H1" },
149 |         { "value": "h2", "label": "H2" },
150 |         { "value": "h3", "label": "H3" },
151 |         { "value": "h4", "label": "H4" },
152 |         { "value": "h5", "label": "H5" },
153 |         { "value": "h6", "label": "H6" }
154 |       ]
155 |     },
156 |     {
157 |       "type": "select",
158 |       "id": "description_font_size",
159 |       "label": "Description font-size",
160 |       "default": "fs-md",
161 |       "options": [
162 |         { "value": "fs-sm", "label": "sm" },
163 |         { "value": "fs-md", "label": "md" },
164 |         { "value": "fs-lg", "label": "lg" },
165 |         { "value": "fs-xl", "label": "xl" },
166 |         { "value": "fs-xxl", "label": "xxl" }
167 |       ]
168 |     },
169 |     {
170 |       "type": "header",
171 |       "content": "Spacing"
172 |     },
173 |     {
174 |       "type": "range",
175 |       "id": "pt",
176 |       "label": "Top",
177 |       "min": 0,
178 |       "max": 20,
179 |       "step": 1,
180 |       "default": 10
181 |     },
182 |     {
183 |       "type": "range",
184 |       "id": "pb",
185 |       "label": "Bottom",
186 |       "min": 0,
187 |       "max": 20,
188 |       "step": 1,
189 |       "default": 10
190 |     }
191 |   ],
192 |   "templates": ["page"],
193 |   "presets": [
194 |     {
195 |       "name": "Page content"
196 |     }
197 |   ]
198 | }
199 | {% endschema %}


--------------------------------------------------------------------------------
/sections/password-main.liquid:
--------------------------------------------------------------------------------
  1 | 
  2 | <style>
  3 |   #password-page {
  4 |     display: flex;
  5 |     justify-content: center;
  6 |     align-items: center;
  7 |     min-height: 100vh;
  8 |   }
  9 | </style>
 10 |    
 11 | <div 
 12 |   id="password-page"
 13 |   class="{{ section.settings.bg_color }}"
 14 |   style="--bs-bg-opacity: {{ section.settings.bg_opacity | append: '%' }};">
 15 |   <div 
 16 |     class="container" 
 17 |     style="max-width: {{ section.settings.max_width }}px;">
 18 |     <a 
 19 |       class="navbar-brand d-block text-center p-0 mb-8" 
 20 |       href="{{ routes.root_url }}">
 21 |       {% if section.settings.logo %}
 22 |         {% assign logo_height_x2 = section.settings.logo_height | times: 2 %}
 23 |         <img
 24 |           class="img-fluid"
 25 |           src="{{ section.settings.logo | image_url: height: logo_height_x2 }}" 
 26 |           alt="{{ shop.name }}"
 27 |           width="{{ section.settings.logo_height | times: section.settings.logo.aspect_ratio | round }}" 
 28 |           height="{{ section.settings.logo_height }}"
 29 |           loading="lazy">
 30 |       {% else %}
 31 |         <span class="fs-1">
 32 |           {{ shop.name }}
 33 |         </span>
 34 |       {% endif %}
 35 |     </a>
 36 |     <div class="card shadow-sm">
 37 |       <div class="card-body">
 38 |         {% unless shop.password_message == blank %}
 39 |           <p class="lead text-center">
 40 |             {{ shop.password_message }}
 41 |           </p>
 42 |         {% endunless %} 
 43 |         {% form 'storefront_password' %}
 44 |           {{ form.errors | default_errors }}
 45 |           <div class="form-floating mb-4">
 46 |             <input 
 47 |               class="form-control" 
 48 |               type="password" 
 49 |               name="password"
 50 |               placeholder="{{ 'general.password_page.input_label' | t }}">
 51 |             <label for="newsletter-input-email">
 52 |               {{ 'general.password_page.input_label' | t }}
 53 |             </label>
 54 |           </div>
 55 |           <button class="btn btn-primary w-100" type="submit"> 
 56 |             {{ 'general.password_page.btn_label' | t }}
 57 |           </button>
 58 |         {% endform %}
 59 |       </div>
 60 |     </div>
 61 |     {% if section.settings.social_icons %}
 62 |       <div class="social-icons-wrapper text-center mt-5">
 63 |         {% render 'social-icons', icon_size: 18 %}
 64 |       </div>
 65 |     {% endif %}
 66 |   </div>
 67 | </div>
 68 |   
 69 | {% schema %}
 70 |   {
 71 |     "name": "Password",
 72 |     "tag": "section",
 73 |     "settings": [
 74 |       {
 75 |         "type": "select",
 76 |         "id": "bg_color",
 77 |         "label": "Background color",
 78 |         "default": "bg-body",
 79 |         "options": [
 80 |           { "value": "bg-primary", "label": "Primary" },
 81 |           { "value": "bg-secondary", "label": "Secondary" },
 82 |           { "value": "bg-body", "label": "Body" },
 83 |           { "value": "bg-white", "label": "White" }
 84 |         ]
 85 |       },
 86 |       {
 87 |         "type": "range",
 88 |         "id": "bg_opacity",
 89 |         "label": "Background opacity",
 90 |         "min": 0,
 91 |         "max": 100,
 92 |         "step": 1,
 93 |         "default": 100,
 94 |         "unit": "%"
 95 |       },
 96 |       {
 97 |         "type": "text",
 98 |         "id": "max_width",
 99 |         "label": "Max-width (px)",
100 |         "default": "600"
101 |       },
102 |       {
103 |         "type": "header",
104 |         "content": "Logo"
105 |       },
106 |       {
107 |         "type": "image_picker",
108 |         "id": "logo",
109 |         "label": "Logo"
110 |       },
111 |       {
112 |         "type": "range",
113 |         "id": "logo_height",
114 |         "label": "Logo height",
115 |         "min": 20,
116 |         "max": 100,
117 |         "step": 2,
118 |         "default": 40
119 |       },
120 |       {
121 |         "type": "checkbox",
122 |         "id": "social_icons",
123 |         "label": "Show social icons",
124 |         "default": true
125 |       }
126 |     ],
127 |     "templates": ["password"],
128 |     "presets": [
129 |       {
130 |         "name": "Password",
131 |         "category": "Password"
132 |       }
133 |     ]
134 |   }
135 |   {% endschema %}


--------------------------------------------------------------------------------
/sections/predictive-search.liquid:
--------------------------------------------------------------------------------
 1 | {%- if predictive_search.performed -%}
 2 |   {% liquid 
 3 |       assign results = predictive_search.resources.products.size
 4 | 
 5 |       if settings.search_collections
 6 |         assign results = results | plus: predictive_search.resources.collections.size
 7 |       endif
 8 |       if settings.search_articles
 9 |         assign results = results | plus: predictive_search.resources.articles.size
10 |       endif
11 |       if settings.search_pages
12 |         assign results = results | plus: predictive_search.resources.pages.size
13 |     endif
14 |   %}
15 |   <div 
16 |     id="predictive-search-results"
17 |     class="predictive-search-results pt-7"
18 |     data-results-text="{{ 'general.search.results' | t: count: results }}">
19 |     {%- if predictive_search.resources.products.size > 0 -%}
20 |       <h3 
21 |         id="predictive-search-products-title"
22 |         class="title title-border-bottom h6 text-center mb-4">
23 |         <span>{{- 'general.search.products' | t }} ({{- predictive_search.resources.products.size -}})</span>
24 |       </h3>
25 |       <ul 
26 |         id="predictive-search-results-products-list" 
27 |         class="predictive-search-results-products-list list-group list-group-flush list-unstyled mb-6" 
28 |         role="group"
29 |         aria-labelledby="predictive-search-products-title">
30 |         {%- for product in predictive_search.resources.products -%}
31 |           <li 
32 |             id="predictive-search-option-product-{{ forloop.index }}" 
33 |             class="list-group-item"
34 |             role="option" 
35 |             aria-selected="false">
36 |             <a 
37 |               href="{{ product.url }}"
38 |               class="list-group-item-action"
39 |               tabindex="-1">
40 |               <div class="row mx-n3 align-items-center">
41 |                 <div class="col-6 px-3">
42 |                   {% render 'image-url', img: product.featured_image, orientation: settings.product_card_img_orientation, class: settings.product_card_img_border %}
43 |                 </div>
44 |                 <div class="col-12 px-3">
45 |                   <h3 class="cart-item-product-title h6 mb-1">
46 |                     {{ product.title }}
47 |                   </h3>
48 |                   {% render 'product-rating-badge', product: product %}
49 |                   {% render 'product-card-price', product: product %}
50 |                 </div>
51 |               </div>
52 |             </a>
53 |           </li>
54 |         {%- endfor -%}
55 |       </ul>
56 |     {%- endif -%}
57 |     <div 
58 |       id="predictive-search-option-search-keywords" 
59 |       class="predictive-search-option-search-keywords">
60 |       <button
61 |         class="btn btn-outline-primary w-100 d-flex align-items-center justify-content-between"
62 |         tabindex="-1"
63 |         role="option"
64 |         aria-selected="false">
65 |         {{- 'general.search.search_for' | t: terms: predictive_search.terms -}}
66 |         {% render 'svg-icons', icon: 'arrow-right', size: 22 %}
67 |       </button>
68 |     </div>
69 |   </div>
70 | {%- endif -%}


--------------------------------------------------------------------------------
/sections/search-main.liquid:
--------------------------------------------------------------------------------
  1 | <section 
  2 |   id="search-main-{{ collection.id }}" 
  3 |   class="
  4 |     search-main
  5 |     {{ section.settings.pt | prepend: 'pt-' }} 
  6 |     {{ section.settings.pb | prepend: 'pb-' }}
  7 |   ">
  8 |   <header class="section-header text-center mb-9">
  9 |     <div 
 10 |       class="container" 
 11 |       style="max-width: 600px;">
 12 |       <h1 class="title mb-4 {{ section.settings.header_title_font_size }}">
 13 |         {% if search.performed %}
 14 |           {{ 'general.search.search_page.title_search_performed' | t }}
 15 |         {% else %}
 16 |           {{ 'general.search.search_page.title' | t }}
 17 |         {% endif %}
 18 |       </h1>
 19 |       <form action="{{ routes.search_url }}" class="search-form" method="get" role="search">
 20 |         <input name="options[prefix]" type="hidden" value="last">
 21 |         <input type="hidden" name="type" value="product">
 22 |         <div class="form-control-wrapper">
 23 |           <div class="form-floating">
 24 |             <input 
 25 |               id="search-input"
 26 |               class="form-control pe-13"
 27 |               type="search"
 28 |               placeholder="{{ 'general.search.input_label' | t }}"
 29 |               name="q"
 30 |               value="{{ search.terms | escape }}"
 31 |               autocorrect="off" 
 32 |               autocomplete="off" 
 33 |               autocapitalize="off"
 34 |               spellcheck="false">
 35 |             <label for="newsletter-input-email">
 36 |               {{ 'general.search.input_label' | t }}
 37 |             </label>
 38 |           </div>
 39 |           <button type="submit" class="btn btn-link px-6" aria-label="{{ 'general.search.btn_label' | t }}">
 40 |             {% render 'svg-icons', icon: 'search', size: 24, class: '' %}
 41 |           </button>
 42 |         </div>
 43 |       </form>
 44 |     </div>
 45 |   </header>
 46 |   
 47 |   {% if search.performed %}
 48 |     {% paginate search.results by section.settings.limit %}
 49 |       <div class="search-inner">
 50 |         <div class="container">
 51 |           <div class="search-utilities mb-4">
 52 |             <p class="search-product-count small mb-0">
 53 |               {{ 'general.search.search_page.count_products' | t: count: search.results_count }}
 54 |             </p>
 55 |           </div>
 56 |           {% if search.results_count == 0 %}
 57 |             <p class="alert alert-warning my-6">
 58 |               {{ 'general.search.search_page.no_results' | t: terms: search.terms }}
 59 |             </p>
 60 |           {% else %}
 61 |             {% if search.results.first.object_type == 'product' %}
 62 |               <div 
 63 |                 class="
 64 |                   product-list mx-n3 mx-desktop-n4 mb-0 row 
 65 |                   {{ section.settings.breakpoint_mobile | prepend: 'row-cols-' }}
 66 |                   {{ section.settings.breakpoint_tablet | prepend: 'row-cols-tablet-' }}
 67 |                   {{ section.settings.breakpoint_desktop | prepend: 'row-cols-desktop-' }}
 68 |                 " 
 69 |                 role="list">
 70 |                 {% for product in search.results %}
 71 |                   <div class="p-3 p-desktop-4 mb-3 mb-desktop-4" role="list-item">
 72 |                     {% render 'product-card', product: product %}
 73 |                   </div>
 74 |                 {% endfor %}
 75 |               </div>
 76 |               {% render 'pagination', paginate: paginate %}
 77 |             {% endif %}
 78 |           {% endif %}
 79 |         </div>
 80 |       </div>
 81 |     {% endpaginate %}
 82 |   {% endif %}
 83 | </section>
 84 | 
 85 | {% schema %}
 86 | {
 87 |   "name": "Search",
 88 |   "settings": [
 89 |     {
 90 |       "type": "header",
 91 |       "content": "General"
 92 |     },
 93 |     {
 94 |       "type": "select",
 95 |       "id": "header_title_font_size",
 96 |       "label": "Title font-size",
 97 |       "default": "h1",
 98 |       "options": [
 99 |         { "group": "Heading", "value": "h1", "label": "H1" },
100 |         { "group": "Heading", "value": "h2", "label": "H2" },
101 |         { "group": "Heading", "value": "h3", "label": "H3" },
102 |         { "group": "Heading", "value": "h4", "label": "H4" },
103 |         { "group": "Heading", "value": "h5", "label": "H5" },
104 |         { "group": "Heading", "value": "h6", "label": "H6" }
105 |       ]
106 |     },
107 |     {
108 |       "type": "range",
109 |       "id": "limit",
110 |       "label": "Limit products",
111 |       "min": 2,
112 |       "max": 50,
113 |       "default": 48,
114 |       "step": 1
115 |     },
116 |     {
117 |       "type": "header",
118 |       "content": "Breakpoints",
119 |       "info": "Adjust items per row based on the screen resolution"
120 |     },
121 |     {
122 |       "type": "range",
123 |       "id": "breakpoint_mobile",
124 |       "label": "Mobile (<600px)",
125 |       "min": 1,
126 |       "max": 3,
127 |       "step": 1,
128 |       "default": 2
129 |     },
130 |     {
131 |       "type": "range",
132 |       "id": "breakpoint_tablet",
133 |       "label": "Tablet (≥600px)",
134 |       "min": 1,
135 |       "max": 4,
136 |       "step": 1,
137 |       "default": 3
138 |     },
139 |     {
140 |       "type": "range",
141 |       "id": "breakpoint_desktop",
142 |       "label": "Desktop (≥1200px)",
143 |       "min": 1,
144 |       "max": 6,
145 |       "step": 1,
146 |       "default": 4
147 |     },
148 |     {
149 |       "type": "header",
150 |       "content": "Spacing"
151 |     },
152 |     {
153 |       "type": "range",
154 |       "id": "pt",
155 |       "label": "Top",
156 |       "min": 0,
157 |       "max": 20,
158 |       "step": 1,
159 |       "default": 9
160 |     },
161 |     {
162 |       "type": "range",
163 |       "id": "pb",
164 |       "label": "Bottom",
165 |       "min": 0,
166 |       "max": 20,
167 |       "step": 1,
168 |       "default": 9
169 |     }
170 |   ],
171 |   "templates": ["search"],
172 |   "presets": [
173 |     {
174 |       "name": "Search"
175 |     }
176 |   ]
177 | }
178 | {% endschema %}


--------------------------------------------------------------------------------
/sections/separator.liquid:
--------------------------------------------------------------------------------
  1 | <div 
  2 |   id="separator-wrapper-{{ section.id }}" 
  3 |   class="
  4 |     separator-wrapper 
  5 |     {{ section.settings.pt | prepend: 'pt-' }} 
  6 |     {{ section.settings.pb | prepend: 'pb-' }}
  7 |   ">
  8 |   <div 
  9 |     class="{{ section.settings.container }}" 
 10 |     style="max-width: {{ section.settings.max_width }}px;">
 11 |     <hr 
 12 |       class="separator my-0 {{ section.settings.bg_color }}" 
 13 |       style="
 14 |         opacity: 1;
 15 |         --bs-bg-opacity: {{ section.settings.bg_opacity | append: '%' }};
 16 |         height: {{ section.settings.height | append: 'px' }}
 17 |       ">
 18 |   </div>
 19 | </div>
 20 | 
 21 | {% schema %}
 22 | {
 23 | "name": "Separator",
 24 | "settings": [
 25 |   {
 26 |     "type": "header",
 27 |     "content": "Styling"
 28 |   },
 29 |   {
 30 |     "type": "select",
 31 |     "id": "bg_color",
 32 |     "label": "Background color",
 33 |     "default": "bg-primary",
 34 |     "options": [
 35 |       { "value": "bg-primary", "label": "Primary" },
 36 |       { "value": "bg-secondary", "label": "Secondary" },
 37 |       { "value": "bg-body", "label": "Body" },
 38 |       { "value": "bg-white", "label": "White" }
 39 |     ]
 40 |   },
 41 |   {
 42 |     "type": "range",
 43 |     "id": "bg_opacity",
 44 |     "label": "Background opacity",
 45 |     "min": 0,
 46 |     "max": 100,
 47 |     "step": 1,
 48 |     "default": 10,
 49 |     "unit": "%"
 50 |   },
 51 |   {
 52 |     "type": "range",
 53 |     "id": "height",
 54 |     "label": "Height",
 55 |     "min": 0,
 56 |     "max": 16,
 57 |     "default": 1,
 58 |     "step": 1,
 59 |     "unit": "px"
 60 |   },
 61 |   {
 62 |     "type": "header",
 63 |     "content": "General"
 64 |   },
 65 |   {
 66 |     "type": "select",
 67 |     "id": "container",
 68 |     "label": "Container",
 69 |     "default": "",
 70 |     "options": [
 71 |       { "value": "container", "label": "Yes" },
 72 |       { "value": "", "label": "No" }
 73 |     ]
 74 |   },
 75 |   {
 76 |     "type": "text",
 77 |     "id": "container_max_width",
 78 |     "label": "Container max-width (px)",
 79 |     "info": "Leave empty to use the global container width"
 80 |   },
 81 |   {
 82 |     "type": "header",
 83 |     "content": "Spacing"
 84 |   },
 85 |   {
 86 |     "type": "range",
 87 |     "id": "pt",
 88 |     "label": "Top",
 89 |     "min": 0,
 90 |     "max": 20,
 91 |     "step": 1,
 92 |     "default": 10
 93 |   },
 94 |   {
 95 |     "type": "range",
 96 |     "id": "pb",
 97 |     "label": "Bottom",
 98 |     "min": 0,
 99 |     "max": 20,
100 |     "step": 1,
101 |     "default": 10
102 |   }
103 | ],
104 | "presets": [
105 |   {
106 |     "name": "Separator"
107 |   }
108 | ]
109 | }
110 | {% endschema %}


--------------------------------------------------------------------------------
/snippets/article-card.liquid:
--------------------------------------------------------------------------------
 1 | {% comment %}
 2 |   Renders an article card within a article list. Usually within a blog template or the Article list section
 3 | 
 4 |   Accepts:
 5 |   - article: {object} The article object - https://shopify.dev/docs/api/liquid/objects/article
 6 | 
 7 |   Usage:
 8 |   {% render 'article-card' article: article  %}
 9 | {% endcomment %}
10 | 
11 | <div class="article-card {{ section.settings.article_card_text_align }}">
12 |   <a 
13 |     href="{{ article.url }}" 
14 |     class="article-card-link">
15 |     <div class="article-card-img-wrapper position-relative mb-4">
16 |       {% if section.settings.article_card_tags %}
17 |         <ul 
18 |           class="article-card-tags list-unstyled d-flex m-4" 
19 |           aria-label="{{ 'general.blog.posted_in' | t }}">
20 |           {% for tag in article.tags %}
21 |             <span class="article-card-tag badge bg-primary m-1">
22 |               {{ tag }}
23 |             </span>  
24 |           {% endfor %}
25 |         </ul>
26 |       {% endif %}
27 |       {% render 'image-url', img: article.image, orientation: section.settings.article_card_img_orientation, class: section.settings.article_card_img_border %}
28 |     </div>
29 |     <h3 class="article-card-title mb-0 {{ section.settings.article_card_title_size }}">
30 |       {{ article.title }}
31 |     </h3>
32 |     {% if section.settings.article_card_meta %}
33 |       <p class="article-card-meta opacity-70 mt-2 mb-0 small">
34 |           {{ article.author }} @ {{ article.created_at | time_tag: '%b %d, %Y' }}
35 |       </p>
36 |     {% endif %}
37 |     {% if section.settings.article_card_excerpt and article.excerpt != blank %}
38 |       <div class="article-card-excerpt rte small mt-3">
39 |         {{ article.excerpt }}
40 |       </div>
41 |     {% endif %}
42 |   </a>
43 | </div>


--------------------------------------------------------------------------------
/snippets/cart-count-badge.liquid:
--------------------------------------------------------------------------------
1 | <span class="cart-count-badge badge badge-circle" data-count="{{ cart.item_count }}">
2 |   {{ cart.item_count }}
3 | </span>


--------------------------------------------------------------------------------
/snippets/cart-footer.liquid:
--------------------------------------------------------------------------------
 1 | {% if cart.items != empty %}
 2 |   <div class="offcanvas-footer pt-5">
 3 |     {% if cart.cart_level_discount_applications.size > 0 %}
 4 |       <ul 
 5 |         class="cart-discounts list-unstyled fs-xs mb-3 text-center alert alert-primary py-2 px-2" 
 6 |         aria-label="{{ 'cart.applied_discounts' | t }}">
 7 |         {% for discount in cart.cart_level_discount_applications %}
 8 |           <li class="">
 9 |             {% render 'svg-icons', icon: 'tag', size: 12, class: 'me-1' %}
10 |             {{ discount.title }}
11 |             (-{{ discount.total_allocated_amount | money }})
12 |           </li>
13 |         {% endfor %}
14 |       </ul>
15 |     {%- endif -%}
16 |     <p class="cart-subtotal fs-5 mb-4" role="status">
17 |       <span class="opacity-70 me-2">
18 |         {{ 'cart.subtotal' | t }}: 
19 |       </span>
20 |       <span>
21 |         {% if cart.items_subtotal_price > cart.total_price %}
22 |           <s class="opacity-70 me-2">
23 |             {{ cart.items_subtotal_price | money }}
24 |           </s>
25 |         {% endif %}
26 |         <b>
27 |           {{ cart.total_price | money }}
28 |         </b>
29 |       </span>
30 |     </p>
31 |     {% form 'cart', cart %}
32 |       <button 
33 |         class="btn btn-checkout btn-primary btn-lg" 
34 |         name="checkout" 
35 |         type="submit"
36 |         onclick="this.classList.add('loading')">
37 |         {% render 'svg-icons', icon: 'lock', size: 18, class: 'me-4' %}
38 |         {{ 'cart.checkout' | t }}
39 |       </button>
40 |     {% endform %}
41 |     <p class="small text-center mt-3 mb-n2 fst-italic">
42 |       {{ 'cart.taxes_shipping_at_checkout_html' | t }}
43 |     </p>
44 |   </div>
45 | {% endif %}


--------------------------------------------------------------------------------
/snippets/cart-items.liquid:
--------------------------------------------------------------------------------
  1 | {% if cart.items == empty %}
  2 |   <div class="cart-empty pt-10 pb-12 text-center">
  3 |     {% render 'svg-icons', icon: 'cart', class: 'mb-3' %}
  4 |     {{ 'cart.empty_html' | t }} 
  5 |     <button class="btn btn-outline-primary" type="button" data-bs-dismiss="offcanvas">
  6 |       {{ 'cart.continue_shopping' | t }}
  7 |     </button>
  8 |   </div>
  9 | {% else %}
 10 |   <ul 
 11 |     class="cart-items-list list-unstyled mb-6 border-bottom-1" 
 12 |     aria-label="{{ 'general.accessibility.cart_items' | t }}">
 13 |     {% for line_item in cart.items %}
 14 |       <li class="cart-item py-3">
 15 |         <div class="row mx-n3 align-items-center">
 16 |           <div class="col-6 px-3">
 17 |             <a href="{{ line_item.url }}" tabindex="-1">
 18 |               {% render 'image-url', img: line_item.image, orientation: settings.product_card_img_orientation, class: settings.product_card_img_border %}
 19 |             </a>
 20 |           </div>
 21 |           <div class="col-12 px-3 position-relative">
 22 |             <div class="me-10">
 23 |               <h3 class="cart-item-product-title h6 mb-1">
 24 |                 <a href="{{ line_item.url }}" class="link-dark text-decoration-none">
 25 |                   {{ line_item.product.title }}
 26 |                 </a>
 27 |               </h3>
 28 |               {% unless line_item.product.has_only_default_variant %}
 29 |                 <p class="cart-item-variant-title d-block opacity-70 mb-1 small">
 30 |                   {{ line_item.variant.title }}
 31 |                 </p>
 32 |               {% endunless %}
 33 |               {% unless line_item.selling_plan_allocation == empty %}
 34 |                 <p class="cart-item-selling-plan d-block opacity-70 mb-1 small">
 35 |                   {{ line_item.selling_plan_allocation.selling_plan.name }}
 36 |                 </p>
 37 |               {% endunless %}
 38 |               {% unless line_item.properties == empty %}
 39 |                 <ul class="cart-item-properties list-unstyled opacity-70 small mb-1">
 40 |                   {% for property in line_item.properties %}
 41 |                     {% assign first_character_in_key = property.first | slice: 0 %}
 42 |                     {% unless first_character_in_key == '_' %}
 43 |                       <li>
 44 |                         {% if property.last contains 'https' %}
 45 |                           {{ property.first }}: 
 46 |                           <a href="{{ property.last }}" target="_blank">
 47 |                             {{ 'cart.property_view_file' | t }}
 48 |                           </a>
 49 |                         {% else %}
 50 |                           {{ property.first }}: {{ property.last }}
 51 |                         {% endif %}
 52 |                       </li>
 53 |                     {% endunless %}
 54 |                   {% endfor %}
 55 |                 </ul>
 56 |               {% endunless %}
 57 |               {% if line_item.line_level_discount_allocations.size > 0 %}
 58 |                 <ul 
 59 |                   class="cart-item-discounts list-unstyled fs-xs mb-1 alert alert-primary py-2 px-3" 
 60 |                   aria-label="{{ 'cart.applied_discounts' | t }}">
 61 |                   {%- for discount in line_item.line_level_discount_allocations -%}
 62 |                     <li class="">
 63 |                       {% render 'svg-icons', icon: 'tag', size: 12, class: 'me-1' %}
 64 |                       {{ discount.discount_application.title }}
 65 |                     </li>
 66 |                   {%- endfor -%}
 67 |                 </ul>
 68 |               {% endif %}
 69 |             </div>
 70 |             <div class="d-flex align-items-center justify-content-between pt-4">
 71 |               <div class="qty-input-wrapper me-3" role="group" aria-label="{{ 'general.accessibility.quantity' | t }}">
 72 |                 <button 
 73 |                   class="btn btn-qty-minus"
 74 |                   type="button"
 75 |                   onclick="--this.nextElementSibling.value, this.nextElementSibling.dispatchEvent(new Event('change'))" 
 76 |                   aria-label="{{ 'general.accessibility.decrease_qty' | t }}">
 77 |                   {% render 'svg-icons', icon: 'minus', size: 14 %}
 78 |                 </button>
 79 |                 <input
 80 |                   class="form-control form-control-sm" 
 81 |                   name="updates[]"
 82 |                   type="number"
 83 |                   value="{{ line_item.quantity }}"
 84 |                   min="0"
 85 |                   aria-label="{{ 'product.quantity' | t }}"
 86 |                   data-line-item-key="{{ line_item.key }}">
 87 |                 <button 
 88 |                   class="btn btn-qty-plus"
 89 |                   type="button"
 90 |                   onclick="++this.previousElementSibling.value, this.previousElementSibling.dispatchEvent(new Event('change'))" 
 91 |                   aria-label="{{ 'general.accessibility.increase_qty' | t }}">
 92 |                   {% render 'svg-icons', icon: 'plus', size: 14 %}
 93 |                 </button>
 94 |               </div>
 95 |               <p class="cart-item-price text-end lh-sm mb-0">
 96 |                 {% if line_item.original_line_price > line_item.final_line_price %}
 97 |                   <s class="product-price-compare small opacity-70 me-2">
 98 |                     {{ line_item.original_line_price | money }}
 99 |                   </s>
100 |                 {% endif %}
101 |                 <span class="cart-item-price-final">
102 |                   {{ line_item.final_line_price | money }}
103 |                 </span>
104 |               </p> 
105 |             </div>
106 |             <button 
107 |               class="btn btn-line-item-remove btn-icon position-absolute top-0 end-0 mt-n4 me-n1"
108 |               type="button"
109 |               data-line-item-key="{{ line_item.key }}"
110 |               aria-label="{{ 'general.accessibility.remove' | t }}">
111 |               {% render 'svg-icons', icon: 'remove', size: 16 %}
112 |             </button>
113 |           </div>
114 |         </div>
115 |       </li>
116 |     {% endfor %}
117 |   </ul>
118 | {% endif %}


--------------------------------------------------------------------------------
/snippets/cart-note.liquid:
--------------------------------------------------------------------------------
 1 | {% if settings.cart_note_show and cart.items != empty %} 
 2 |   <div class="collapse-wrapper">
 3 |     <button 
 4 |       class="" 
 5 |       type="button" 
 6 |       data-bs-toggle="collapse" 
 7 |       data-bs-target="#cart-note-collapse" 
 8 |       aria-expanded="false" 
 9 |       aria-controls="cart-note-collapse">
10 |       <div class="d-flex align-items-center">
11 |         {% render 'svg-icons', icon: 'edit', size: 16, class: 'me-4' %}
12 |         {{ 'cart.note.title' | t }}
13 |       </div>
14 |       {% render 'svg-icons', icon: 'chevron-down', size: 18 %}
15 |     </button>
16 |     <div id="cart-note-collapse" class="collapse">
17 |       <div class="collapse-inner">
18 |         <cart-note class="cart-note">
19 |           <textarea
20 |             class="form-control mb-3" 
21 |             rows="3"
22 |             name="note"
23 |             value="{{ cart.note }}"
24 |             placeholder="{{ 'cart.note.label' | t }}"
25 |             aria-labelledby="cart-note-title">{{ cart.note }}</textarea>
26 |           <button 
27 |             type="button"
28 |             class="btn btn-sm btn-outline-secondary w-100"
29 |             data-text-note-saved="{{ 'cart.note.saved' | t }}"
30 |             data-text-btn-save="{{ 'cart.note.button' | t }}">
31 |             {{ 'cart.note.button' | t }}
32 |           </button>
33 |         </cart-note>
34 |       </div>
35 |     </div>
36 |   </div>
37 | {% endif %}


--------------------------------------------------------------------------------
/snippets/collection-card.liquid:
--------------------------------------------------------------------------------
 1 | {% comment %}
 2 |   Renders a collection card within a collection list. Usually within a collection template or the Featured Collections section
 3 | 
 4 |   Accepts:
 5 |   - collection: {object} The collection object - https://shopify.dev/docs/api/liquid/objects/collection
 6 |   - block: {object} (Optional) The section block, if rendered within the Featured Collections section.
 7 | 
 8 |   Usage:
 9 |   {% render 'collection-card' collection: collection, block: block  %}
10 | {% endcomment %}
11 | 
12 | {% liquid 
13 |   assign img = block.settings.img | default: collection.image
14 |   assign title = block.settings.title | default: collection.title
15 | %}
16 | 
17 | <div class="collection-card {{ section.settings.collection_card_text_align }}">
18 |   <a 
19 |     href="{{ collection.url }}" 
20 |     class="collection-card-link">
21 |     <div class="collection-card-img-wrapper">
22 |       {% render 'image-url', img: img, size: 900, orientation: section.settings.collection_card_img_orientation, class: section.settings.collection_card_img_border %}
23 |       {% if section.settings.collection_card_show_title %}
24 |         <h3 
25 |           class="
26 |             collection-card-title collection-title mb-0 
27 |             {{ section.settings.collection_card_title_font_size }}
28 |             {{ section.settings.collection_card_title_position }}
29 |           ">
30 |           {{ title }} 
31 |           {% if section.settings.collection_card_show_product_count %}
32 |             ({{ collection.products_count }})
33 |           {% endif %}
34 |         </h3>
35 |       {% endif %}
36 |     </div>
37 |   </a>
38 | </div>


--------------------------------------------------------------------------------
/snippets/collection-utilities.liquid:
--------------------------------------------------------------------------------
 1 | {% liquid 
 2 |   for filter in collection.filters
 3 |     if filter.type == "price_range"
 4 |       if filter.min_value.value > 0 or filter.max_value.value < filter.range_max
 5 |         assign active_filter_values = 1 | plus: active_filter_values
 6 |       endif
 7 |     else
 8 |       assign active_filter_values = filter.active_values.size | plus: active_filter_values
 9 |     endif
10 |   endfor
11 | %}
12 | 
13 | <div class="collection-utilities mb-5 {% unless section.settings.show_product_count %}justify-content-end{% endunless %}">
14 |   {% if section.settings.show_product_count %}
15 |     <p class="collection-product-count small mb-0">
16 |       {{ 'collection.count_products' | t: count: collection.products_count }}
17 |     </p>
18 |   {% endif %}
19 |   {% if section.settings.show_filters or section.settings.show_sort_by %}
20 |     <div class="d-flex align-items-center mx-n2">
21 |       {% if section.settings.show_filters %}
22 |         <button 
23 |           class="btn btn-sm mx px-4 mx-2 {{ section.settings.filters_btn_color }}" 
24 |           type="button" 
25 |           data-bs-toggle="offcanvas" 
26 |           data-bs-target="#offcanvas-collection-filters"
27 |           aria-controls="offcanvas-collection-filters">
28 |           <span class="d-flex align-items-center">
29 |             {% render 'svg-icons', icon: 'filter', size: 16, class: 'me-3' %}
30 |             {{ 'collection.filters.btn_text' | t }}
31 |             {% if active_filter_values > 0 %}
32 |               ({{ active_filter_values }})
33 |             {% endif %}
34 |           </span>
35 |         </button>
36 |       {% endif %}
37 |       {% if section.settings.show_sort_by %}
38 |         <sort-by class="sort-by dropdown">
39 |           <button 
40 |             class="btn btn-sm px-4 dropdown-toggle mx-2 {{ section.settings.sort_by_btn_color }}" 
41 |             type="button" 
42 |             data-bs-toggle="dropdown" 
43 |             aria-expanded="false">
44 |             {{ 'collection.sort_by' | t }}
45 |           </button>
46 |           <ul class="dropdown-menu dropdown-menu-end">
47 |             {% for option in collection.sort_options %}
48 |               <li>
49 |                 <input 
50 |                   type="radio" 
51 |                   class="btn-check" 
52 |                   name="sort_by" 
53 |                   id="sort-by-{{ option.value }}" 
54 |                   value="{{ option.value }}"
55 |                   {% if option.value == collection.sort_by %}checked{% endif %}>
56 |                 <label class="dropdown-item" for="sort-by-{{ option.value }}">
57 |                   {{ option.name }}
58 |                 </label>
59 |               </li>
60 |             {% endfor %}
61 |           </ul>
62 |         </sort-by>
63 |       {% endif %}
64 |     </div>
65 |   {% endif  %}
66 | </div>


--------------------------------------------------------------------------------
/snippets/footer-block.liquid:
--------------------------------------------------------------------------------
 1 | {% case block.type %}
 2 |   {% when 'richtext' %}
 3 |     {% unless block.settings.description == blank %}
 4 |       <div class="description rte mt-2 mb-6">
 5 |         {{ block.settings.description }}
 6 |       </div>
 7 |     {% endunless %}
 8 |     {% unless block.settings.btn_primary_text == blank %}
 9 |       <div class="m-n2">
10 |         {% unless block.settings.btn_primary_text == blank %}
11 |           <a 
12 |             class="btn btn-sm m-2 {{ block.settings.btn_primary_color }}" 
13 |             href="{{ block.settings.btn_primary_url }}">
14 |             {{ block.settings.btn_primary_text }}
15 |           </a>
16 |         {% endunless %}
17 |         {% unless block.settings.btn_secondary_text == blank %}
18 |           <a 
19 |             class="btn btn-sm m-2 {{ block.settings.btn_secondary_color }}" 
20 |             href="{{ block.settings.btn_secondary_url }}">
21 |             {{ block.settings.btn_secondary_text }}
22 |           </a>
23 |         {% endunless %}
24 |       </div>
25 |     {% endunless %}
26 |   {% when 'menu' %}
27 |     <ul 
28 |       class="nav flex-column mb-0" 
29 |       aria-label="{{ block.settings.title }}">
30 |       {% for link in linklists[block.settings.menu].links %}
31 |         <li class="nav-item">
32 |           <a 
33 |             class="nav-link px-0 px-desktop-3 py-3 py-desktop-2" 
34 |             href="{{ link.url }}">
35 |             {{ link.title }}
36 |           </a>
37 |         </li>
38 |       {% endfor %}
39 |     </ul>
40 | {% endcase %}


--------------------------------------------------------------------------------
/snippets/image-url.liquid:
--------------------------------------------------------------------------------
 1 | {% liquid
 2 |   # theme-check-disable ImgLazyLoading 
 3 |   # theme-check-disable RemoteAsset
 4 | %}
 5 | 
 6 | {% comment %}
 7 |   Renders an image tag throught the Shopify's, image_url filter
 8 |   https://shopify.dev/docs/api/liquid/filters/image_url
 9 | 
10 |   Accepts:
11 |   - img: {object} The image object to apply the filter
12 |   - size: {Number} (Optional) The preferred image size which the image width/height will be handled. (default is 600)
13 |   - orientation: {String} (Optional) The image orientation. (default is square)
14 |   - loading {String} {Optional} The image loading mode. Either lazy or eager. (default is lazy)
15 |   - scale {Boolean} {Optional}. Useful if your images are looking blurred. (default is false)
16 |   - class: {String} (Optional) An optional class to apply to the Img element
17 | 
18 |   Usage:
19 |   {% render 'image-url' img: product.featured_image, size: 600, orientation: 'square', loading: 'lazy', scale: false, class: "mb-4"  %}
20 | {% endcomment %}
21 | 
22 | {% liquid
23 |   assign size = size | default: 600
24 |   assign orientation = orientation | default: 'square'
25 |   assign loading = loading | default: 'lazy'
26 | 
27 |   case orientation
28 |     when 'ratio-1x1'
29 |       assign width = size
30 |       assign height = size 
31 |     when 'ratio-4x3'
32 |       assign width = size
33 |       assign height = size | divided_by: 4 | times: 3 | round
34 |     when 'ratio-16x9'
35 |       assign width = size
36 |       assign height = size | divided_by: 16 | times: 9 | round
37 |       when 'ratio-21x9'
38 |       assign width = size
39 |       assign height = size | divided_by: 21 | times: 9 | round
40 |     when 'ratio-3x4'
41 |       assign width = size | divided_by: 4 | times: 3 | round
42 |       assign height = size
43 |     when 'ratio-9x16'
44 |       assign width = size | divided_by: 16 | times: 9 | round
45 |       assign height = size
46 |     when 'ratio-9x21'
47 |       assign width = size | divided_by: 21 | times: 9 | round
48 |       assign height = size
49 |     else
50 |       assign width  = size
51 |       assign height = size | divided_by: img.aspect_ratio | round
52 |   endcase
53 | 
54 |   if scale
55 |     assign width_scaled = width | times: 2
56 |     assign height_scaled = height | times: 2
57 |   else
58 |     assign width_scaled = width
59 |     assign height_scaled = height
60 |   endif
61 | %}
62 | 
63 | <img
64 |   src="{{ img | image_url: width: width_scaled, height: height_scaled, crop: 'center' }}"
65 |   class="img-fluid {{ class }}"
66 |   alt="{{ img.alt }}"
67 |   width="{{ width }}"
68 |   height="{{ height }}"
69 |   loading="{{ loading }}">
70 | 
71 | {% liquid
72 |   # theme-check-enable ImgLazyLoading 
73 |   # theme-check-enable RemoteAsset
74 | %}


--------------------------------------------------------------------------------
/snippets/meta-tags.liquid:
--------------------------------------------------------------------------------
 1 | {%- liquid
 2 |   assign og_title = page_title | default: shop.name
 3 |   assign og_url = canonical_url | default: request.origin
 4 |   assign og_type = 'website'
 5 |   assign og_description = page_description | default: shop.description | default: shop.name
 6 | 
 7 |   if request.page_type == 'product'
 8 |     assign og_type = 'product'
 9 |   elsif request.page_type == 'article'
10 |     assign og_type = 'article'
11 |   elsif request.page_type == 'password'
12 |     assign og_url = request.origin
13 |   endif
14 | %}
15 | 
16 | <meta property="og:site_name" content="{{ shop.name }}">
17 | <meta property="og:url" content="{{ og_url }}">
18 | <meta property="og:title" content="{{ og_title | escape }}">
19 | <meta property="og:type" content="{{ og_type }}">
20 | <meta property="og:description" content="{{ og_description | escape }}">
21 | 
22 | {%- if page_image -%}
23 |   <meta property="og:image" content="http:{{ page_image | image_url }}">
24 |   <meta property="og:image:secure_url" content="https:{{ page_image | image_url }}">
25 |   <meta property="og:image:width" content="{{ page_image.width }}">
26 |   <meta property="og:image:height" content="{{ page_image.height }}">
27 | {%- endif -%}
28 | 
29 | {%- if request.page_type == 'product' -%}
30 |   <meta property="og:price:amount" content="{{ product.price | money_without_currency | strip_html }}">
31 |   <meta property="og:price:currency" content="{{ cart.currency.iso_code }}">
32 | {%- endif -%}
33 | 
34 | {%- if settings.social_twitter_link != blank -%}
35 |   <meta name="twitter:site" content="{{ settings.social_twitter_link | split: 'twitter.com/' | last | prepend: '@' }}">
36 | {%- endif -%}
37 | <meta name="twitter:card" content="summary_large_image">
38 | <meta name="twitter:title" content="{{ og_title | escape }}">
39 | <meta name="twitter:description" content="{{ og_description | escape }}">


--------------------------------------------------------------------------------
/snippets/modal-localization.liquid:
--------------------------------------------------------------------------------
 1 | {% if localization.available_countries.size > 1 %}
 2 |   <div 
 3 |     id="modal-localization" 
 4 |     class="modal fade" 
 5 |     tabindex="-1" 
 6 |     aria-labelledby="modal-localization-label"
 7 |     aria-hidden="true">
 8 |     <div class="modal-dialog">
 9 |       <div class="modal-content">
10 |         <div class="modal-header">
11 |           <h2 id="modal-localization-label" class="modal-title">
12 |             {{ 'general.localization.title' | t }}
13 |           </h2>
14 |           <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="{{ 'general.accessibility.close' | t }}">
15 |             {% render 'svg-icons', icon: 'x', size: 20 %}
16 |           </button>
17 |         </div>
18 |         <div class="modal-body">
19 |           {% form 'localization' %}
20 |             <input type="hidden" name="country_code" value="{{ localization.country.iso_code }}">
21 |             <ul class="list-group list-group-flush" aria-labelledby="modal-localization-label">
22 |               {% for country in localization.available_countries %}
23 |                 <button
24 |                   class="list-group-item list-group-item-action {% if country.iso_code == localization.country.iso_code %}active{% endif %}"
25 |                   data-iso-code="{{ country.iso_code }}"
26 |                   aria-current="{% if country.iso_code == localization.country.iso_code %}true{% endif %}"
27 |                   role="button">
28 |                   <div class="localization-form-item-img me-4" aria-hidden="true">
29 |                     {{ country | image_url: width: 20, height: 20 | image_tag }}
30 |                   </div>
31 |                   <div class="localization-form-item-text">
32 |                     <span>
33 |                       {{ country.name }}
34 |                     </span>
35 |                     <small class="opacity-50">
36 |                       {{ country.currency.iso_code }} {{ country.currency.symbol }}
37 |                     </small>
38 |                   </div>
39 |                 </button>
40 |               {% endfor %}
41 |             </ul>
42 |           {% endform %}
43 |         </div>
44 |       </div>
45 |     </div>
46 |   </div>
47 | {% endif %}


--------------------------------------------------------------------------------
/snippets/navbar-desktop-icons.liquid:
--------------------------------------------------------------------------------
 1 | <ul class="nav-desktop-icons nav justify-content-end flex-nowrap">
 2 |   {% if localization.available_countries.size > 1 %}
 3 |     <li class="nav-item me-1">
 4 |       <a
 5 |         class="nav-link nav-link-icon"
 6 |         href="#modal-localization"
 7 |         data-bs-toggle="modal"
 8 |         aria-controls="modal-localization" 
 9 |         aria-label="{{ 'general.accessibility.localization' | t }} {{ localization.country.name }}"
10 |         role="button">
11 |         {{ localization.country | image_url: width: 20, height: 20 | image_tag }}
12 |       </a>
13 |     </li>
14 |   {% endif %}
15 |   {% if shop.customer_accounts_enabled %}
16 |     <li class="nav-item">
17 |       <a 
18 |         class="nav-link nav-link-icon {% if template.name == 'login' or template.name == 'account' %}active{% endif %}" 
19 |         aria-current="{% if template.name == 'login' or template.name == 'account' %}page{% endif %}" 
20 |         href="{{ routes.account_url }}"
21 |         aria-label="{{ 'general.accessibility.account' | t }}">
22 |         {% render 'svg-icons', icon: 'account', size: 20 %}
23 |       </a>
24 |     </li>
25 |   {% endif %}
26 |   {% if settings.search %}
27 |     <li class="nav-item">
28 |       <a
29 |         class="nav-link nav-link-icon" 
30 |         href="#offcanvas-search" 
31 |         data-bs-toggle="offcanvas"
32 |         aria-controls="offcanvas-search" 
33 |         aria-label="{{ 'general.accessibility.search' | t }}"
34 |         role="button">
35 |         {% render 'svg-icons', icon: 'search', size: 20 %}
36 |       </a>
37 |     </li>
38 |   {% endif %}
39 |   <li class="nav-item">
40 |     <a 
41 |       class="nav-link nav-link-icon" 
42 |       href="#offcanvas-cart" 
43 |       data-bs-toggle="offcanvas" 
44 |       aria-controls="offcanvas-cart" 
45 |       aria-label="{{ 'general.accessibility.cart' | t }} {{ cart.item_count }}"
46 |       role="button">
47 |       {% render 'svg-icons', icon: 'cart', size: 20 %}
48 |       {% render 'cart-count-badge' %}
49 |     </a>
50 |   </li>
51 | </ul>


--------------------------------------------------------------------------------
/snippets/navbar-desktop-menu.liquid:
--------------------------------------------------------------------------------
 1 | <ul class="nav-desktop-menu nav justify-content-center">
 2 |   {% for link in linklists[block.settings.main_menu].links %}
 3 |     <li class="nav-item {% if link.links %}dropdown{% endif %}">
 4 |       {% if link.links == blank %}
 5 |         <a
 6 |           class="nav-link {% if link.active %}active{% endif %}" 
 7 |           href="{{ link.url }}"
 8 |           aria-current="{% if link.active %}page{% endif %}">
 9 |           {{ link.title }}
10 |         </a>
11 |       {% else %}
12 |         <a 
13 |           class="nav-link dropdown-toggle {% if link.child_active %}active{% endif %}" 
14 |           href="#"
15 |           data-bs-toggle="dropdown" 
16 |           data-bs-display="static"
17 |           aria-expanded="false"
18 |           role="button">
19 |           {{ link.title }}
20 |         </a>
21 |         <ul class="dropdown-menu">
22 |           {% for child_link in link.links %}
23 |             <li>
24 |               {% if child_link.title == '-' %}
25 |                 <hr class="dropdown-divider">
26 |               {% else %}
27 |                 <a 
28 |                   class="dropdown-item {% if child_link.active %}active{% endif %}" 
29 |                   href="{{ child_link.url }}"
30 |                   aria-current="{% if child_link.active %}page{% endif %}">
31 |                   {{ child_link.title }}
32 |                 </a>
33 |               {% endif %}
34 |             </li>
35 |           {% endfor %}
36 |         </ul>
37 |       {% endif %}
38 |     </li>
39 |   {% endfor %}
40 | </ul>


--------------------------------------------------------------------------------
/snippets/navbar-logo.liquid:
--------------------------------------------------------------------------------
 1 | <a 
 2 |   class="navbar-logo" 
 3 |   href="{{ routes.root_url }}">
 4 |   {% if block.settings.logo %}
 5 |     {% assign logo_height_x2 = block.settings.logo_height | times: 2 %}
 6 |     <img
 7 |       class="img-fluid navbar-logo-default"
 8 |       src="{{ block.settings.logo | image_url: height: logo_height_x2 }}" 
 9 |       alt="{{ shop.name }}"
10 |       width="{{ block.settings.logo_height | times: block.settings.logo.aspect_ratio | round }}" 
11 |       height="{{ block.settings.logo_height }}"
12 |       loading="lazy">
13 |   {% else %}
14 |     <span>
15 |       {{ shop.name }}
16 |     </span>
17 |   {% endif %}
18 | </a>


--------------------------------------------------------------------------------
/snippets/offcanvas-cart.liquid:
--------------------------------------------------------------------------------
 1 | <div
 2 |   id="offcanvas-cart"
 3 |   class="offcanvas-cart offcanvas offcanvas-end" 
 4 |   tabindex="-1" 
 5 |   aria-labelledby="offcanvas-cart-label"
 6 |   {% if settings.cart_upsells_enable %}data-cart-upsells{% endif %}
 7 | >
 8 |   <cart-container class="cart-container">
 9 |     <div class="offcanvas-header">
10 |       <h2 id="offcanvas-cart-label" class="offcanvas-title">
11 |         {{ 'cart.title' | t }}
12 |       </h2>
13 |       <button class="btn-close" type="button" data-bs-dismiss="offcanvas" aria-label="{{ 'general.accessibility.close' | t }}">
14 |         {% render 'svg-icons', icon: 'x' %}
15 |       </button>
16 |     </div>
17 |     <div class="offcanvas-body">
18 |       <div id="cart-alert" class="cart-alert alert alert-danger small px-4 py-3" role="alert" hidden>
19 |         <div class="alert-icon me-4 flex-shrink-0">
20 |           {% render 'svg-icons', icon: 'alert-circle', size: 18 %}
21 |         </div>
22 |         <p class="mb-0" data-alert-msg></p>
23 |       </div>
24 |       {% liquid 
25 |         render 'cart-items' 
26 |         render 'cart-note'
27 |       %}
28 |     </div>
29 |     {% render 'cart-footer' %}
30 |   </cart-container>
31 | </div>
32 | 


--------------------------------------------------------------------------------
/snippets/offcanvas-menu.liquid:
--------------------------------------------------------------------------------
 1 | <div 
 2 |   id="offcanvas-menu" 
 3 |   class="offcanvas offcanvas-bottom" 
 4 |   tabindex="-1" 
 5 |   data-bs-backdrop="false"
 6 |   aria-label="{{ 'general.accessibility.menu' | t }}">
 7 |   <div class="offcanvas-body">
 8 |     {% unless block.settings.main_menu == nil %}
 9 |       <ul class="nav accordion-nav mb-9">
10 |         {% for link in linklists[block.settings.main_menu].links %}
11 |           {% if link.links == blank %}
12 |             <li class="nav-item">
13 |               <a 
14 |                 class="nav-link {% if link.active %}active{% endif %}" 
15 |                 href="{{ link.url }}" 
16 |                 aria-current="{% if link.active %}page{% endif %}">
17 |                 {{ link.title }}
18 |               </a>
19 |             </li>
20 |           {% else %}
21 |             <li class="nav-item collapse-wrapper">
22 |               <a 
23 |                 class="nav-link {% if link.child_active %}active{% endif %}" 
24 |                 href="#offcanvas-menu-collapse-{{ forloop.index }}" 
25 |                 aria-controls="offcanvas-menu-collapse-{{ forloop.index }}"
26 |                 aria-expanded="{% if link.child_active %}true{% else %}false{% endif %}" 
27 |                 data-bs-toggle="collapse"
28 |                 role="button">
29 |                 {{ link.title }}
30 |                 {% render 'svg-icons', icon: 'chevron-down', size: 18 %}
31 |               </a>
32 |               <div 
33 |                 id="offcanvas-menu-collapse-{{ forloop.index }}" 
34 |                 class="collapse {% if link.child_active %}show{% endif %}">
35 |                 <ul class="nav flex-column">
36 |                   {% for child_link in link.links %}
37 |                     <li>
38 |                       {% if child_link.title == '-' %}
39 |                         <hr class="my-3">
40 |                       {% else %}
41 |                         <a 
42 |                           class="dropdown-item {% if child_link.active %}active{% endif %}" 
43 |                           href="{{ child_link.url }}"
44 |                           aria-current="{% if child_link.active %}page{% endif %}">
45 |                           {{ child_link.title }}
46 |                         </a>
47 |                       {% endif %}
48 |                     </li>
49 |                   {% endfor %}
50 |                 </ul>
51 |               </div>
52 |             </li>
53 |           {% endif %}
54 |         {% endfor %}
55 |       </ul>
56 |     {% endunless %}
57 | 
58 |     {% if block.settings.social_icons %}
59 |       <div class="social-icons-wrapper text-center mb-5">
60 |         {% render 'social-icons', show_title: false %}
61 |       </div>
62 |     {% endif %}
63 | 
64 |     {% unless block.settings.secondary_menu == nil %}
65 |       <ul class="nav nav-secondary justify-content-center mb-4">
66 |         {% for link in linklists[block.settings.secondary_menu].links %}
67 |           <li class="nav-item">
68 |             <a 
69 |               class="nav-link py-2 px-4 {% if link.active %}active{% endif %}" 
70 |               href="{{ link.url }}" 
71 |               aria-current="{% if link.active %}page{% endif %}">
72 |               {{ link.title }}
73 |             </a>
74 |           </li>
75 |         {% endfor %}
76 |       </ul>
77 |     {% endunless %}
78 | 
79 |     <ul class="nav justify-content-center mb-4">
80 |       {% if localization.available_countries.size > 1 %}
81 |         <li class="nav-item">
82 |           <a
83 |             class="nav-link nav-link-icon"
84 |             href="#modal-localization"
85 |             data-bs-toggle="modal"
86 |             aria-controls="modal-localization" 
87 |             aria-label="{{ 'general.accessibility.localization' | t }} {{ localization.country.name }}"
88 |             role="button">
89 |             {{ localization.country | image_url: width: 20, height: 20 | image_tag }}
90 |           </a>
91 |         </li>
92 |       {% endif %}
93 |     </ul>
94 |     
95 |   </div>
96 | </div>
97 | 


--------------------------------------------------------------------------------
/snippets/offcanvas-search.liquid:
--------------------------------------------------------------------------------
 1 | {% liquid
 2 |   assign resources_type = 'query,product'
 3 |   
 4 |   if settings.search_collections
 5 |     assign resources_type = resources_type | append: ',collection'
 6 |   endif
 7 |   if settings.search_articles
 8 |     assign resources_type = resources_type | append: ',article'
 9 |   endif
10 |   if settings.search_pages
11 |     assign resources_type = resources_type | append: ',page'
12 |   endif
13 | %}
14 | 
15 | <div
16 |   id="offcanvas-search"
17 |   class="offcanvas-search offcanvas offcanvas-end" 
18 |   tabindex="-1" 
19 |   aria-labelledby="offcanvas-search-label">
20 |   <predictive-search 
21 |     class="predictive-search"
22 |     data-img-orientation="{{ settings.product_img_orientation }}"
23 |     data-img-border="{{ settings.product_img_border }}"
24 |     data-show-quick-view="{{ settings.search_show_quick_view }}"
25 |     data-quick-view-btn-color="{{ settings.search_quick_view_btn_color }}"
26 |     data-resources-type="{{ resources_type }}">
27 |     <div class="offcanvas-header">
28 |       <h2 id="offcanvas-search-label" class="offcanvas-title">
29 |         {{ 'general.search.title' | t }}
30 |       </h2>
31 |       <button class="btn-close" type="button" data-bs-dismiss="offcanvas" aria-label="{{ 'general.accessibility.close' | t }}">
32 |         {% render 'svg-icons', icon: 'x' %}
33 |       </button>
34 |     </div> 
35 |     <div class="offcanvas-body">
36 |       <form action="{{ routes.search_url }}" class="search-form mb-6" method="get" role="search">
37 |         <input name="options[prefix]" type="hidden" value="last">
38 |         <div class="form-control-wrapper">
39 |           <input
40 |             class="form-control"
41 |             type="search"
42 |             name="q"
43 |             value="{{ search.terms | escape }}"
44 |             role="combobox"
45 |             aria-expanded="false"
46 |             aria-owns="predictive-search-results"
47 |             aria-controls="predictive-search-results"
48 |             aria-haspopup="listbox"
49 |             aria-autocomplete="list"
50 |             aria-label="{{ 'general.search.input_label' | t }}"
51 |             placeholder="{{ 'general.search.input_label' | t }}"
52 |             autocorrect="off" 
53 |             autocomplete="off" 
54 |             autocapitalize="off"
55 |             spellcheck="false">
56 |           <button type="submit" class="btn btn-link" aria-label="{{ 'general.search.btn_label' | t }}">
57 |             {% render 'svg-icons', icon: 'search', size: 20, class: '' %}
58 |           </button>
59 |         </div>
60 |         <div id="predictive-search" tabindex="-1"></div>
61 |         <span id="predictive-search-status" class="visually-hidden" role="status"></span>
62 |       </form>
63 |       <div class="search-empty pt-4 pb-11 text-center" {% if settings.rtl_langs contains request.locale.iso_code %}hidden{% endif %}>
64 |         {{ 'general.search.empty_html' | t }} 
65 |         <button class="btn btn-outline-primary" type="button" data-bs-dismiss="offcanvas">
66 |           {{ 'general.search.continue_shopping' | t }}
67 |         </button>
68 |       </div>
69 |     </div>
70 |   </predictive-search>
71 | </div>
72 | 


--------------------------------------------------------------------------------
/snippets/pagination.liquid:
--------------------------------------------------------------------------------
 1 | {% if paginate.pages > 1 %}
 2 |   <nav aria-label="{{ 'general.accessibility.pagination' | t }}">
 3 |     <ul class="pagination justify-content-center my-6">
 4 |       {% if paginate.previous %}
 5 |         <li class="page-item">
 6 |           <a 
 7 |             class="page-link" 
 8 |             href="{{ paginate.previous.url }}" 
 9 |             aria-label="{{ paginate.next.title }}"
10 |             data-new-page="{{ paginate.current_page | minus: 1 }}">
11 |             <span aria-hidden="true">&laquo;</span>
12 |           </a>
13 |         </li>
14 |       {% endif %}
15 |       {% for part in paginate.parts -%}
16 |         {% if part.is_link %}
17 |           <li class="page-item">
18 |             <a 
19 |               class="page-link" 
20 |               href="{{ part.url }}"
21 |               data-new-page="{{ part.title }}">
22 |               {{ part.title }}
23 |             </a>
24 |           </li>
25 |         {% else %}
26 |           <li 
27 |             class="page-item {% if paginate.current_page == part.title %}active{% endif %}"
28 |             aria-current="{% if paginate.current_page == part.title %}page{% endif %}">
29 |             <span class="page-link">
30 |               {{ part.title }}
31 |             </span>
32 |           </li>
33 |         {% endif %}
34 |       {% endfor %}
35 |       {% if paginate.next %}
36 |         <li class="page-item">
37 |           <a 
38 |             class="page-link" 
39 |             href="{{ paginate.next.url }}" 
40 |             aria-label="{{ paginate.next.title }}"
41 |             data-new-page="{{ paginate.current_page | plus: 1 }}">
42 |             <span aria-hidden="true">&raquo;</span>
43 |           </a>
44 |         </li>
45 |       {% endif %}
46 |     </ul>
47 |   </nav>
48 | {% endif %}


--------------------------------------------------------------------------------
/snippets/payment-icons.liquid:
--------------------------------------------------------------------------------
 1 | {% unless shop.enabled_payment_types == empty %}
 2 |   <ul 
 3 |     class="payment-icons"
 4 |     aria-label="{{ 'general.accessibility.payment_methods' | t }}">
 5 |     {% for type in shop.enabled_payment_types %}
 6 |       <li 
 7 |         class="" 
 8 |         data-bs-toggle="tooltip" 
 9 |         data-bs-placement="top" 
10 |         title="{{ type | replace: "_", " " | camelcase }}">
11 |         {{ type | payment_type_svg_tag: class: 'icon' }}
12 |       </li>
13 |     {% endfor %}
14 |   </ul>
15 |   <small class="payment-icons-text">
16 |     {{ 'general.payment_icons.secure' | t }}
17 |   </small>
18 | {% endunless %}


--------------------------------------------------------------------------------
/snippets/product-block-atc-button.liquid:
--------------------------------------------------------------------------------
 1 | {% liquid 
 2 |   assign current_variant = product.selected_or_first_available_variant
 3 | 
 4 |   assign pt = block.settings.pt | prepend: 'pt-'
 5 |   assign pb = block.settings.pb | prepend: 'pb-'
 6 | %}
 7 | 
 8 | <div 
 9 |   class="product-block-atc {{ pt }} {{ pb }}" 
10 |   {{ block.shopify_attributes }}>
11 |   <div class="d-flex">
12 |     {% if block.settings.show_qty_field %}
13 |       <div 
14 |         class="qty-input-wrapper me-4"  
15 |         role="group" 
16 |         aria-label="{{ 'general.accessibility.quantity' | t }}">
17 |         <button 
18 |           class="btn btn-qty-minus"
19 |           type="button"
20 |           onclick="--this.nextElementSibling.value, this.nextElementSibling.value == 1 ?  this.disabled = true : ''" 
21 |           aria-label="{{ 'general.accessibility.decrease_qty' | t }}"
22 |           disabled>
23 |           {% render 'svg-icons', icon: 'minus', size: 14 %}
24 |         </button>
25 |         <input
26 |           class="form-control {{ block.settings.atc_btn_size | replace: 'btn-', 'form-control-' }}" 
27 |           name="quantity"
28 |           type="number"
29 |           value="1"
30 |           min="1"
31 |           aria-label="{{ 'product.quantity' | t }}">
32 |         <button 
33 |           class="btn btn-qty-plus"
34 |           type="button"
35 |           onclick="++this.previousElementSibling.value, this.previousElementSibling.previousElementSibling.disabled = false" 
36 |           aria-label="{{ 'general.accessibility.increase_qty' | t }}">
37 |           {% render 'svg-icons', icon: 'plus', size: 14 %}
38 |         </button>
39 |       </div>
40 |     {% endif %}
41 |     <button
42 |       class="btn btn-atc {{ block.settings.atc_btn_color }} {{ block.settings.atc_btn_size }}"
43 |       type="submit"
44 |       name="add"
45 |       {% unless current_variant.available %}
46 |         disabled
47 |       {% endunless %}>
48 |       {% if current_variant.available %}
49 |         {{ 'product.add_to_cart' | t }}
50 |       {% else %}
51 |         {{ 'product.sold_out' | t }}
52 |       {% endif %}
53 |     </button>
54 |   </div>
55 | 
56 |   {% if block.settings.show_dynamic_buttons %}
57 |     <div class="product-dynamic-buttons mt-5 pb-2">
58 |       {{ form | payment_button }}
59 |     </div>
60 |   {% endif %}
61 |   
62 |   {% if block.settings.show_buy_btn %}
63 |     <button 
64 |       class="btn btn-buy mt-4 {{ block.settings.buy_btn_color }} {{ block.settings.buy_btn_size }}" 
65 |       type="button"
66 |       {% unless current_variant.available %}
67 |         disabled
68 |       {% endunless %}>
69 |       {{ 'product.buy_it_now' | t }}
70 |     </button>
71 |   {% endif %}
72 | 
73 | </div>


--------------------------------------------------------------------------------
/snippets/product-block-collapse.liquid:
--------------------------------------------------------------------------------
 1 | {% liquid 
 2 |   assign pt = block.settings.pt | prepend: 'pt-'
 3 |   assign pb = block.settings.pb | prepend: 'pb-'
 4 | %}
 5 | 
 6 | <div 
 7 |   class="product-block-collapse {{ pt }} {{ pb }}" 
 8 |   {{ block.shopify_attributes }}>
 9 |   <div 
10 |     class="
11 |       collapse-wrapper
12 |       {{ block.settings.border_top_width | prepend: 'border-top-' }}
13 |       {{ block.settings.border_bottom_width | prepend: 'border-bottom-' }}
14 |       {{ block.settings.border_color }} 
15 |     "
16 |     style="
17 |       border-top-style: solid;
18 |       border-bottom-style: solid;
19 |       --bs-border-opacity: {{ block.settings.border_opacity | append: '%' }};
20 |     ">
21 |     <button 
22 |       class="
23 |         {{ block.settings.title_font_family }}
24 |         {{ block.settings.title_font_size }} 
25 |         {{ block.settings.title_text_transform }} 
26 |         {{ block.settings.title_letter_spacing | prepend: 'ls-' }} 
27 |       " 
28 |       type="button" 
29 |       data-bs-toggle="collapse" 
30 |       data-bs-target="#collapse-{{ block.id }}" 
31 |       aria-expanded="{% if block.settings.open_by_default %}true{% else %}false{% endif %}" 
32 |       aria-controls="collapse-{{ block.id }}">
33 |       <div class="d-flex align-items-center">
34 |         {% unless block.settings.icon == blank %}
35 |           <img 
36 |             class="img-fluid me-5"
37 |             src="{{ block.settings.icon | image_url: width: block.settings.icon_size }}" 
38 |             alt="{{ block.settings.icon.alt }}"
39 |             width="{{ block.settings.icon_size }}"
40 |             height="{{ block.settings.icon_size | divided_by: block.settings.icon.aspect_ratio | round }}"
41 |             loading="lazy">
42 |         {% endunless %}
43 |         {{ block.settings.title }}
44 |       </div>
45 |       {% render 'svg-icons', icon: 'chevron-down', size: 18 %}
46 |     </button>
47 |     <div id="collapse-{{ block.id }}" class="collapse {% if block.settings.open_by_default %}show{% endif %}">
48 |       <div class="collapse-inner description rte mb-0 {{ block.settings.description_font_size }}">
49 |         {% if block.settings.description contains '[page' %}
50 |           {% assign page_handle = block.settings.description | split: '[page:' | last | split: ']' | first %}
51 |           {{ pages[page_handle].content }}
52 |         {% elsif block.settings.product_description %}
53 |           {{ product.description }}
54 |         {% else %}
55 |           {{ block.settings.description }}
56 |         {% endif %}
57 |       </div>
58 |     </div>
59 |   </div>
60 | </div>


--------------------------------------------------------------------------------
/snippets/product-block-liquid.liquid:
--------------------------------------------------------------------------------
1 | {% liquid 
2 |   assign pt = block.settings.pt | prepend: 'pt-'
3 |   assign pb = block.settings.pb | prepend: 'pb-'
4 | %}
5 | 
6 | <div class="product-block-liquid {{ pt }} {{ pb }}" {{ block.shopify_attributes }}>
7 |   {{ block.settings.liquid }}
8 | </div>


--------------------------------------------------------------------------------
/snippets/product-block-media-gallery.liquid:
--------------------------------------------------------------------------------
 1 | {% liquid 
 2 |   assign block = section.blocks | where: 'type', 'media_gallery' | first
 3 | 
 4 |   assign current_variant = product.selected_or_first_available_variant
 5 | 
 6 |   if current_variant.featured_image
 7 |     assign initial_slide = product.selected_or_first_available_variant.featured_media.position | minus: 1
 8 |   else
 9 |     assign initial_slide = 0
10 |   endif
11 | %}
12 | 
13 | {% if product == nil %}
14 |   {{ 'image' | placeholder_svg_tag: 'img-thumbnail' }}
15 | {% elsif block != nil %}
16 |   <product-media-gallery
17 |     class="product-media-gallery"
18 |     data-product-id="{{ product.id }}"
19 |     data-initial-slide="{{ initial_slide }}"
20 |     data-speed="{{ block.settings.speed }}"
21 |     data-thumbs-per-view="{{ block.settings.thumbs_per_view }}">
22 |     <div class="swiper-main-wrapper {{ block.settings.img_border }}">
23 |       <div 
24 |         class="swiper-main swiper"
25 |         style="--swiper-theme-color: {{ block.settings.controls_color | prepend: 'var(--bs-' | append: '-rgb)' }}">
26 |         <div class="swiper-wrapper">
27 |           {% for media in product.media %}
28 |             {% liquid 
29 |               assign media_loading = 'eager' 
30 |               if forloop.index > 2
31 |                 assign media_loading = 'lazy' 
32 |               endif
33 |             %}
34 |             <div class="swiper-slide" lazy="{% if media_loading == 'lazy' %}true{% endif %}">
35 |               {% case media.media_type %}
36 |                 {% when 'image' %}
37 |                   {% render 'image-url', img: media, size: 800, orientation: block.settings.img_orientation, loading: media_loading, class: '' %}
38 |                 {% when 'video' %}
39 |                   {{ media | video_tag: controls: true, image_size: '800x', loading: media_loading, class: 'bg-black w-100' }}
40 |               {% endcase %}
41 |             </div>
42 |           {% endfor %}
43 |         </div>
44 |         <div class="swiper-controls">
45 |           <div class="swiper-pagination"></div>
46 |           <div class="swiper-scrollbar"></div>
47 |           <div class="swiper-button-prev">
48 |             {% render 'svg-icons', icon: 'chevron-left', size: 24 %}
49 |           </div>
50 |           <div class="swiper-button-next">
51 |             {% render 'svg-icons', icon: 'chevron-right', size: 24 %}
52 |           </div>
53 |         </div>
54 |       </div>
55 |     </div>
56 |     <div 
57 |       class="swiper-thumbs swiper mt-4" 
58 |       data-show-thumbs="{{ block.settings.show_thumbs }}"
59 |       data-controls-color="{{ block.settings.controls_color }}"
60 |       {% if product.media.size < 2 %}hidden{% endif %}>
61 |       <div class="swiper-wrapper">
62 |         {% for media in product.media %}
63 |           <div class="swiper-slide" data-media-type="{{ media.media_type }}">
64 |             {% case media.media_type %}
65 |               {% when 'image' %}
66 |                 {% render 'image-url', img: media, size: 800, orientation: settings.product_img_orientation, class: 'img-thumbnail' %}
67 |               {% when 'video' %}
68 |                 {% render 'svg-icons', icon: 'play', size: '18', aria-hidden: 'true' %}
69 |                 {% render 'image-url', img: media.preview_image, size: 800, orientation: settings.product_img_orientation, class: 'img-thumbnail' %}
70 |             {% endcase %}
71 |           </div>
72 |         {% endfor %}
73 |       </div>
74 |     </div>
75 |   </product-media-gallery>
76 | {% endif %}


--------------------------------------------------------------------------------
/snippets/product-block-options.liquid:
--------------------------------------------------------------------------------
 1 | {% liquid 
 2 |   assign pt = block.settings.pt | prepend: 'pt-'
 3 |   assign pb = block.settings.pb | prepend: 'pb-'
 4 | %}
 5 | 
 6 | {% unless product.has_only_default_variant %}
 7 |   <ul 
 8 |     class="product-options list-unstyled mb-0 {{ pt }} {{ pb }}"
 9 |     aria-label="{{ 'product.product_options' | t }}">
10 |     {% for option in product.options_with_values %}
11 |       <li class="py-3">
12 |         {% if block.settings.options_style == 'buttons' %}       
13 |           <p class="mb-1">
14 |             {{ option.name }}
15 |           </p>
16 |           <ul class="size-buttons list-unstyled">
17 |             {% for value in option.values %}
18 |               <li>
19 |                 <input 
20 |                   class="visually-hidden" 
21 |                   type="radio" 
22 |                   name="option-{{ option.name | handleize }}" 
23 |                   id="option-{{ option.name | handleize }}-{{ value | handleize }}" 
24 |                   value="{{ value | escape }}"
25 |                   {% if option.selected_value == value %}checked{% endif %}>
26 |                 <label for="option-{{ option.name | handleize }}-{{ value | handleize }}">
27 |                   {{ value }}
28 |                 </label>
29 |               </li>
30 |             {% endfor %}
31 |           </ul>
32 |         {% else %}
33 |           <label class="form-label" for="option-{{ option.name | handleize }}">
34 |             {{ option.name }}
35 |           </label>
36 |           <select
37 |             id="option-{{ option.name | handleize }}"
38 |             name="option-{{ option.name | handleize }}"
39 |             class="form-select">
40 |             {% for value in option.values %}
41 |               <option 
42 |                 value="{{ value | escape }}" {% if value == option.selected_value %}selected{% endif %}>
43 |                 {{ value }}
44 |               </option>
45 |             {% endfor %}
46 |           </select>
47 |         {% endif %}
48 |       </li>
49 |     {% endfor %}
50 |   </ul>
51 | {% endunless %}
52 | 


--------------------------------------------------------------------------------
/snippets/product-block-price.liquid:
--------------------------------------------------------------------------------
 1 | {% liquid 
 2 |   assign current_variant = product.selected_or_first_available_variant
 3 | 
 4 |   assign pt = block.settings.pt | prepend: 'pt-'
 5 |   assign pb = block.settings.pb | prepend: 'pb-'
 6 | %}
 7 | 
 8 | <div 
 9 |   class="product-price {{ block.settings.font_size }} {{ pt }} {{ pb }}"
10 |   {{ block.shopify_attributes }}>
11 | 
12 |   <div class="d-flex align-items-center">
13 | 
14 |     <s 
15 |       class="product-price-compare" 
16 |       {% unless current_variant.compare_at_price > current_variant.price %}hidden{% endunless %}>
17 |       <span class="visually-hidden">
18 |         {{ 'product.regular_price' | t }} 
19 |       </span>
20 |       {{ current_variant.compare_at_price | money_without_trailing_zeros }}
21 |     </s>
22 | 
23 |     <span class="product-price-final {% if current_variant.compare_at_price > current_variant.price %}product-price-final-sale{% endif %}">
24 |       {% if current_variant.compare_at_price > current_variant.price %}
25 |         <span class="visually-hidden">
26 |           {{ 'product.sale_price' | t }} 
27 |         </span>
28 |       {% endif %}
29 |       {{ current_variant.price | money_without_trailing_zeros }}
30 |     </span>
31 | 
32 |     <span 
33 |       class="product-sale-badge badge" 
34 |       data-discount-type="{{ block.settings.badge_discount_type }}"
35 |       {% unless current_variant.compare_at_price > current_variant.price %}hidden{% endunless %}>
36 |       {{ 'product.save' | t }}
37 |       {% if current_variant.compare_at_price > 0 %}
38 |         {% if block.settings.badge_discount_type == 'percentage' %} 
39 |           {{ current_variant.compare_at_price | minus: current_variant.price | times: 100 | divided_by: current_variant.compare_at_price | round | append: '%' }}
40 |         {% else %}
41 |           {{ current_variant.compare_at_price | minus: current_variant.price | money_without_trailing_zeros }}
42 |         {% endif %}
43 |       {% endif %}
44 |     </span> 
45 | 
46 |     <span 
47 |       class="product-sold-out-badge badge"
48 |       {% if current_variant.available %}hidden{% endif %}>
49 |       {{ 'product.sold_out' | t }}
50 |     </span>    
51 |   </div>
52 |       
53 | </div>
54 | 
55 | {{ form | payment_terms }}


--------------------------------------------------------------------------------
/snippets/product-block-richtext.liquid:
--------------------------------------------------------------------------------
 1 | {% liquid 
 2 |   assign pt = block.settings.pt | prepend: 'pt-'
 3 |   assign pb = block.settings.pb | prepend: 'pb-'
 4 | %}
 5 | 
 6 | <div 
 7 |   class="product-block-richtext {{ pt }} {{ pb }}" 
 8 |   {{ block.shopify_attributes }}>
 9 |   {% unless block.settings.title == blank %}
10 |     <h2 class="title {{ block.settings.title_font_size }}">
11 |       {{ block.settings.title }}
12 |     </h2>
13 |   {% endunless %}
14 |   {% if block.settings.description != blank or block.settings.product_description != false %}
15 |     <div class="description rte mb-0 {{ block.settings.description_font_size }} {{ block.settings.description_classes }}">
16 |       {{ block.settings.description }}
17 |       {% if block.settings.product_description %}
18 |         {{ product.description }}
19 |       {% endif %}
20 |     </div>
21 |   {% endif %}
22 | </div>


--------------------------------------------------------------------------------
/snippets/product-block-separator.liquid:
--------------------------------------------------------------------------------
 1 | <div 
 2 |   class="
 3 |     product-block-separator separator-wrappe
 4 |     {{ block.settings.pt | prepend: 'pt-' }} 
 5 |     {{ block.settings.pb | prepend: 'pb-' }}
 6 |   " 
 7 |   {{ block.shopify_attributes }}>
 8 |   <hr 
 9 |     class="separator my-0 {{ block.settings.bg_color }}" 
10 |     style="
11 |       opacity: 1;
12 |       --bs-bg-opacity: {{ block.settings.bg_opacity | append: '%' }};
13 |       height: {{ block.settings.height | append: 'px' }}
14 |     ">
15 | </div>


--------------------------------------------------------------------------------
/snippets/product-block-stock-indicator.liquid:
--------------------------------------------------------------------------------
1 | {% 
2 |   # This feature is supported only in our Premium Shopify Themes. [Browse premium themes](https://www.kondasoft.com/collections/shopify-themes)"
3 | %}


--------------------------------------------------------------------------------
/snippets/product-block-title.liquid:
--------------------------------------------------------------------------------
1 | {% liquid 
2 |   assign pt = block.settings.pt | prepend: 'pt-'
3 |   assign pb = block.settings.pb | prepend: 'pb-'
4 | %}
5 | 
6 | <h1 class="product-title title mb-0 {{ block.settings.title_font_size }} {{ pt }} {{ pb }}" {{ block.shopify_attributes }}>
7 |   {{ product.title }}
8 | </h1>


--------------------------------------------------------------------------------
/snippets/product-block-trust-icons.liquid:
--------------------------------------------------------------------------------
 1 | {% liquid 
 2 |   assign pt = block.settings.pt | prepend: 'pt-'
 3 |   assign pb = block.settings.pb | prepend: 'pb-'
 4 | 
 5 |   if block.settings.text_1 != blank
 6 |     assign text_list = block.settings.text_1 | append: ','
 7 |   endif
 8 |   if block.settings.text_2 != blank
 9 |     assign text_list = block.settings.text_2 | append: ',' | prepend: text_list
10 |   endif
11 |   if block.settings.text_3 != blank
12 |     assign text_list = block.settings.text_3 | append: ',' | prepend: text_list
13 |   endif
14 |   if block.settings.text_4 != blank
15 |     assign text_list = block.settings.text_4 | append: ',' | prepend: text_list
16 |   endif
17 | 
18 |   assign text_list = text_list | split: ','
19 | %}
20 | 
21 | <div 
22 |   class="product-block-icons {{ pt }} {{ pb }} mx-auto" 
23 |   style="max-width: {{ block.settings.max_width }}px;"
24 |   {{ block.shopify_attributes }}>
25 |   <ul
26 |     class="list-unstyled row justify-content-center text-center mx-n2 mb-0"
27 |     aria-label="{{ block.settings.label }}">
28 |     {% for text in text_list %}
29 |       {% liquid
30 |         case forloop.index
31 |           when 1
32 |             assign img = block.settings.img_1
33 |           when 2
34 |             assign img = block.settings.img_2
35 |           when 3
36 |             assign img = block.settings.img_3
37 |           when 4
38 |             assign img = block.settings.img_4
39 |         endcase
40 |       %}
41 |       <li class="col p-2">
42 |         <img 
43 |           class="img-fluid mb-3"
44 |           src="{{ img | image_url: width: block.settings.img_size }}" 
45 |           alt="{{ img.alt }}"
46 |           width="{{ block.settings.img_size }}"
47 |           height="{{ block.settings.img_size | divided_by: img.aspect_ratio | round }}"
48 |           loading="lazy">
49 |         <div class="rte small lh-sm">
50 |           {{ text }}
51 |         </div>
52 |       </li>
53 |     {% endfor %}
54 |   </ul>
55 | </div>


--------------------------------------------------------------------------------
/snippets/product-card-form.liquid:
--------------------------------------------------------------------------------
 1 | {% comment %}
 2 |   Renders an "Add to cart" button or a "Quick view" button if the product has multiple variants
 3 |   Usually it is used with the product card
 4 | 
 5 |   Accepts:
 6 |   - product: {object} The product object
 7 |   - btn_color {string} (Optional) The button color class (bootstrap) to apply to the button
 8 | 
 9 |   Usage:
10 |   {% render 'product-card-form' product: product  %}
11 | {% endcomment %}
12 | 
13 | {% liquid 
14 |   assign btn_color = btn_color | default: settings.product_card_atc_btn_color
15 | %}
16 | 
17 | <product-form>
18 |   {% form 'product', product, data-productid: product.id %}
19 |     {% if product.has_only_default_variant %}
20 |       <input type="hidden" name="id" data-productid="{{ product.id }}" value="{{ product.first_available_variant.id }}">
21 |     {% else %}
22 |       <select 
23 |         class="form-select form-select-sm mb-3"
24 |         name="id" 
25 |         aria-label="{{ 'product.select_variant' | t }}">
26 |         {% for variant in product.variants %}
27 |           <option value="{{ variant.id }}" {% unless variant.available %}disabled{% endunless %}>
28 |             {{ variant.title }} - {{ variant.price | money_without_trailing_zeros }}
29 |           </option>
30 |         {% endfor %}
31 |       </select>
32 |     {% endif %}
33 |     <button
34 |       class="btn btn-atc btn-sm {{ btn_color }}"
35 |       type="submit"
36 |       name="add"
37 |       {% unless product.available %}disabled{% endunless %}>
38 |       {% if product.available %}
39 |         {{ 'product.add_to_cart' | t }}
40 |       {% else %}
41 |         {{ 'product.sold_out' | t }}
42 |       {% endif %}
43 |     </button>
44 |   {% endform %}
45 | </product-form>
46 | 


--------------------------------------------------------------------------------
/snippets/product-card-price.liquid:
--------------------------------------------------------------------------------
 1 | {% comment %}
 2 |   Renders the price paragraph for the product card, but it may be used on other parts when
 3 |   there is a product list
 4 | 
 5 |   Accepts:
 6 |   - product: {object} The product object
 7 | 
 8 |   Usage:
 9 |   {% render 'product-card-price' product: product  %}
10 | {% endcomment %}
11 | 
12 | <p class="product-card-price product-price mb-4">
13 |   {% if product.compare_at_price > product.price %}
14 |     <s class="product-card-price-compare">
15 |       <span class="visually-hidden">
16 |         {{ 'product.regular_price' | t }} 
17 |       </span>
18 |       {{ product.compare_at_price | money_without_trailing_zeros }}
19 |     </s>
20 |     <span class="product-card-price-final product-price-final-sale">
21 |       <span class="visually-hidden">
22 |         {{ 'product.sale_price' | t }} 
23 |       </span>
24 |       {{ product.price | money_without_trailing_zeros }}
25 |     </span>
26 |   {% else %}
27 |     <span class="product-card-price-final">
28 |       {{ product.price | money_without_trailing_zeros }}
29 |     </span>
30 |   {% endif %}
31 | </p>


--------------------------------------------------------------------------------
/snippets/product-card.liquid:
--------------------------------------------------------------------------------
 1 | {% comment %}
 2 |   Renders a product card within a product list. Usually within a collection template or the Product list section
 3 | 
 4 |   Accepts:
 5 |   - product: {object} The product object - https://shopify.dev/docs/api/liquid/objects/product
 6 | 
 7 |   Usage:
 8 |   {% render 'product-card' product: product  %}
 9 | {% endcomment %}
10 | 
11 | <div class="product-card {{ settings.product_card_text_align }}">
12 |   <a 
13 |     href="{{ product.url | within: collection }}" 
14 |     class="product-card-link">
15 |     <div class="product-card-img-wrapper mb-4">      
16 |       {% if product.available == false %}
17 |         <span class="product-sold-out-badge badge"
18 |           {% if current_variant.available %}hidden{% endif %}>
19 |           {{ 'product.sold_out' | t }}
20 |         </span>  
21 |       {% elsif product.compare_at_price > product.price %}
22 |         <span 
23 |           class="product-sale-badge badge"
24 |           data-discount-type="{{ settings.product_card_badge_discount_type }}"> 
25 |           {% if product.compare_at_price > 0 %}
26 |             {% if settings.product_card_badge_discount_type == 'percentage' %} 
27 |               <span class="visually-hidden">
28 |                 {{ 'product.save' | t }} 
29 |               </span>
30 |               {{ product.compare_at_price | minus: product.price | times: 100 | divided_by: product.compare_at_price | round | prepend: '-' | append: '%' }}
31 |             {% else %}
32 |               {{ 'product.save' | t }} 
33 |               {{ product.compare_at_price | minus: product.price | money_without_trailing_zeros }}
34 |             {% endif %}
35 |           {% endif %}
36 |         </span>
37 |       {% endif %}
38 |       {% render 'image-url', img: product.featured_image, orientation: settings.product_card_img_orientation, class: settings.product_card_img_border %}
39 |     </div>
40 |     <h3 class="product-card-title product-title {{ settings.product_card_title_font_size }}">
41 |       {{ product.title }}
42 |     </h3>
43 |     {% render 'product-rating-badge', product: product %}
44 |     {% render 'product-card-price', product: product %}
45 |   </a>
46 |   {% if settings.product_card_show_atc_form %}
47 |     {% render 'product-card-form', product: product %}
48 |   {% endif %}
49 | </div>


--------------------------------------------------------------------------------
/snippets/product-custom-badge.liquid:
--------------------------------------------------------------------------------
 1 | {% liquid 
 2 |   assign metafield_namespace = settings.product_custom_badge_metafield | split: '.' | first
 3 |   assign metafield_key = settings.product_custom_badge_metafield | split: '.' | last
 4 |   assign metafield = product.metafields[metafield_namespace][metafield_key]
 5 | 
 6 |   assign text = metafield | split: '|' | first
 7 |   assign color = metafield | split: '|' | last 
 8 | %}
 9 | 
10 | {% if metafield != blank %}
11 |   <span 
12 |     class="product-custom-badge badge {{ settings.product_custom_badge_bg_color }}"
13 |     style="{% if color != blank %}background: {{ color }} !important{% endif %}">
14 |     {% if color != blank %}
15 |       <span style="border-bottom-color: {{ color | strip | color_darken: 15 }}"></span>
16 |     {% endif %}
17 |     {{ text }}
18 |   </span>
19 | {% endif %}


--------------------------------------------------------------------------------
/snippets/product-rating-badge.liquid:
--------------------------------------------------------------------------------
1 | {% comment %} 
2 |   Loox
3 | {% endcomment %}
4 | <div class="loox-rating" data-id="{{ product.id }}" data-rating="{{ product.metafields.loox.avg_rating }}" data-raters="{{ product.metafields.loox.num_reviews }}"></div>
5 | 
6 | {% comment %} 
7 |   JudgeMe
8 | {% endcomment %}
9 | <div style="{{ jm_style }}" class="jdgm-widget jdgm-preview-badge"  data-id="{{ product.id }}">{{ product.metafields.judgeme.badge }}</div>  


--------------------------------------------------------------------------------
/snippets/rich-snippets.liquid:
--------------------------------------------------------------------------------
  1 | <script type="application/ld+json">
  2 |   {
  3 |     "@context": "http://schema.org",
  4 |     "@type": "Organization",
  5 |     "name": {{ shop.name | json }},
  6 |     {% if settings.logo != nil %}
  7 |       "logo": {{ settings.logo | image_url: width: 500 | prepend: "https:" | json }},
  8 |     {% endif %}
  9 |     "sameAs": [
 10 |       {{ settings.social_facebook | json }},
 11 |       {{ settings.social_instagram | json }},
 12 |       {{ settings.social_x | json }},
 13 |       {{ settings.social_tiktok | json }},
 14 |       {{ settings.social_pinterest | json }},
 15 |       {{ settings.social_snapchat | json }},
 16 |       {{ settings.social_youtube | json }},
 17 |       {{ settings.social_linkedin | json }}
 18 |     ],
 19 |     "url": {{ request.origin | append: page.url | json }}
 20 |   }
 21 | </script>
 22 | 
 23 | {%- if request.page_type == 'index' -%}
 24 |   {% assign potential_action_target = request.origin | append: routes.search_url | append: "?q={search_term_string}" %}
 25 |   <script type="application/ld+json">
 26 |     {
 27 |       "@context": "http://schema.org",
 28 |       "@type": "WebSite",
 29 |       "name": {{ shop.name | json }},
 30 |       "potentialAction": {
 31 |         "@type": "SearchAction",
 32 |         "target": {{ potential_action_target | json }},
 33 |         "query-input": "required name=search_term_string"
 34 |       },
 35 |       "url": {{ request.origin | append: page.url | json }}
 36 |     }
 37 |   </script>
 38 | {%- endif -%}
 39 | 
 40 | {%- if request.page_type == 'product' -%}
 41 |   {%- liquid
 42 |     if product.selected_or_first_available_variant.featured_media
 43 |       assign seo_media = product.selected_or_first_available_variant.featured_media
 44 |     else
 45 |       assign seo_media = product.featured_media
 46 |     endif
 47 |   -%}
 48 | 
 49 |   <script type="application/ld+json">
 50 |     {
 51 |       "@context": "http://schema.org/",
 52 |       "@type": "Product",
 53 |       "name": {{ product.title | json }},
 54 |       "url": {{ request.origin | append: product.url | json }},
 55 |       {% if seo_media -%}
 56 |         "image": [
 57 |           {{ seo_media | image_url: width: 1920 | prepend: "https:" | json }}
 58 |         ],
 59 |       {%- endif %}
 60 |       "description": {{ product.description | strip_html | json }},
 61 |       {% if product.selected_or_first_available_variant.sku != blank -%}
 62 |         "sku": {{ product.selected_or_first_available_variant.sku | json }},
 63 |       {%- endif %}
 64 |       "brand": {
 65 |         "@type": "Brand",
 66 |         "name": {{ product.vendor | json }}
 67 |       },
 68 |       "offers": [
 69 |         {%- for variant in product.variants -%}
 70 |           {
 71 |             "@type" : "Offer",
 72 |             {%- if variant.sku != blank -%}
 73 |               "sku": {{ variant.sku | json }},
 74 |             {%- endif -%}
 75 |             {%- if variant.barcode.size == 12 -%}
 76 |               "gtin12": {{ variant.barcode }},
 77 |             {%- endif -%}
 78 |             {%- if variant.barcode.size == 13 -%}
 79 |               "gtin13": {{ variant.barcode }},
 80 |             {%- endif -%}
 81 |             {%- if variant.barcode.size == 14 -%}
 82 |               "gtin14": {{ variant.barcode }},
 83 |             {%- endif -%}
 84 |             "availability" : "http://schema.org/{% if variant.available %}InStock{% else %}OutOfStock{% endif %}",
 85 |             "price" : {{ variant.price | divided_by: 100.00 | json }},
 86 |             "priceCurrency" : {{ cart.currency.iso_code | json }},
 87 |             "url" : {{ request.origin | append: variant.url | json }}
 88 |           }{% unless forloop.last %},{% endunless %}
 89 |         {%- endfor -%}
 90 |       ]
 91 |     }
 92 |   </script>
 93 | {%- endif -%}
 94 | 
 95 | {%- if request.page_type == 'article' -%}
 96 |   <script type="application/ld+json">
 97 |     {
 98 |       "@context": "http://schema.org",
 99 |       "@type": "Article",
100 |       "articleBody": {{ article.content | strip_html | json }},
101 |       "mainEntityOfPage": {
102 |         "@type": "WebPage",
103 |         "@id": {{ request.origin | append: page.url | json }}
104 |       },
105 |       "headline": {{ article.title | json }},
106 |       {% if article.excerpt != blank %}
107 |         "description": {{ article.excerpt | strip_html | json }},
108 |       {% endif %}
109 |       {% if article.image %}
110 |         "image": [
111 |           {{ article | image_url: width: 1920 | prepend: "https:" | json }}
112 |         ],
113 |       {% endif %}
114 |       "datePublished": {{ article.published_at | date: '%Y-%m-%dT%H:%M:%SZ' | json }},
115 |       "dateCreated": {{ article.created_at | date: '%Y-%m-%dT%H:%M:%SZ' | json }},
116 |       "author": {
117 |         "@type": "Person",
118 |         "name": {{ article.author | json }}
119 |       },
120 |       "publisher": {
121 |         "@type": "Organization",
122 |         "name": {{ shop.name | json }}
123 |       }
124 |     }
125 |   </script>
126 | {%- endif -%}


--------------------------------------------------------------------------------
/snippets/section-header.liquid:
--------------------------------------------------------------------------------
 1 | {% comment %}
 2 |   Renders a header (title and description) that is usually the same accross sections
 3 | 
 4 |   Accepts:
 5 |   - class: {String} (Optional) An optional class (or classes) to apply to header element
 6 | 
 7 |   Usage:
 8 |   {% render 'section-header' %}
 9 | {% endcomment %}
10 | 
11 | {% if section.settings.header_title != blank or section.settings.header_description != blank %}
12 |   <header class="section-header text-center {{ class }}">
13 |     {% unless section.settings.header_title == blank %}
14 |       <h2 class="title {{ section.settings.header_title_font_size }}">
15 |         {{ section.settings.header_title }}
16 |       </h2>
17 |     {% endunless %}
18 |     {% unless section.settings.header_description == blank %}
19 |       <div class="description rte opacity-70 {{ section.settings.header_description_font_size }}">
20 |         {{ section.settings.header_description }}
21 |       </div>
22 |     {% endunless %}
23 |   </header>
24 | {% endif %}


--------------------------------------------------------------------------------
/snippets/styles-scripts.liquid:
--------------------------------------------------------------------------------
 1 | {% comment %} 
 2 |   Global variables
 3 | {% endcomment %}
 4 | <script>
 5 |   Shopify.moneyFormat = '{{ shop.money_format }}'
 6 |   Shopify.routes = Shopify.routes || {}
 7 |   Shopify.routes.cart_add_url = '{{ routes.cart_add_url }}'
 8 |   Shopify.routes.cart_change_url = '{{ routes.cart_change_url }}'
 9 |   Shopify.routes.cart_update_url = '{{ routes.cart_update_url }}'
10 |   Shopify.routes.cart_url = '{{ routes.cart_url }}'
11 |   Shopify.routes.predictive_search_url = '{{ routes.predictive_search_url }}'
12 |   theme = {
13 |     locales: {
14 |       accessibility: {
15 |         remove: '{{ 'general.accessibility.remove' | t }}',
16 |       },
17 |       times: {
18 |         ago: '{{ 'general.times.ago' | t }}',
19 |         moments: '{{ 'general.times.moments' | t }}',
20 |         second: '{{ 'general.times.second' | t }}',
21 |         seconds: '{{ 'general.times.seconds' | t }}',
22 |         minute: '{{ 'general.times.minute' | t }}',
23 |         minutes: '{{ 'general.times.minutes' | t }}',
24 |         hour: '{{ 'general.times.hour' | t }}',
25 |         hours: '{{ 'general.times.hours' | t }}',
26 |         day: '{{ 'general.times.day' | t }}',
27 |         days: '{{ 'general.times.days' | t }}',
28 |         expired: '{{ 'general.times.expired' | t }}',
29 |       },
30 |       product: {
31 |         add_to_cart: '{{ 'product.add_to_cart' | t }}',
32 |         buy_it_now: '{{ 'product.buy_it_now' | t }}',
33 |         save: '{{ 'product.save' | t }}',
34 |         sold_out: '{{ 'product.sold_out' | t }}',
35 |         unavilable: '{{ 'product.unavilable' | t }}',
36 |         quantity: '{{ 'product.quantity' | t }}',
37 |         unavailable: '{{ 'product.unavailable' | t }}',
38 |         product_options: '{{ 'product.product_options' | t }}',
39 |         choose_options: '{{ 'product.choose_options' | t }}',
40 |         quick_view: '{{ 'product.quick_view' | t }}',
41 |         regular_price:'{{ 'product.regular_price' | t }}',
42 |         sale_price: '{{ 'product.sale_price' | t }}',
43 |       },
44 |       wishlist: {
45 |         add: '{{ 'general.wishlist.add' | t }}',
46 |         remove: '{{ 'general.wishlist.remove' | t }}',
47 |       }
48 |     }
49 |   }
50 | </script>
51 | 
52 | {% comment %} 
53 |   Vendor 
54 | {% endcomment %} 
55 | <link href="{{ 'vendor-bootstrap.min.css' | asset_url }}" rel="stylesheet">
56 | <script src="{{ 'vendor-bootstrap.bundle.min.js' | asset_url }}" defer></script>
57 | <link href="{{ 'vendor-swiper.bundle.min.css' | asset_url }}" rel="stylesheet">
58 | <script src="{{ 'vendor-swiper.bundle.min.js' | asset_url }}" defer></script>
59 | 
60 | {% comment %} 
61 |   Styles 
62 | {% endcomment %}
63 | <link href="{{ 'variables.css' | asset_url }}" rel="stylesheet">
64 | <link href="{{ 'base.css' | asset_url }}" rel="stylesheet">
65 | <link href="{{ 'sections.css' | asset_url }}" rel="stylesheet">
66 | <link href="{{ 'cart.css' | asset_url }}" rel="stylesheet">
67 | <link href="{{ 'collection.css' | asset_url }}" rel="stylesheet">
68 | <link href="{{ 'product.css' | asset_url }}" rel="stylesheet">
69 | 
70 | {% comment %} 
71 |   Scripts 
72 | {% endcomment %}
73 | <script src="{{ 'base.js' | asset_url }}" defer></script>
74 | <script src="{{ 'sections.js' | asset_url }}" defer></script>
75 | <script src="{{ 'cart.js' | asset_url }}" defer></script>
76 | <script src="{{ 'collection.js' | asset_url }}" defer></script>
77 | <script src="{{ 'product.js' | asset_url }}" defer></script>
78 | <script src="{{ 'search.js' | asset_url }}" defer></script>
79 | 
80 | {% comment %} 
81 |   Custom 
82 | {% endcomment %}
83 | <link href="{{ 'custom.css' | asset_url }}" rel="stylesheet">
84 | <script src="{{ 'custom.js' | asset_url }}" defer></script>


--------------------------------------------------------------------------------
/snippets/svg-icons.liquid:
--------------------------------------------------------------------------------
 1 | {% comment %}
 2 |   Renders a different SVG icon based on https://iconsvg.xyz
 3 | 
 4 |   Accepts:
 5 |   - icon: {String} The icon name, e.g. cart, account, search
 6 |   - size: {Number} (Optional) The icon size (default is 22)
 7 |   - stroke_width: {Number} (Optional) The icon stroke width (default is 2)
 8 |   - class: {String} (Optional) An optional class to apply to the SVG element
 9 | 
10 |   Usage:
11 |   {% render 'svg-icons' icon: 'menu', size: 24, stroke_width: 2, class: "m-3"  %}
12 | {% endcomment %}
13 | 
14 | <svg 
15 |   xmlns="http://www.w3.org/2000/svg" 
16 |   width="{{ size | default: 22 }}" 
17 |   height="{{ size | default: 22 }}" 
18 |   class="{{ 'svg-icon-' | append: icon }} {{ class }}"
19 |   viewBox="0 0 24 24" 
20 |   fill="none" 
21 |   stroke="currentColor" 
22 |   stroke-width="{{ stroke_width | default: 2 }}" 
23 |   stroke-linecap="round" 
24 |   stroke-linejoin="round">
25 |   {% case icon %}
26 |     {% when 'cart' %}
27 |       {% if settings.cart_icon == 'cart' %}
28 |         <circle cx="10" cy="20.5" r="1"/><circle cx="18" cy="20.5" r="1"/><path d="M2.5 2.5h3l2.7 12.4a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.6l1.6-8.4H7.1"/>
29 |       {% elsif settings.cart_icon == 'bag' %}
30 |         <path d="M6 2L3 6v14c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2V6l-3-4H6zM3.8 6h16.4M16 10a4 4 0 1 1-8 0"/>
31 |       {% endif %}
32 |     {% when 'menu' %}
33 |       <line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line>
34 |     {% when 'account' %}
35 |     <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle>
36 |     {% when 'search' %}
37 |       <circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line>
38 |     {% when 'heart' %}
39 |       <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
40 |     {% when 'recently-viewed' %}
41 |       <path d="M2.5 2v6h6M2.66 15.57a10 10 0 1 0 .57-8.38"/>
42 |     {% when 'x' %}
43 |       <line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line>
44 |     {% when 'more' %}
45 |       <circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle>
46 |     {% when 'minus' %}
47 |       <line x1="5" y1="12" x2="19" y2="12"></line>
48 |     {% when 'plus' %}
49 |       <line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line>
50 |     {% when 'alert-circle' %}
51 |       <circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line>
52 |     {% when 'remove' %}
53 |       <polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line>
54 |     {% when 'lock' %}
55 |       <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
56 |     {% when 'truck' %}
57 |       <rect x="1" y="3" width="15" height="13"></rect><polygon points="16 8 20 8 23 11 23 16 16 16 16 8"></polygon><circle cx="5.5" cy="18.5" r="2.5"></circle><circle cx="18.5" cy="18.5" r="2.5"></circle>
58 |     {% when 'gift' %}
59 |       <polyline points="20 12 20 22 4 22 4 12"></polyline><rect x="2" y="7" width="20" height="5"></rect><line x1="12" y1="22" x2="12" y2="7"></line><path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path><path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path>
60 |     {% when 'maximize' %}
61 |       <path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path>
62 |     {% when 'arrow-top' %}
63 |       <path d="M12 19V6M5 12l7-7 7 7"/>
64 |     {% when 'arrow-bottom' %}
65 |       <path d="M12 5v13M5 12l7 7 7-7"/>
66 |     {% when 'arrow-left' %}
67 |       <path d="M19 12H6M12 5l-7 7 7 7"/>
68 |     {% when 'arrow-right' %}
69 |       <path d="M5 12h13M12 5l7 7-7 7"/>
70 |     {%  when 'chevron-left' %}
71 |       <path d="M15 18l-6-6 6-6"/>
72 |     {%  when 'chevron-right' %}
73 |       <path d="M9 18l6-6-6-6"/>
74 |     {%  when 'chevron-up' %}
75 |       <path d="M18 15l-6-6-6 6"/>
76 |     {%  when 'chevron-down' %}
77 |       <path d="M6 9l6 6 6-6"/>
78 |     {% when 'filter' %}
79 |       <line x1="4" y1="21" x2="4" y2="14"></line><line x1="4" y1="10" x2="4" y2="3"></line><line x1="12" y1="21" x2="12" y2="12"></line><line x1="12" y1="8" x2="12" y2="3"></line><line x1="20" y1="21" x2="20" y2="16"></line><line x1="20" y1="12" x2="20" y2="3"></line><line x1="1" y1="14" x2="7" y2="14"></line><line x1="9" y1="8" x2="15" y2="8"></line><line x1="17" y1="16" x2="23" y2="16"></line>
80 |     {% when 'tag' %}
81 |       <path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"></path><line x1="7" y1="7" x2="7.01" y2="7"></line>
82 |     {% when 'mail' %}
83 |       <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline>
84 |     {% when 'star' %}
85 |       <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon>
86 |     {% when 'play' %}
87 |       <polygon points="5 3 19 12 5 21 5 3" fill="currentColor"></polygon>
88 |     {% when 'phone' %}
89 |       <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
90 |     {% when 'edit' %}
91 |       <path d="M20 14.66V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h5.34"></path><polygon points="18 2 22 6 12 16 8 16 8 12 18 2"></polygon>
92 |     {% when 'time' %}
93 |       <circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline>
94 |   {% endcase %}
95 | </svg> 


--------------------------------------------------------------------------------
/src/bootstrap.scss:
--------------------------------------------------------------------------------
  1 | /*
  2 |   © 2024 KondaSoft
  3 |   https://www.kondasoft.com
  4 | */
  5 | 
  6 | @use "sass:math";
  7 | 
  8 | /*
  9 |   Bootstrap Required Import
 10 | */
 11 | @import '../node_modules/bootstrap/scss/functions';
 12 | 
 13 | /*
 14 |   Variable overrides
 15 | */
 16 | $enable-negative-margins:   true;
 17 | $enable-container-classes:  true;
 18 | $grid-columns:              18;
 19 | $grid-gutter-width:         2rem;
 20 | $grid-row-columns:          10; 
 21 | $headings-font-family:      var(--bs-headings-font-family);
 22 | $headings-font-weight:      var(--bs-headings-font-weight);
 23 | $font-family-base:          var(--bs-body-font-family);
 24 | $small-font-size:           .9em;
 25 | $lead-font-size:            1.1em;
 26 | 
 27 | $grid-breakpoints: (
 28 |   mobile: 0,
 29 |   tablet: 600px,
 30 |   desktop: 1200px
 31 | );
 32 | 
 33 | $spacer: 1rem;
 34 | $spacers: (
 35 |   0: 0,
 36 |   1: $spacer * 0.125,
 37 |   2: $spacer * 0.25,
 38 |   3: $spacer * 0.375,
 39 |   4: $spacer * 0.5,
 40 |   5: $spacer * 0.75,
 41 |   6: $spacer * 1,
 42 |   7: $spacer * 1.25,
 43 |   8: $spacer * 1.5,
 44 |   9: $spacer * 1.75,
 45 |   10: $spacer * 2,
 46 |   11: $spacer * 2.5,
 47 |   12: $spacer * 3,
 48 |   13: $spacer * 4,
 49 |   14: $spacer * 5,
 50 |   15: $spacer * 7.5,
 51 |   16: $spacer * 10,
 52 |   17: $spacer * 12.5,
 53 |   18: $spacer * 15,
 54 |   19: $spacer * 17.5,
 55 |   20: $spacer * 20,
 56 | );
 57 | 
 58 | $h1-font-size: 3rem;
 59 | $h2-font-size: 2.5rem;
 60 | $h3-font-size: 2rem;
 61 | $h4-font-size: 1.5rem;
 62 | $h5-font-size: 1.25rem;
 63 | $h6-font-size: 1rem;
 64 | 
 65 | $font-sizes: (
 66 |   1: 2.5rem,
 67 |   2: 2rem,
 68 |   3: 1.5rem,
 69 |   4: 1.25rem,
 70 |   5: 1.125rem,
 71 |   6: 1rem
 72 | );
 73 | 
 74 | /*
 75 |   Bootstrap Required Import
 76 | */
 77 | @import '../node_modules/bootstrap/scss/variables';
 78 | @import "../node_modules/bootstrap/scss/variables-dark";
 79 | @import "../node_modules/bootstrap/scss/maps";
 80 | @import "../node_modules/bootstrap/scss/mixins";
 81 | @import "../node_modules/bootstrap/scss/utilities";
 82 | 
 83 | /*
 84 |   Map Overrides 
 85 | */ 
 86 | $theme-colors: map-remove($theme-colors, "light");
 87 | $theme-colors: map-remove($theme-colors, "dark");
 88 | $theme-colors: map-remove($theme-colors, "gray");
 89 | 
 90 | $utilities: (
 91 |   "opacity": (
 92 |     property: opacity,
 93 |     values: (
 94 |       0: 0,
 95 |       10: .1,
 96 |       20: .2,
 97 |       30: .3,
 98 |       40: .4,
 99 |       50: .5,
100 |       60: .6,
101 |       70: .7,
102 |       80: .8,
103 |       90: .9,
104 |       100: 1,
105 |     )
106 |   ),
107 |   "font-size": (
108 |     property: font-size,
109 |     class: fs,
110 |     responsive: true,
111 |     values: (
112 |       xs: .8em,
113 |       sm: .9em,
114 |       md: 1em,
115 |       lg: 1.1em,
116 |       xl: 1.2em,
117 |       xxl: 1.4em,
118 |     )
119 |   )
120 | );
121 | 
122 | $utilities: map-merge(
123 |   $utilities,
124 |   (
125 |     "letter-spacing": (
126 |       property: letter-spacing, 
127 |       class: ls,
128 |       values: (
129 |         0: 0,
130 |         1: .05rem,
131 |         2: .1rem,
132 |         3: .15rem,
133 |         4: .2rem,
134 |         5: .25rem,
135 |         6: .3rem,
136 |         7: .35rem,
137 |         8: .4rem,
138 |         9: .45rem,
139 |         10: .5rem,
140 |       )
141 |     )
142 |   )
143 | );
144 | 
145 | $border-widths: (
146 |   0: 0px,
147 |   1: 1px,
148 |   2: 2px,
149 |   3: 3px,
150 |   4: 4px,
151 |   5: 5px,
152 |   6: 6px,
153 |   7: 7px,
154 |   8: 8px,
155 |   9: 9px,
156 |   10: 10px,
157 |   11: 11px,
158 |   12: 12px,
159 |   13: 13px,
160 |   14: 14px,
161 |   15: 15px,
162 |   16: 16px
163 | );
164 | 
165 | $utilities: map-merge(
166 |   $utilities,
167 |   (
168 |     "border-top": (
169 |       property: border-top-width, 
170 |       class: border-top,
171 |       values: $border-widths
172 |     )
173 |   )
174 | );
175 | 
176 | $utilities: map-merge(
177 |   $utilities,
178 |   (
179 |     "border-bottom": (
180 |       property: border-bottom-width, 
181 |       class: border-bottom,
182 |       values: $border-widths
183 |     )
184 |   )
185 | );
186 | 
187 | /*
188 |   Bootstrap Required Import
189 | */
190 | @import '../node_modules/bootstrap/scss/bootstrap';


--------------------------------------------------------------------------------
/templates/404.liquid:
--------------------------------------------------------------------------------
 1 | <div class="container text-center my-14 my-desktop-18">
 2 |   <h1 class="mb-4">
 3 |     {{ 'general.404_page.title' | t }}
 4 |   </h1>
 5 |   <p class="lead mb-7">
 6 |     {{ 'general.404_page.subtext' | t }}
 7 |   </p>
 8 |   <a 
 9 |     href="{{ routes.root_url }}" 
10 |     class="btn btn-primary">
11 |     {{ 'general.404_page.button' | t }}
12 |   </a>
13 | </div>
14 | 


--------------------------------------------------------------------------------
/templates/article.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "sections": {
 3 |     "template-article": {
 4 |       "type": "article-main",
 5 |       "settings": {
 6 |         "img_show": true,
 7 |         "img_orientation": "ratio-16x9",
 8 |         "img_border": "img-thumbnail",
 9 |         "max_width": "720",
10 |         "title_font_size": "h1",
11 |         "article_meta": true,
12 |         "show_tags": true,
13 |         "pt": 8,
14 |         "pb": 10
15 |       }
16 |     }
17 |   },
18 |   "order": [
19 |     "template-article"
20 |   ]
21 | }


--------------------------------------------------------------------------------
/templates/blog.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "sections": {
 3 |     "blog_header_7BFLtm": {
 4 |       "type": "blog-header",
 5 |       "settings": {
 6 |         "bg_color": "bg-primary",
 7 |         "bg_opacity": 5,
 8 |         "bg_gradient": "",
 9 |         "text_color": "text-body",
10 |         "border_top_width": 0,
11 |         "border_bottom_width": 1,
12 |         "border_color": "border-body",
13 |         "border_opacity": 10,
14 |         "container_max_width": "600",
15 |         "img_show": true,
16 |         "img_overlay_color": "#000000",
17 |         "img_overlay_opacity": 30,
18 |         "img_overlay_blur": 5,
19 |         "title_font_size": "h2",
20 |         "description": "<p>Add on optional description for this blog<\/p>",
21 |         "description_font_size": "fs-md",
22 |         "pt": 11,
23 |         "pb": 11,
24 |         "pt_desktop": 13,
25 |         "pb_desktop": 13
26 |       }
27 |     },
28 |     "template-blog": {
29 |       "type": "blog-main",
30 |       "settings": {
31 |         "bg_color": "bg-body",
32 |         "bg_opacity": 100,
33 |         "bg_gradient": "",
34 |         "text_color": "text-body",
35 |         "border_top_width": 0,
36 |         "border_bottom_width": 0,
37 |         "border_color": "border-body",
38 |         "border_opacity": 100,
39 |         "container_max_width": "",
40 |         "limit": 48,
41 |         "show_article_count": true,
42 |         "show_tags": true,
43 |         "tags_btn_color": "btn-outline-primary",
44 |         "article_card_text_align": "text-start",
45 |         "article_card_img_orientation": "ratio-16x9",
46 |         "article_card_img_border": "img-thumbnail",
47 |         "article_card_title_size": "fs-xl",
48 |         "article_card_meta": true,
49 |         "article_card_tags": true,
50 |         "article_card_excerpt": false,
51 |         "breakpoint_mobile": 1,
52 |         "breakpoint_tablet": 2,
53 |         "breakpoint_desktop": 3,
54 |         "pt": 10,
55 |         "pb": 10
56 |       }
57 |     }
58 |   },
59 |   "order": [
60 |     "blog_header_7BFLtm",
61 |     "template-blog"
62 |   ]
63 | }


--------------------------------------------------------------------------------
/templates/cart.liquid:
--------------------------------------------------------------------------------
1 | <script>
2 | window.location.href = '/?cart=true'
3 | </script>


--------------------------------------------------------------------------------
/templates/collection.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "sections": {
 3 |     "collection_header_JKf7mh": {
 4 |       "type": "collection-header",
 5 |       "settings": {
 6 |         "bg_color": "bg-primary",
 7 |         "bg_opacity": 10,
 8 |         "bg_gradient": "",
 9 |         "text_color": "text-white",
10 |         "border_top_width": 0,
11 |         "border_bottom_width": 0,
12 |         "border_color": "border-body",
13 |         "border_opacity": 100,
14 |         "container_max_width": "600",
15 |         "img_show": true,
16 |         "img_overlay_color": "#000000",
17 |         "img_overlay_opacity": 30,
18 |         "img_overlay_blur": 0,
19 |         "title_font_size": "h2",
20 |         "description_show": true,
21 |         "description_font_size": "fs-md",
22 |         "pt": 12,
23 |         "pb": 12,
24 |         "pt_desktop": 14,
25 |         "pb_desktop": 14
26 |       }
27 |     },
28 |     "collection_products_Fx3hb6": {
29 |       "type": "collection-products",
30 |       "settings": {
31 |         "bg_color": "bg-body",
32 |         "bg_opacity": 100,
33 |         "bg_gradient": "",
34 |         "text_color": "text-body",
35 |         "border_top_width": 0,
36 |         "border_bottom_width": 0,
37 |         "border_color": "border-body",
38 |         "border_opacity": 100,
39 |         "container_max_width": "",
40 |         "limit": 48,
41 |         "show_product_count": true,
42 |         "show_filters": true,
43 |         "filters_btn_color": "btn-outline-secondary",
44 |         "show_sort_by": true,
45 |         "sort_by_btn_color": "btn-outline-secondary",
46 |         "breakpoint_mobile": 2,
47 |         "breakpoint_tablet": 3,
48 |         "breakpoint_desktop": 4,
49 |         "pt": 10,
50 |         "pb": 10
51 |       }
52 |     },
53 |     "da87b500-2710-4252-99e4-4bd5db55af39": {
54 |       "type": "separator",
55 |       "disabled": true,
56 |       "settings": {
57 |         "bg_color": "bg-body text-body",
58 |         "bg_opacity": 10,
59 |         "height": 1,
60 |         "container": "container",
61 |         "container_max_width": "",
62 |         "pt": 0,
63 |         "pb": 0
64 |       }
65 |     }
66 |   },
67 |   "order": [
68 |     "collection_header_JKf7mh",
69 |     "collection_products_Fx3hb6",
70 |     "da87b500-2710-4252-99e4-4bd5db55af39"
71 |   ]
72 | }


--------------------------------------------------------------------------------
/templates/gift_card.liquid:
--------------------------------------------------------------------------------
  1 | {% layout none %}
  2 | 
  3 | {% assign formatted_initial_value = gift_card.initial_value | money_without_trailing_zeros %}
  4 | {% assign formatted_initial_value_stripped = formatted_initial_value | strip_html %}
  5 | 
  6 | <!DOCTYPE html>
  7 | <html>
  8 | 
  9 | <head>
 10 | 
 11 |   <meta charset="utf-8">
 12 |   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 13 |   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 14 |   <meta name="format-detection" content="telephone=no">
 15 | 
 16 |   <title>Here's your {{ formatted_initial_value_stripped }} gift card for {{ shop.name }}!</title>
 17 |   <meta name="description" content="Here's your gift card!">
 18 | 
 19 |   {{ 'gift-card.css' | shopify_asset_url | stylesheet_tag }}
 20 |   {{ 'modernizr.gift-card.js' | shopify_asset_url | script_tag }}
 21 |   {{ 'vendor/qrcode.js' | shopify_asset_url | script_tag }}
 22 | 
 23 |   <!--[if lt IE 9]>
 24 |     {{ 'vendor/html5shiv.js' | shopify_asset_url | script_tag }}
 25 |   <![endif]-->
 26 | 
 27 |   <script type='text/javascript'>
 28 |     function selectText(element) {
 29 | 
 30 |         var doc = document;
 31 |         var text = doc.getElementById(element);
 32 | 
 33 |         if (doc.body.createTextRange) { // ms
 34 |             var range = doc.body.createTextRange();
 35 |             range.moveToElementText(text);
 36 |             range.select();
 37 |         } else if (window.getSelection) { // moz, opera, webkit
 38 |             var selection = window.getSelection();
 39 |             var range = doc.createRange();
 40 |             range.selectNodeContents(text);
 41 |             selection.removeAllRanges();
 42 |             selection.addRange(range);
 43 |         }
 44 | 
 45 |     }
 46 |   </script>
 47 | 
 48 | </head>
 49 | 
 50 | <body>
 51 | 
 52 |   <div class="wrap">
 53 | 
 54 |     <header role="banner" id="header">
 55 |       <a href="{{ shop.url }}" class="logo">{{ shop.name }}</a>
 56 |       <a href="{{ shop.url }}" class="shop-url">{{ shop.url | remove: 'http://' }}</a>
 57 |     </header>
 58 | 
 59 |       <main role="main">
 60 | 
 61 |           <div id="gift-card-outer-container" {% if gift_card.expired or gift_card.enabled != true %}class="disabled"{% endif %}>
 62 |             <div id="gift-card-inner-container">
 63 | 
 64 |               <header id="gift-card-header">
 65 |                 <h2>Here's your gift card!</h2>
 66 |                 {% unless gift_card.enabled %}
 67 |                   <span class="tag">Disabled</span>
 68 |                 {% endunless %}
 69 |                 {% if gift_card.expired and gift_card.enabled %}
 70 |                    <span class="tag">Expired on {{ gift_card.expires_on | date: "%d/%m/%y" }}</span>
 71 |                 {% endif %}
 72 |                 {% if gift_card.expired != true and gift_card.expires_on and gift_card.enabled %}
 73 |                   <span class="tag light">Expires on {{ gift_card.expires_on | date: "%d/%m/%y" }}</span>
 74 |                 {% endif %}
 75 |               </header>
 76 | 
 77 |               <div id="gift-card-holder">
 78 |                 <div class="corner top-left"></div>
 79 |                 <div class="corner bottom-right"></div>
 80 |                 <div class="corner top-right"></div>
 81 |                 <div class="corner bottom-left"></div>
 82 |                 <div id="gift-card">
 83 |                   <img src="{{ 'gift-card/card.jpg' | shopify_asset_url }}" alt="Gift card illustration">
 84 |                   {% assign initial_value_size = formatted_initial_value | size %}
 85 |                   <div id="gift-card-amount" class="{% if initial_value_size > 6 %}medium{% endif %}">
 86 |                     {% if gift_card.balance != gift_card.initial_value %}
 87 |                       <span class="tooltip-container"><span class="tooltip-label">{{ gift_card.balance | money }} <small>left</small></span><span class="tooltip-triangle"></span></span>
 88 |                     {% endif %}
 89 |                     <strong>{{ formatted_initial_value }}</strong>
 90 |                   </div>
 91 |                   {% assign code_size = gift_card.code | format_code | size %}
 92 |                   <div id="gift-card-code-outer" class="{% if code_size <= 25 %}large{% elsif code_size > 25 and code_size <= 30 %}medium{% else %}small{% endif %}" onclick="selectText('gift-card-code-digits');">
 93 |                     <div id="gift-card-code-inner">
 94 |                       <strong id="gift-card-code-digits">{{ gift_card.code | format_code }}</strong>
 95 |                     </div>
 96 |                   </div>
 97 |                 </div>
 98 |               </div>
 99 | 
100 |               <div id="gift-card-instructions">
101 |                 <p>Use this code at checkout to redeem your gift card.</p>
102 |               </div>
103 |               <div id="qr-code"></div>
104 |               <script>
105 |                 new QRCode(document.getElementById("qr-code"), {
106 |                   text: "{{ gift_card.qr_identifier }}",
107 |                   width: 120,
108 |                   height: 120
109 |                 });
110 |               </script>
111 |               <div id="gift-card-actions">
112 |                 <a href="{{ shop.url }}" class="btn center" target="_blank">Start Shopping</a>
113 |                 <a href="#" class="action-link left" onclick="window.print();"><i class="ico-16 print"></i>Print</a>
114 |               </div>
115 |             </div>
116 |           </div>
117 |       </main> <!-- / Main -->
118 | 
119 |       <footer role="contentinfo">
120 |         {% if gift_card.pass_url %}
121 |           <a href="{{ gift_card.pass_url }}"><img id="apple-wallet-badge" src="{{ 'gift-card/add-to-apple-wallet.svg' | shopify_asset_url }}" width="120" height="40" alt="Add To Apple Wallet"></a>
122 |         {% endif %}
123 |       </footer>
124 | 
125 |     </div>
126 | 
127 | </body>
128 | </html>
129 | 


--------------------------------------------------------------------------------
/templates/list-collections.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "sections": {
 3 |     "featured_collections_CGE4nM": {
 4 |       "type": "featured-collections",
 5 |       "settings": {
 6 |         "bg_color": "bg-body",
 7 |         "bg_opacity": 100,
 8 |         "bg_gradient": "",
 9 |         "text_color": "text-body",
10 |         "border_top_width": 0,
11 |         "border_bottom_width": 0,
12 |         "border_color": "border-body",
13 |         "border_opacity": 100,
14 |         "container_max_width": "",
15 |         "header_title": "Featured Collections",
16 |         "header_title_font_size": "h2",
17 |         "header_description": "<p>Add on optional description for this section<\/p>",
18 |         "header_description_font_size": "fs-md",
19 |         "slider_speed": 300,
20 |         "slider_navigation": true,
21 |         "slider_pagination": true,
22 |         "slider_pagination_type": "bullets",
23 |         "slider_scrollbar": true,
24 |         "slider_partial_slides_mobile": false,
25 |         "slider_autoplay": 0,
26 |         "collection_card_text_align": "text-center",
27 |         "collection_card_img_orientation": "ratio-4x3",
28 |         "collection_card_img_border": "img-thumbnail",
29 |         "collection_card_show_title": true,
30 |         "collection_card_title_font_size": "fs-lg",
31 |         "collection_card_title_position": "collection-card-title-bottom",
32 |         "collection_card_show_product_count": true,
33 |         "breakpoint_mobile": 1,
34 |         "breakpoint_tablet": 2,
35 |         "breakpoint_desktop": 4,
36 |         "pt": 10,
37 |         "pb": 10
38 |       }
39 |     }
40 |   },
41 |   "order": [
42 |     "featured_collections_CGE4nM"
43 |   ]
44 | }
45 | 


--------------------------------------------------------------------------------
/templates/page.about.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "sections": {
  3 |     "hero_carousel_tdHVay": {
  4 |       "type": "hero-carousel",
  5 |       "blocks": {
  6 |         "slide_eGdG3z": {
  7 |           "type": "slide",
  8 |           "settings": {
  9 |             "img_desktop": "shopify:\/\/shop_images\/lifestyle-1.jpg",
 10 |             "overlay_color": "#000000",
 11 |             "overlay_opacity": 30,
 12 |             "overlay_blur": 5,
 13 |             "subtitle": "Optional Subtitle",
 14 |             "title": "Welcome to our store",
 15 |             "description": "<p>An optional description for this page<\/p>",
 16 |             "btn_primary_text": "",
 17 |             "btn_primary_url": "",
 18 |             "btn_secondary_text": "",
 19 |             "btn_secondary_url": ""
 20 |           }
 21 |         }
 22 |       },
 23 |       "block_order": [
 24 |         "slide_eGdG3z"
 25 |       ],
 26 |       "settings": {
 27 |         "bg_color": "bg-body",
 28 |         "bg_opacity": 100,
 29 |         "bg_gradient": "",
 30 |         "text_color": "text-white",
 31 |         "border_top_width": 0,
 32 |         "border_bottom_width": 0,
 33 |         "border_color": "border-body",
 34 |         "border_opacity": 100,
 35 |         "carousel_controls": true,
 36 |         "carousel_indicators": true,
 37 |         "carousel_transition": "slide",
 38 |         "carousel_transition_duration": 500,
 39 |         "carousel_autoplay": 5,
 40 |         "carousel_effect": "carousel-zoom-in",
 41 |         "media_mobile_height": 400,
 42 |         "media_desktop_height": 500,
 43 |         "media_adapt": false,
 44 |         "media_full": false,
 45 |         "caption_max_width": "900",
 46 |         "caption_position": "carousel-caption-center",
 47 |         "subtitle_font_size": "fs-md",
 48 |         "title_font_size": "h2",
 49 |         "description_font_size": "fs-lg",
 50 |         "btn_primary_color": "btn-primary",
 51 |         "btn_secondary_color": "btn-secondary",
 52 |         "btn_font_size": "fs-md",
 53 |         "pt": 0,
 54 |         "pb": 0
 55 |       }
 56 |     },
 57 |     "18e3bb8e-f1ba-421c-91c3-37c1c5b25a2a": {
 58 |       "type": "separator",
 59 |       "disabled": true,
 60 |       "settings": {
 61 |         "bg_color": "bg-body text-body",
 62 |         "bg_opacity": 10,
 63 |         "height": 1,
 64 |         "container": "true",
 65 |         "container_max_width": "",
 66 |         "pt": 0,
 67 |         "pb": 0
 68 |       }
 69 |     },
 70 |     "91fa2e27-741f-431f-b658-c6ce03d0f6eb": {
 71 |       "type": "page-content",
 72 |       "settings": {
 73 |         "bg_color": "bg-body",
 74 |         "bg_opacity": 100,
 75 |         "bg_gradient": "",
 76 |         "text_color": "text-body",
 77 |         "border_top_width": 0,
 78 |         "border_bottom_width": 0,
 79 |         "border_color": "border-body",
 80 |         "border_opacity": 10,
 81 |         "container_max_width": "800",
 82 |         "show_title": true,
 83 |         "title_font_size": "h1",
 84 |         "description_font_size": "fs-md",
 85 |         "pt": 9,
 86 |         "pb": 9
 87 |       }
 88 |     },
 89 |     "54fb0ae0-8c55-432c-8b0a-1211e6ba4a0e": {
 90 |       "type": "card-list",
 91 |       "blocks": {
 92 |         "template--15889379819659__54fb0ae0-8c55-432c-8b0a-1211e6ba4a0e-item-1": {
 93 |           "type": "item",
 94 |           "settings": {
 95 |             "img": "shopify:\/\/shop_images\/product-1_baca2f7d-a8b0-4db2-aa52-c4074f562b1d.jpg",
 96 |             "title": "John Doe",
 97 |             "description": "<p>CEO & Founder<\/p>",
 98 |             "btn_text": "Learn more",
 99 |             "btn_url": ""
100 |           }
101 |         },
102 |         "template--15889379819659__54fb0ae0-8c55-432c-8b0a-1211e6ba4a0e-item-2": {
103 |           "type": "item",
104 |           "settings": {
105 |             "img": "shopify:\/\/shop_images\/product-5_4bfb97ab-4193-4461-a4e3-6e06d63b8249.jpg",
106 |             "title": "Jane Doe",
107 |             "description": "<p>Marketing<\/p>",
108 |             "btn_text": "Learn more",
109 |             "btn_url": ""
110 |           }
111 |         },
112 |         "template--15889379819659__54fb0ae0-8c55-432c-8b0a-1211e6ba4a0e-item-4": {
113 |           "type": "item",
114 |           "settings": {
115 |             "img": "shopify:\/\/shop_images\/product-3.jpg",
116 |             "title": "Jim Doe",
117 |             "description": "<p>Sales<\/p>",
118 |             "btn_text": "Learn more",
119 |             "btn_url": ""
120 |           }
121 |         },
122 |         "template--15889379819659__54fb0ae0-8c55-432c-8b0a-1211e6ba4a0e-item-3": {
123 |           "type": "item",
124 |           "settings": {
125 |             "img": "shopify:\/\/shop_images\/product-2_51119e0e-dd95-4bc4-85bc-2db1278575ad.jpg",
126 |             "title": "Jill Doe",
127 |             "description": "<p>Developer<\/p>",
128 |             "btn_text": "Learn more",
129 |             "btn_url": ""
130 |           }
131 |         }
132 |       },
133 |       "block_order": [
134 |         "template--15889379819659__54fb0ae0-8c55-432c-8b0a-1211e6ba4a0e-item-1",
135 |         "template--15889379819659__54fb0ae0-8c55-432c-8b0a-1211e6ba4a0e-item-2",
136 |         "template--15889379819659__54fb0ae0-8c55-432c-8b0a-1211e6ba4a0e-item-4",
137 |         "template--15889379819659__54fb0ae0-8c55-432c-8b0a-1211e6ba4a0e-item-3"
138 |       ],
139 |       "settings": {
140 |         "bg_color": "bg-gradient-body-light text-body",
141 |         "bg_opacity": 100,
142 |         "bg_gradient": "",
143 |         "text_color": "text-body",
144 |         "border_top_width": 0,
145 |         "border_bottom_width": 0,
146 |         "border_color": "border-body",
147 |         "border_opacity": 100,
148 |         "container_max_width": "",
149 |         "header_title": "Our Team",
150 |         "header_title_font_size": "h2",
151 |         "header_description": "<p>Add on optional description for this section<\/p>",
152 |         "header_description_font_size": "fs-md",
153 |         "item_bg_color": "bg-body",
154 |         "item_bg_opacity": 100,
155 |         "item_text_color": "text-body",
156 |         "item_border_width": 1,
157 |         "item_border_color": "border-body",
158 |         "item_border_opacity": 100,
159 |         "item_shadow": "shadow-sm",
160 |         "item_text_align": "text-center",
161 |         "item_img_orientation": "ratio-4x3",
162 |         "item_title_font_size": "h5",
163 |         "item_description_font_size": "fs-md",
164 |         "item_btn_color": "btn-primary",
165 |         "item_btn_size": "btn-sm",
166 |         "breakpoint_mobile": 1,
167 |         "breakpoint_tablet": 2,
168 |         "breakpoint_desktop": 4,
169 |         "pt": 6,
170 |         "pb": 11
171 |       }
172 |     },
173 |     "664feedb-7180-4e8f-a84d-1cf45bc1dd42": {
174 |       "type": "richtext",
175 |       "settings": {
176 |         "bg_color": "bg-body",
177 |         "bg_opacity": 100,
178 |         "bg_gradient": "",
179 |         "text_color": "text-body",
180 |         "border_top_width": 0,
181 |         "border_bottom_width": 0,
182 |         "border_color": "border-body",
183 |         "border_opacity": 100,
184 |         "container_max_width": "900",
185 |         "text_align": "text-center",
186 |         "title": "Want to get in touch?!",
187 |         "title_font_size": "h3",
188 |         "description": "<p>Please contact us anytime from Monday to Friday<\/p>",
189 |         "description_font_size": "",
190 |         "btn_primary_text": "Contact us",
191 |         "btn_primary_url": "shopify:\/\/pages\/contact-us",
192 |         "btn_primary_color": "btn-outline-primary",
193 |         "btn_secondary_text": "",
194 |         "btn_secondary_url": "",
195 |         "btn_secondary_color": "btn-secondary",
196 |         "pt": 6,
197 |         "pb": 12
198 |       }
199 |     },
200 |     "cfc6ff50-e3a5-4219-8350-f2db73f829c8": {
201 |       "type": "separator",
202 |       "disabled": true,
203 |       "settings": {
204 |         "bg_color": "bg-light text-body",
205 |         "bg_opacity": 10,
206 |         "height": 1,
207 |         "container": "container",
208 |         "container_max_width": "",
209 |         "pt": 0,
210 |         "pb": 0
211 |       }
212 |     }
213 |   },
214 |   "order": [
215 |     "hero_carousel_tdHVay",
216 |     "18e3bb8e-f1ba-421c-91c3-37c1c5b25a2a",
217 |     "91fa2e27-741f-431f-b658-c6ce03d0f6eb",
218 |     "54fb0ae0-8c55-432c-8b0a-1211e6ba4a0e",
219 |     "664feedb-7180-4e8f-a84d-1cf45bc1dd42",
220 |     "cfc6ff50-e3a5-4219-8350-f2db73f829c8"
221 |   ]
222 | }


--------------------------------------------------------------------------------
/templates/page.contact.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "sections": {
 3 |     "ba94d905-ea2f-4198-8472-5296b1853fb5": {
 4 |       "type": "contact-form",
 5 |       "settings": {
 6 |         "bg_color": "bg-body",
 7 |         "bg_opacity": 100,
 8 |         "bg_gradient": "",
 9 |         "text_color": "text-body",
10 |         "border_top_width": 0,
11 |         "border_bottom_width": 0,
12 |         "border_color": "border-body",
13 |         "border_opacity": 100,
14 |         "container_max_width": "",
15 |         "header_title": "Contact form",
16 |         "header_title_font_size": "h1",
17 |         "header_description": "<p>Add on optional description for this section<\/p>",
18 |         "header_description_font_size": "",
19 |         "img": "shopify:\/\/shop_images\/product-1_d69f3fea-71ab-46c3-a095-43b62ba2a441.jpg",
20 |         "img_orientation": "ratio-3x4",
21 |         "img_border": "img-thumbnail",
22 |         "pt": 10,
23 |         "pb": 10
24 |       }
25 |     },
26 |     "5d7e9d3e-ba1d-498d-a3fd-144ce2e406e5": {
27 |       "type": "separator",
28 |       "disabled": true,
29 |       "settings": {
30 |         "bg_color": "bg-light text-body",
31 |         "bg_opacity": 10,
32 |         "height": 1,
33 |         "container": "container",
34 |         "container_max_width": "",
35 |         "pt": 0,
36 |         "pb": 0
37 |       }
38 |     },
39 |     "9b5ef318-8d23-40cd-a163-d1f62c2d0834": {
40 |       "type": "richtext",
41 |       "settings": {
42 |         "bg_color": "bg-body",
43 |         "bg_opacity": 100,
44 |         "bg_gradient": "",
45 |         "text_color": "text-body",
46 |         "border_top_width": 0,
47 |         "border_bottom_width": 0,
48 |         "border_color": "border-body",
49 |         "border_opacity": 100,
50 |         "container_max_width": "900",
51 |         "text_align": "text-center",
52 |         "title": "Looking for FAQs?",
53 |         "title_font_size": "h3",
54 |         "description": "<p>View answers to some of the most common questions.<\/p>",
55 |         "description_font_size": "",
56 |         "btn_primary_text": "Read FAQs",
57 |         "btn_primary_url": "shopify:\/\/pages\/faqs",
58 |         "btn_primary_color": "btn-outline-primary",
59 |         "btn_secondary_text": "",
60 |         "btn_secondary_url": "",
61 |         "btn_secondary_color": "btn-secondary",
62 |         "pt": 8,
63 |         "pb": 12
64 |       }
65 |     }
66 |   },
67 |   "order": [
68 |     "ba94d905-ea2f-4198-8472-5296b1853fb5",
69 |     "5d7e9d3e-ba1d-498d-a3fd-144ce2e406e5",
70 |     "9b5ef318-8d23-40cd-a163-d1f62c2d0834"
71 |   ]
72 | }


--------------------------------------------------------------------------------
/templates/page.faq.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "sections": {
  3 |     "91492711-8ea6-4c3d-b346-30c8b72100ec": {
  4 |       "type": "faq",
  5 |       "blocks": {
  6 |         "template--15846749896843__91492711-8ea6-4c3d-b346-30c8b72100ec-item-1": {
  7 |           "type": "item",
  8 |           "settings": {
  9 |             "title": "Where do you ship?",
 10 |             "description": "<p>We ship all around the world... Please provide here you own shipping information, including times, prices, options etc.<\/p>"
 11 |           }
 12 |         },
 13 |         "template--15846749896843__91492711-8ea6-4c3d-b346-30c8b72100ec-item-2": {
 14 |           "type": "item",
 15 |           "settings": {
 16 |             "title": "How long will it take to receive my order",
 17 |             "description": "<p>This depends on whether it is an International or a Domestic order. All orders within the U.S. are considered domestic orders and they are shipped and delivered within 2-5 business days. Please see International Orders for more details.<\/p>"
 18 |           }
 19 |         },
 20 |         "template--15846749896843__91492711-8ea6-4c3d-b346-30c8b72100ec-item-3": {
 21 |           "type": "item",
 22 |           "settings": {
 23 |             "title": "What payment methods do you support?",
 24 |             "description": "<p>We accept PayPal, Visa, MasterCard, Discover, and American Express but feel free to contact us for other payment options.<\/p>"
 25 |           }
 26 |         },
 27 |         "template--15846749896843__91492711-8ea6-4c3d-b346-30c8b72100ec-item-4": {
 28 |           "type": "item",
 29 |           "settings": {
 30 |             "title": "How can I track my order?",
 31 |             "description": "<p>We will send tracking information to the e-mail address associated with your order once the item has shipped. If you have not received your tracking information and it has been over 2 business day, please contact us at (012) 123 - 4567<\/p>"
 32 |           }
 33 |         },
 34 |         "template--15846749896843__91492711-8ea6-4c3d-b346-30c8b72100ec-item-5": {
 35 |           "type": "item",
 36 |           "settings": {
 37 |             "title": "Can I order as a gift for someone else?",
 38 |             "description": "<p>When ordering as a gift for someone, be sure to enter in your email address to receive all summary information but enter in the recipient’s name and shipping information. We will be sure to keep all prices and receipts out of the package.<\/p>"
 39 |           }
 40 |         },
 41 |         "template--15846749896843__91492711-8ea6-4c3d-b346-30c8b72100ec-item-6": {
 42 |           "type": "item",
 43 |           "settings": {
 44 |             "title": "How can I get a refund for my order?",
 45 |             "description": "<p>If for any reason you are not completely satisfied with your purchase, within 30 days of placing your order, we will refund you for your purchase with no questions asked.<\/p>"
 46 |           }
 47 |         }
 48 |       },
 49 |       "block_order": [
 50 |         "template--15846749896843__91492711-8ea6-4c3d-b346-30c8b72100ec-item-1",
 51 |         "template--15846749896843__91492711-8ea6-4c3d-b346-30c8b72100ec-item-2",
 52 |         "template--15846749896843__91492711-8ea6-4c3d-b346-30c8b72100ec-item-3",
 53 |         "template--15846749896843__91492711-8ea6-4c3d-b346-30c8b72100ec-item-4",
 54 |         "template--15846749896843__91492711-8ea6-4c3d-b346-30c8b72100ec-item-5",
 55 |         "template--15846749896843__91492711-8ea6-4c3d-b346-30c8b72100ec-item-6"
 56 |       ],
 57 |       "settings": {
 58 |         "bg_color": "bg-body",
 59 |         "bg_opacity": 100,
 60 |         "bg_gradient": "",
 61 |         "text_color": "text-body",
 62 |         "border_top_width": 0,
 63 |         "border_bottom_width": 0,
 64 |         "border_color": "border-body",
 65 |         "border_opacity": 100,
 66 |         "container_max_width": "",
 67 |         "open_first_item": true,
 68 |         "header_title": "FAQs",
 69 |         "header_title_font_size": "h1",
 70 |         "header_description": "<p>Still need to reach us? Please <a href=\"\/pages\/contact-us\" title=\"Contact us\">contact us<\/a> anytime<\/p>",
 71 |         "header_description_font_size": "fs-md",
 72 |         "pt": 11,
 73 |         "pb": 11
 74 |       }
 75 |     },
 76 |     "664feedb-7180-4e8f-a84d-1cf45bc1dd42": {
 77 |       "type": "richtext",
 78 |       "settings": {
 79 |         "bg_color": "bg-body",
 80 |         "bg_opacity": 100,
 81 |         "bg_gradient": "",
 82 |         "text_color": "text-body",
 83 |         "border_top_width": 0,
 84 |         "border_bottom_width": 0,
 85 |         "border_color": "border-body",
 86 |         "border_opacity": 10,
 87 |         "container_max_width": "900",
 88 |         "text_align": "text-center",
 89 |         "title": "Still have questions?",
 90 |         "title_font_size": "h3",
 91 |         "description": "<p>Please contact us anytime from Monday to Friday<\/p>",
 92 |         "description_font_size": "fs-md",
 93 |         "btn_primary_text": "Contact us",
 94 |         "btn_primary_url": "shopify:\/\/pages\/contact",
 95 |         "btn_primary_color": "btn-primary",
 96 |         "btn_secondary_text": "",
 97 |         "btn_secondary_url": "",
 98 |         "btn_secondary_color": "btn-secondary",
 99 |         "pt": 6,
100 |         "pb": 12
101 |       }
102 |     }
103 |   },
104 |   "order": [
105 |     "91492711-8ea6-4c3d-b346-30c8b72100ec",
106 |     "664feedb-7180-4e8f-a84d-1cf45bc1dd42"
107 |   ]
108 | }


--------------------------------------------------------------------------------
/templates/page.liquid:
--------------------------------------------------------------------------------
 1 | <article class="page py-10">
 2 |   <div class="container">
 3 |     <h1 class="title mb-4">
 4 |       {{ page.title }}
 5 |     </h1>
 6 |     <div class="description rte">
 7 |       {{ page.content }}
 8 |     </div>
 9 |   </div>
10 | </section>


--------------------------------------------------------------------------------
/templates/password.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "layout": "password",
 3 |   "sections": {
 4 |     "template-password": {
 5 |       "type": "password-main",
 6 |       "settings": {
 7 |         "bg_color": "bg-primary",
 8 |         "bg_opacity": 5,
 9 |         "max_width": "600",
10 |         "logo": "shopify:\/\/shop_images\/logo.png",
11 |         "logo_height": 28,
12 |         "social_icons": true
13 |       }
14 |     }
15 |   },
16 |   "order": [
17 |     "template-password"
18 |   ]
19 | }


--------------------------------------------------------------------------------
/templates/search.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "sections": {
 3 |     "template-search": {
 4 |       "type": "search-main",
 5 |       "settings": {
 6 |         "header_title_font_size": "h3",
 7 |         "limit": 48,
 8 |         "breakpoint_mobile": 2,
 9 |         "breakpoint_tablet": 3,
10 |         "breakpoint_desktop": 4,
11 |         "pt": 9,
12 |         "pb": 10
13 |       }
14 |     }
15 |   },
16 |   "order": [
17 |     "template-search"
18 |   ]
19 | }


--------------------------------------------------------------------------------