├── .gitignore ├── LICENSE ├── README.md ├── dist ├── assets │ ├── css │ │ ├── libs.bundle.css │ │ ├── libs.bundle.css.map │ │ ├── theme.bundle.css │ │ └── theme.bundle.css.map │ ├── fonts │ │ └── remixicon.woff │ ├── images │ │ ├── banners │ │ │ ├── banner-1.jpg │ │ │ ├── banner-10.jpg │ │ │ ├── banner-11.jpg │ │ │ ├── banner-12.jpg │ │ │ ├── banner-13.jpg │ │ │ ├── banner-14.jpg │ │ │ ├── banner-15.jpg │ │ │ ├── banner-2.jpg │ │ │ ├── banner-3.jpg │ │ │ ├── banner-4.jpg │ │ │ ├── banner-5.jpg │ │ │ ├── banner-6.jpg │ │ │ ├── banner-7.jpg │ │ │ ├── banner-8.jpg │ │ │ ├── banner-9.jpg │ │ │ ├── banner-category-top.jpg │ │ │ └── banner-sale.jpg │ │ ├── categories │ │ │ ├── category-1.jpg │ │ │ ├── category-2.jpg │ │ │ ├── category-3.jpg │ │ │ ├── category-4.jpg │ │ │ ├── category-5.jpg │ │ │ ├── category-6.jpg │ │ │ ├── category-7.jpg │ │ │ └── category-8.jpg │ │ ├── favicon │ │ │ ├── android-chrome-192x192.png │ │ │ ├── android-chrome-256x256.png │ │ │ ├── apple-touch-icon.png │ │ │ ├── browserconfig.xml │ │ │ ├── favicon-16x16.png │ │ │ ├── favicon-32x32.png │ │ │ ├── favicon.ico │ │ │ └── mstile-150x150.png │ │ ├── logos │ │ │ ├── logo-1.svg │ │ │ ├── logo-2.svg │ │ │ ├── logo-3.svg │ │ │ ├── logo-4.svg │ │ │ ├── logo-5.svg │ │ │ ├── logo-6.svg │ │ │ ├── logo-7.svg │ │ │ ├── logo-8.svg │ │ │ └── logo-9.svg │ │ └── products │ │ │ ├── product-1.jpg │ │ │ ├── product-2.jpg │ │ │ ├── product-3.jpg │ │ │ ├── product-4.jpg │ │ │ ├── product-5.jpg │ │ │ ├── product-6.jpg │ │ │ ├── product-7.jpg │ │ │ ├── product-8.jpg │ │ │ ├── product-cart-1.jpg │ │ │ ├── product-cart-2.jpg │ │ │ ├── product-page-1.jpeg │ │ │ ├── product-page-2.jpeg │ │ │ ├── product-page-3.jpeg │ │ │ ├── product-page-4.jpeg │ │ │ ├── product-page-thumb-1.jpeg │ │ │ └── product-page-thumb-2.jpeg │ ├── js │ │ ├── theme.bundle.js │ │ └── vendor.bundle.js │ └── svgs │ │ ├── alipay.svg │ │ ├── american-express.svg │ │ ├── apple-pay.svg │ │ ├── bitcoin.svg │ │ ├── diners-club.svg │ │ ├── ethereum.svg │ │ ├── girocard.svg │ │ ├── giropay.svg │ │ ├── google-pay.svg │ │ ├── ideal.svg │ │ ├── klarna.svg │ │ ├── maestro.svg │ │ ├── mastercard.svg │ │ ├── paypal.svg │ │ ├── przelewy24.svg │ │ ├── ripple.svg │ │ ├── visa.svg │ │ └── vpay.svg ├── cart.html ├── category.html ├── checkout-payment.html ├── checkout-shipping.html ├── checkout.html ├── forgotten-password.html ├── index.html ├── login.html ├── product.html └── register.html ├── package-lock.json ├── package.json ├── postcss.config.js ├── src ├── assets │ ├── fonts │ │ └── remixicon.woff │ ├── images │ │ ├── banners │ │ │ ├── banner-1.jpg │ │ │ ├── banner-10.jpg │ │ │ ├── banner-11.jpg │ │ │ ├── banner-12.jpg │ │ │ ├── banner-13.jpg │ │ │ ├── banner-14.jpg │ │ │ ├── banner-15.jpg │ │ │ ├── banner-2.jpg │ │ │ ├── banner-3.jpg │ │ │ ├── banner-4.jpg │ │ │ ├── banner-5.jpg │ │ │ ├── banner-6.jpg │ │ │ ├── banner-7.jpg │ │ │ ├── banner-8.jpg │ │ │ ├── banner-9.jpg │ │ │ ├── banner-category-top.jpg │ │ │ └── banner-sale.jpg │ │ ├── categories │ │ │ ├── category-1.jpg │ │ │ ├── category-2.jpg │ │ │ ├── category-3.jpg │ │ │ ├── category-4.jpg │ │ │ ├── category-5.jpg │ │ │ ├── category-6.jpg │ │ │ ├── category-7.jpg │ │ │ └── category-8.jpg │ │ ├── favicon │ │ │ ├── android-chrome-192x192.png │ │ │ ├── android-chrome-256x256.png │ │ │ ├── apple-touch-icon.png │ │ │ ├── browserconfig.xml │ │ │ ├── favicon-16x16.png │ │ │ ├── favicon-32x32.png │ │ │ ├── favicon.ico │ │ │ └── mstile-150x150.png │ │ ├── logos │ │ │ ├── logo-1.svg │ │ │ ├── logo-2.svg │ │ │ ├── logo-3.svg │ │ │ ├── logo-4.svg │ │ │ ├── logo-5.svg │ │ │ ├── logo-6.svg │ │ │ ├── logo-7.svg │ │ │ ├── logo-8.svg │ │ │ └── logo-9.svg │ │ └── products │ │ │ ├── product-1.jpg │ │ │ ├── product-2.jpg │ │ │ ├── product-3.jpg │ │ │ ├── product-4.jpg │ │ │ ├── product-5.jpg │ │ │ ├── product-6.jpg │ │ │ ├── product-7.jpg │ │ │ ├── product-8.jpg │ │ │ ├── product-cart-1.jpg │ │ │ ├── product-cart-2.jpg │ │ │ ├── product-page-1.jpeg │ │ │ ├── product-page-2.jpeg │ │ │ ├── product-page-3.jpeg │ │ │ ├── product-page-4.jpeg │ │ │ ├── product-page-thumb-1.jpeg │ │ │ └── product-page-thumb-2.jpeg │ ├── js │ │ ├── classes │ │ │ └── navbar.js │ │ ├── components │ │ │ ├── aos.js │ │ │ ├── cart-dropdown.js │ │ │ ├── checkout.js │ │ │ ├── medium-zoom.js │ │ │ ├── navbar.js │ │ │ ├── nouislider.js │ │ │ ├── product.js │ │ │ ├── scroll-to.js │ │ │ ├── search.js │ │ │ ├── simplebar.js │ │ │ └── swiper.js │ │ ├── misc.js │ │ └── theme.js │ ├── scss │ │ ├── abstracts │ │ │ ├── _css-vars.scss │ │ │ ├── _mixins.scss │ │ │ └── _sass-variables.scss │ │ ├── base │ │ │ └── _base.scss │ │ ├── components │ │ │ ├── _accordion.scss │ │ │ ├── _badge.scss │ │ │ ├── _breadcrumbs.scss │ │ │ ├── _button.scss │ │ │ ├── _card.scss │ │ │ ├── _cart-dropdown.scss │ │ │ ├── _checkout.scss │ │ │ ├── _collapse.scss │ │ │ ├── _components.scss │ │ │ ├── _container.scss │ │ │ ├── _dropdown.scss │ │ │ ├── _form-check.scss │ │ │ ├── _forms.scss │ │ │ ├── _marquee.scss │ │ │ ├── _navbar.scss │ │ │ ├── _payment-icons.scss │ │ │ ├── _reviews.scss │ │ │ └── _search.scss │ │ ├── custom.scss │ │ ├── libs.scss │ │ ├── theme.scss │ │ ├── utilities │ │ │ ├── _animations.scss │ │ │ ├── _backgrounds.scss │ │ │ ├── _bootstrap-api-utilities.scss │ │ │ ├── _misc.scss │ │ │ ├── _text.scss │ │ │ └── _utilities.scss │ │ └── vendors │ │ │ ├── _vendors.scss │ │ │ ├── medium-zoom │ │ │ └── _medium-zoom.scss │ │ │ ├── nouislider │ │ │ └── nouislider.css │ │ │ ├── remixicon │ │ │ └── _remixicon.scss │ │ │ ├── simplebar │ │ │ └── simplebar.css │ │ │ └── swiper │ │ │ └── _swiper.scss │ └── svgs │ │ ├── alipay.svg │ │ ├── american-express.svg │ │ ├── apple-pay.svg │ │ ├── bitcoin.svg │ │ ├── diners-club.svg │ │ ├── ethereum.svg │ │ ├── girocard.svg │ │ ├── giropay.svg │ │ ├── google-pay.svg │ │ ├── ideal.svg │ │ ├── klarna.svg │ │ ├── maestro.svg │ │ ├── mastercard.svg │ │ ├── paypal.svg │ │ ├── przelewy24.svg │ │ ├── ripple.svg │ │ ├── visa.svg │ │ └── vpay.svg ├── data │ ├── category-filters.json │ ├── category-products.json │ ├── config.json │ ├── customer-reviews.json │ ├── homepage-categories.json │ ├── product-options.json │ ├── slideshow-brands.json │ └── slideshow-instagram.json ├── html │ ├── cart.html │ ├── category.html │ ├── checkout-payment.html │ ├── checkout-shipping.html │ ├── checkout.html │ ├── forgotten-password.html │ ├── index.html │ ├── login.html │ ├── product.html │ └── register.html └── partials │ ├── breadcrumbs │ ├── breadcrumbs-light.html │ └── breadcrumbs.html │ ├── cart │ ├── cart-dropdown │ │ └── cart-dropdown.html │ ├── cart-item.html │ └── cart-summary.html │ ├── checkout │ ├── checkout-header.html │ ├── checkout-information-summary.html │ ├── checkout-information.html │ ├── checkout-payment.html │ ├── checkout-shipping.html │ └── checkout-summary.html │ ├── filters │ ├── filter-checkbox-two.html │ ├── filter-checkbox.html │ ├── filter-collapse.html │ ├── filter-colour.html │ ├── filter-price.html │ └── filter-text.html │ ├── footer │ ├── footer.html │ └── scripts.html │ ├── header │ ├── head │ │ └── head.html │ └── navbar │ │ ├── dropdown-card-image.html │ │ ├── dropdown-links-one.html │ │ ├── menu.html │ │ └── navbar.html │ ├── listing-cards │ └── listing-card.html │ ├── logo │ └── logo-icon.html │ ├── marquee │ └── marquee-logos.html │ ├── modals │ ├── modal-sizeguide.html │ └── modals.html │ ├── offcanvas │ ├── offcanvas-filters.html │ └── offcanvas.html │ ├── options │ ├── option-checkbox.html │ └── option-radio.html │ ├── pagination │ └── pagination.html │ ├── product │ ├── product-gallery.html │ ├── product-info.html │ ├── product-related.html │ └── product-reviews.html │ ├── reviews │ ├── review-stars-medium.html │ ├── review-stars-small.html │ └── review-summary.html │ ├── svg │ └── svg-clip-path-one.svg │ ├── swiper │ ├── swiper-homepage-categories.html │ ├── swiper-homepage-hero.html │ ├── swiper-instagram.html │ └── swiper-related.html │ └── toolbar │ └── toolbar.html └── webpack.config.js /.gitignore: -------------------------------------------------------------------------------- 1 | # Dependency directories 2 | node_modules/ 3 | 4 | # Optional npm cache directory 5 | .npm 6 | 7 | # Optional eslint cache 8 | .eslintcache 9 | 10 | # Output of 'npm pack' 11 | *.tgz 12 | 13 | # Yarn Integrity file 14 | .yarn-integrity 15 | 16 | # Compiled source # 17 | ################### 18 | *.com 19 | *.class 20 | *.dll 21 | *.exe 22 | *.o 23 | *.so 24 | 25 | # Packages # 26 | ############ 27 | # it's better to unpack these files and commit the raw source 28 | # git has its own built in compression methods 29 | *.7z 30 | *.dmg 31 | *.gz 32 | *.iso 33 | *.jar 34 | *.rar 35 | *.tar 36 | *.zip 37 | 38 | # Logs and databases # 39 | ###################### 40 | *.log 41 | *.sql 42 | *.sqlite 43 | 44 | # OS generated files # 45 | ###################### 46 | .DS_Store 47 | .DS_Store? 48 | ._* 49 | .Spotlight-V100 50 | .Trashes 51 | ehthumbs.db 52 | Thumbs.db 53 | 54 | # Logs 55 | logs 56 | *.log 57 | npm-debug.log* 58 | yarn-debug.log* 59 | yarn-error.log* 60 | lerna-debug.log* -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 PixelRocket 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 | -------------------------------------------------------------------------------- /dist/assets/fonts/remixicon.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/fonts/remixicon.woff -------------------------------------------------------------------------------- /dist/assets/images/banners/banner-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/banners/banner-1.jpg -------------------------------------------------------------------------------- /dist/assets/images/banners/banner-10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/banners/banner-10.jpg -------------------------------------------------------------------------------- /dist/assets/images/banners/banner-11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/banners/banner-11.jpg -------------------------------------------------------------------------------- /dist/assets/images/banners/banner-12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/banners/banner-12.jpg -------------------------------------------------------------------------------- /dist/assets/images/banners/banner-13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/banners/banner-13.jpg -------------------------------------------------------------------------------- /dist/assets/images/banners/banner-14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/banners/banner-14.jpg -------------------------------------------------------------------------------- /dist/assets/images/banners/banner-15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/banners/banner-15.jpg -------------------------------------------------------------------------------- /dist/assets/images/banners/banner-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/banners/banner-2.jpg -------------------------------------------------------------------------------- /dist/assets/images/banners/banner-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/banners/banner-3.jpg -------------------------------------------------------------------------------- /dist/assets/images/banners/banner-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/banners/banner-4.jpg -------------------------------------------------------------------------------- /dist/assets/images/banners/banner-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/banners/banner-5.jpg -------------------------------------------------------------------------------- /dist/assets/images/banners/banner-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/banners/banner-6.jpg -------------------------------------------------------------------------------- /dist/assets/images/banners/banner-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/banners/banner-7.jpg -------------------------------------------------------------------------------- /dist/assets/images/banners/banner-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/banners/banner-8.jpg -------------------------------------------------------------------------------- /dist/assets/images/banners/banner-9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/banners/banner-9.jpg -------------------------------------------------------------------------------- /dist/assets/images/banners/banner-category-top.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/banners/banner-category-top.jpg -------------------------------------------------------------------------------- /dist/assets/images/banners/banner-sale.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/banners/banner-sale.jpg -------------------------------------------------------------------------------- /dist/assets/images/categories/category-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/categories/category-1.jpg -------------------------------------------------------------------------------- /dist/assets/images/categories/category-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/categories/category-2.jpg -------------------------------------------------------------------------------- /dist/assets/images/categories/category-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/categories/category-3.jpg -------------------------------------------------------------------------------- /dist/assets/images/categories/category-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/categories/category-4.jpg -------------------------------------------------------------------------------- /dist/assets/images/categories/category-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/categories/category-5.jpg -------------------------------------------------------------------------------- /dist/assets/images/categories/category-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/categories/category-6.jpg -------------------------------------------------------------------------------- /dist/assets/images/categories/category-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/categories/category-7.jpg -------------------------------------------------------------------------------- /dist/assets/images/categories/category-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/categories/category-8.jpg -------------------------------------------------------------------------------- /dist/assets/images/favicon/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/favicon/android-chrome-192x192.png -------------------------------------------------------------------------------- /dist/assets/images/favicon/android-chrome-256x256.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/favicon/android-chrome-256x256.png -------------------------------------------------------------------------------- /dist/assets/images/favicon/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/favicon/apple-touch-icon.png -------------------------------------------------------------------------------- /dist/assets/images/favicon/browserconfig.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | #da532c 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /dist/assets/images/favicon/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/favicon/favicon-16x16.png -------------------------------------------------------------------------------- /dist/assets/images/favicon/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/favicon/favicon-32x32.png -------------------------------------------------------------------------------- /dist/assets/images/favicon/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/favicon/favicon.ico -------------------------------------------------------------------------------- /dist/assets/images/favicon/mstile-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/favicon/mstile-150x150.png -------------------------------------------------------------------------------- /dist/assets/images/logos/logo-4.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 8 | 20 | 21 | -------------------------------------------------------------------------------- /dist/assets/images/logos/logo-5.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 8 | 9 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /dist/assets/images/logos/logo-6.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/assets/images/products/product-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/products/product-1.jpg -------------------------------------------------------------------------------- /dist/assets/images/products/product-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/products/product-2.jpg -------------------------------------------------------------------------------- /dist/assets/images/products/product-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/products/product-3.jpg -------------------------------------------------------------------------------- /dist/assets/images/products/product-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/products/product-4.jpg -------------------------------------------------------------------------------- /dist/assets/images/products/product-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/products/product-5.jpg -------------------------------------------------------------------------------- /dist/assets/images/products/product-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/products/product-6.jpg -------------------------------------------------------------------------------- /dist/assets/images/products/product-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/products/product-7.jpg -------------------------------------------------------------------------------- /dist/assets/images/products/product-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/products/product-8.jpg -------------------------------------------------------------------------------- /dist/assets/images/products/product-cart-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/products/product-cart-1.jpg -------------------------------------------------------------------------------- /dist/assets/images/products/product-cart-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/products/product-cart-2.jpg -------------------------------------------------------------------------------- /dist/assets/images/products/product-page-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/products/product-page-1.jpeg -------------------------------------------------------------------------------- /dist/assets/images/products/product-page-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/products/product-page-2.jpeg -------------------------------------------------------------------------------- /dist/assets/images/products/product-page-3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/products/product-page-3.jpeg -------------------------------------------------------------------------------- /dist/assets/images/products/product-page-4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/products/product-page-4.jpeg -------------------------------------------------------------------------------- /dist/assets/images/products/product-page-thumb-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/products/product-page-thumb-1.jpeg -------------------------------------------------------------------------------- /dist/assets/images/products/product-page-thumb-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/dist/assets/images/products/product-page-thumb-2.jpeg -------------------------------------------------------------------------------- /dist/assets/svgs/apple-pay.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /dist/assets/svgs/bitcoin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /dist/assets/svgs/google-pay.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /dist/assets/svgs/ideal.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /dist/assets/svgs/ripple.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /dist/assets/svgs/visa.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /dist/assets/svgs/vpay.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /dist/forgotten-password.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 44 | 45 | 46 | OldSkool | Bootstrap 5 HTML Template 47 | 48 | 49 | 50 | 51 | 52 |
54 | 55 | 56 | 57 |
58 | 59 | 60 |
61 | 62 |
63 | 64 | 65 |
66 |

Forgotten Password

67 |

Please enter your email below and we will send you a secure link to reset your password.

68 |
69 |
70 | 71 | 72 |
73 | 74 |
75 |
76 | 77 |
78 | 79 | 80 | 81 |
82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "sigma", 3 | "version": "1.0.0", 4 | "description": "Bootstrap HTML Template created by Pixel Rocket", 5 | "scripts": { 6 | "start": "webpack-dev-server --open", 7 | "build": "del-cli dist && webpack -p", 8 | "build-docs": "del-cli docs && webpack --config ./webpack.config.docs.js -p" 9 | }, 10 | "keywords": [], 11 | "author": "PixelRocket", 12 | "license": "MIT", 13 | "devDependencies": { 14 | "@babel/core": "^7.12.10", 15 | "@babel/plugin-syntax-dynamic-import": "^7.8.3", 16 | "@babel/preset-env": "^7.12.11", 17 | "autoprefixer": "^9.0.0", 18 | "babel-loader": "^8.2.2", 19 | "babel-minify-webpack-plugin": "^0.3.1", 20 | "copy-webpack-plugin": "^6.0.3", 21 | "css-loader": "^5.0.1", 22 | "css-minimizer-webpack-plugin": "^1.2.0", 23 | "cssnano": "^4.1.10", 24 | "del-cli": "^3.0.1", 25 | "file-loader": "^6.2.0", 26 | "glob-all": "^3.2.1", 27 | "handlebars-webpack-plugin": "^2.2.1", 28 | "mini-css-extract-plugin": "^0.8.0", 29 | "optimize-css-assets-webpack-plugin": "^5.0.3", 30 | "postcss-loader": "^4.1.0", 31 | "sass": "^1.32.4", 32 | "sass-loader": "^10.1.1", 33 | "style-loader": "^2.0.0", 34 | "webpack": "^4.44.2", 35 | "webpack-cli": "^3.3.12", 36 | "webpack-dev-server": "^3.11.0", 37 | "webpack-fix-style-only-entries": "^0.5.1", 38 | "webpack-merge": "^4.2.2" 39 | }, 40 | "dependencies": { 41 | "@popperjs/core": "^2.5.4", 42 | "aos": "^2.3.4", 43 | "bootstrap": "^5.0.0-beta3", 44 | "choices.js": "^9.0.1", 45 | "medium-zoom": "^1.0.6", 46 | "nouislider": "^14.6.3", 47 | "simplebar": "^5.3.0", 48 | "swiper": "^6.2.0", 49 | "tippy.js": "^6.3.1", 50 | "typed.js": "^2.0.11" 51 | } 52 | } 53 | -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | autoprefixer: {}, 4 | cssnano: {} 5 | } 6 | }; -------------------------------------------------------------------------------- /src/assets/fonts/remixicon.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/fonts/remixicon.woff -------------------------------------------------------------------------------- /src/assets/images/banners/banner-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/banners/banner-1.jpg -------------------------------------------------------------------------------- /src/assets/images/banners/banner-10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/banners/banner-10.jpg -------------------------------------------------------------------------------- /src/assets/images/banners/banner-11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/banners/banner-11.jpg -------------------------------------------------------------------------------- /src/assets/images/banners/banner-12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/banners/banner-12.jpg -------------------------------------------------------------------------------- /src/assets/images/banners/banner-13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/banners/banner-13.jpg -------------------------------------------------------------------------------- /src/assets/images/banners/banner-14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/banners/banner-14.jpg -------------------------------------------------------------------------------- /src/assets/images/banners/banner-15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/banners/banner-15.jpg -------------------------------------------------------------------------------- /src/assets/images/banners/banner-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/banners/banner-2.jpg -------------------------------------------------------------------------------- /src/assets/images/banners/banner-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/banners/banner-3.jpg -------------------------------------------------------------------------------- /src/assets/images/banners/banner-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/banners/banner-4.jpg -------------------------------------------------------------------------------- /src/assets/images/banners/banner-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/banners/banner-5.jpg -------------------------------------------------------------------------------- /src/assets/images/banners/banner-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/banners/banner-6.jpg -------------------------------------------------------------------------------- /src/assets/images/banners/banner-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/banners/banner-7.jpg -------------------------------------------------------------------------------- /src/assets/images/banners/banner-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/banners/banner-8.jpg -------------------------------------------------------------------------------- /src/assets/images/banners/banner-9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/banners/banner-9.jpg -------------------------------------------------------------------------------- /src/assets/images/banners/banner-category-top.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/banners/banner-category-top.jpg -------------------------------------------------------------------------------- /src/assets/images/banners/banner-sale.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/banners/banner-sale.jpg -------------------------------------------------------------------------------- /src/assets/images/categories/category-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/categories/category-1.jpg -------------------------------------------------------------------------------- /src/assets/images/categories/category-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/categories/category-2.jpg -------------------------------------------------------------------------------- /src/assets/images/categories/category-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/categories/category-3.jpg -------------------------------------------------------------------------------- /src/assets/images/categories/category-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/categories/category-4.jpg -------------------------------------------------------------------------------- /src/assets/images/categories/category-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/categories/category-5.jpg -------------------------------------------------------------------------------- /src/assets/images/categories/category-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/categories/category-6.jpg -------------------------------------------------------------------------------- /src/assets/images/categories/category-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/categories/category-7.jpg -------------------------------------------------------------------------------- /src/assets/images/categories/category-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/categories/category-8.jpg -------------------------------------------------------------------------------- /src/assets/images/favicon/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/favicon/android-chrome-192x192.png -------------------------------------------------------------------------------- /src/assets/images/favicon/android-chrome-256x256.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/favicon/android-chrome-256x256.png -------------------------------------------------------------------------------- /src/assets/images/favicon/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/favicon/apple-touch-icon.png -------------------------------------------------------------------------------- /src/assets/images/favicon/browserconfig.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | #da532c 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/images/favicon/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/favicon/favicon-16x16.png -------------------------------------------------------------------------------- /src/assets/images/favicon/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/favicon/favicon-32x32.png -------------------------------------------------------------------------------- /src/assets/images/favicon/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/favicon/favicon.ico -------------------------------------------------------------------------------- /src/assets/images/favicon/mstile-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/favicon/mstile-150x150.png -------------------------------------------------------------------------------- /src/assets/images/logos/logo-4.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 8 | 20 | 21 | -------------------------------------------------------------------------------- /src/assets/images/logos/logo-5.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 8 | 9 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /src/assets/images/products/product-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/products/product-1.jpg -------------------------------------------------------------------------------- /src/assets/images/products/product-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/products/product-2.jpg -------------------------------------------------------------------------------- /src/assets/images/products/product-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/products/product-3.jpg -------------------------------------------------------------------------------- /src/assets/images/products/product-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/products/product-4.jpg -------------------------------------------------------------------------------- /src/assets/images/products/product-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/products/product-5.jpg -------------------------------------------------------------------------------- /src/assets/images/products/product-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/products/product-6.jpg -------------------------------------------------------------------------------- /src/assets/images/products/product-7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/products/product-7.jpg -------------------------------------------------------------------------------- /src/assets/images/products/product-8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/products/product-8.jpg -------------------------------------------------------------------------------- /src/assets/images/products/product-cart-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/products/product-cart-1.jpg -------------------------------------------------------------------------------- /src/assets/images/products/product-cart-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/products/product-cart-2.jpg -------------------------------------------------------------------------------- /src/assets/images/products/product-page-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/products/product-page-1.jpeg -------------------------------------------------------------------------------- /src/assets/images/products/product-page-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/products/product-page-2.jpeg -------------------------------------------------------------------------------- /src/assets/images/products/product-page-3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/products/product-page-3.jpeg -------------------------------------------------------------------------------- /src/assets/images/products/product-page-4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/products/product-page-4.jpeg -------------------------------------------------------------------------------- /src/assets/images/products/product-page-thumb-1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/products/product-page-thumb-1.jpeg -------------------------------------------------------------------------------- /src/assets/images/products/product-page-thumb-2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/images/products/product-page-thumb-2.jpeg -------------------------------------------------------------------------------- /src/assets/js/classes/navbar.js: -------------------------------------------------------------------------------- 1 | export class Navbar { 2 | constructor(menuToggle) { 3 | this.menuToggle = menuToggle; 4 | this.menuParent = this.menuToggle ? this.menuToggle.closest('.dropdown') : false; 5 | this.dropdownMenu = this.menuParent ? this.menuParent.querySelector('.dropdown-menu') : false; 6 | this.showEvents = ['mouseenter']; 7 | this.hideEvents = ['mouseleave', 'click']; 8 | this.cssVarBreakPoint = getComputedStyle(document.documentElement).getPropertyValue('--theme-breakpoint-lg') || '992px'; 9 | this.breakpointLG = parseInt(this.cssVarBreakPoint, 10); 10 | 11 | this.initMenu(); 12 | } 13 | 14 | initMenu() { 15 | const _this = this; 16 | 17 | if (this.menuParent) { 18 | this.showEvents.forEach((event) => { 19 | this.menuParent.addEventListener(event, function () { 20 | _this.showMenu(); 21 | }) 22 | }); 23 | this.hideEvents.forEach((event) => { 24 | this.menuParent.addEventListener(event, function () { 25 | _this.hideMenu(); 26 | }) 27 | }); 28 | } 29 | } 30 | 31 | showMenu() { 32 | 33 | if (window.innerWidth < this.breakpointLG) { 34 | return; 35 | } 36 | 37 | if (this.dropdownMenu) { 38 | this.dropdownMenu.classList.add('show'); 39 | } 40 | if (this.menuToggle) { 41 | this.menuToggle.classList.add('show'); 42 | this.menuToggle.setAttribute('aria-expanded', 'true'); 43 | } 44 | } 45 | 46 | hideMenu() { 47 | 48 | if (window.innerWidth < this.breakpointLG) { 49 | return; 50 | } 51 | 52 | if (this.dropdownMenu) { 53 | this.dropdownMenu.classList.remove('show'); 54 | } 55 | if (this.menuToggle) { 56 | this.menuToggle.classList.remove('show'); 57 | this.menuToggle.setAttribute('aria-expanded', 'false'); 58 | } 59 | } 60 | } -------------------------------------------------------------------------------- /src/assets/js/components/aos.js: -------------------------------------------------------------------------------- 1 | import AOS from 'aos'; 2 | 3 | (function () { 4 | document.addEventListener('DOMContentLoaded', () => { 5 | const options = { 6 | duration: 700, 7 | easing: 'ease-out-quad', 8 | once: true, 9 | startEvent: 'load', 10 | disable: 'mobile' 11 | }; 12 | 13 | AOS.init(options); 14 | }); 15 | })(); -------------------------------------------------------------------------------- /src/assets/js/components/cart-dropdown.js: -------------------------------------------------------------------------------- 1 | import { 2 | createPopper 3 | } from '@popperjs/core'; 4 | 5 | (function () { 6 | const cartWrap = document.querySelector('.dropdown-cart'); 7 | const dropdown = document.querySelector('.cart-dropdown'); 8 | const closeCartBtns = document.querySelectorAll('.btn-close-cart') || []; 9 | 10 | if (cartWrap) { 11 | 12 | // Pass the cartWrap, the cart dropdown, and some options, and Popper will do the 13 | // magic positioning for you: 14 | const popperInstance = createPopper(cartWrap, dropdown, { 15 | placement: 'bottom-end', 16 | }); 17 | 18 | /** 19 | * Show Popper 20 | */ 21 | function show() { 22 | dropdown.setAttribute('data-show', ''); 23 | 24 | // Enable the event listeners 25 | popperInstance.setOptions({ 26 | modifiers: [{ 27 | name: 'eventListeners', 28 | enabled: true 29 | }], 30 | }); 31 | 32 | popperInstance.update(); 33 | } 34 | 35 | /** 36 | * Hide Popper 37 | */ 38 | function hide() { 39 | dropdown.removeAttribute('data-show'); 40 | 41 | // Disable the event listeners 42 | popperInstance.setOptions({ 43 | modifiers: [{ 44 | name: 'eventListeners', 45 | enabled: false 46 | }], 47 | }); 48 | 49 | } 50 | 51 | 52 | /** 53 | * 54 | * Handle click outside our cart dropdown 55 | * @param {*} event 56 | * @returns 57 | */ 58 | function closeOnClickOutside(event) { 59 | let target = event.target; 60 | 61 | do { 62 | if (target === cartWrap) { 63 | return; 64 | } 65 | target = target.parentNode; 66 | } while (target); 67 | 68 | hide(); 69 | } 70 | 71 | // Show cart on hover event 72 | const showEvents = ['mouseenter', 'focus']; 73 | 74 | // Uncomment if you want to show cart on click/touch events 75 | // const showEvents = ['click', 'touchstart']; 76 | 77 | // Hide cart events 78 | const hideEvents = ['mouseleave', 'blur']; 79 | 80 | 81 | showEvents.forEach(event => { 82 | cartWrap.addEventListener(event, show); 83 | }); 84 | 85 | hideEvents.forEach(event => { 86 | cartWrap.addEventListener(event, hide); 87 | }); 88 | 89 | // doesn't look like Popper offers closeOnClickOutside type of config option 90 | // so we need to handle it ourselves 91 | document.addEventListener('click', function (event) { 92 | closeOnClickOutside(event); 93 | }); 94 | 95 | document.addEventListener('touchstart', function (event) { 96 | closeOnClickOutside(event); 97 | }); 98 | 99 | // Event listeners for closing cart dropdown via button 100 | closeCartBtns.forEach(function (btn) { 101 | btn.addEventListener('click', hide); 102 | btn.addEventListener('touchstart', hide); 103 | }); 104 | 105 | } 106 | })(); -------------------------------------------------------------------------------- /src/assets/js/components/checkout.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | const billingToggle = document.querySelector('#same-address'); 3 | const billingSection = document.querySelector('.billing-address'); 4 | const paymentToggles = document.querySelectorAll('[name="checkoutPaymentMethod"]') || []; 5 | const cardFields = document.querySelector('.card-details'); 6 | const paypalInfo = document.querySelector('.paypal-details'); 7 | const STRIPE_ID = 'checoutPaymentStripe'; 8 | const PAYPAL_ID = 'checkoutPaymentPaypal'; 9 | 10 | 11 | const handlePaymentDisplay = ({ 12 | type 13 | }) => { 14 | if (type === STRIPE_ID) { 15 | paypalInfo.classList.add('d-none'); 16 | cardFields.classList.remove('d-none'); 17 | } else { 18 | paypalInfo.classList.remove('d-none'); 19 | cardFields.classList.add('d-none'); 20 | } 21 | } 22 | 23 | if (billingToggle && billingSection) { 24 | billingToggle.addEventListener('change', (e) => { 25 | if (e && e.target && !e.target.checked) { 26 | billingSection.classList.remove('d-none'); 27 | } else { 28 | billingSection.classList.add('d-none'); 29 | } 30 | }) 31 | } 32 | 33 | if (paymentToggles.length > 0) { 34 | paymentToggles.forEach((toggle) => { 35 | toggle.addEventListener('change', (e) => { 36 | if (e && e.target && e.target.id) { 37 | handlePaymentDisplay({ 38 | type: e.target.id 39 | }); 40 | } 41 | }) 42 | }); 43 | } 44 | })(); -------------------------------------------------------------------------------- /src/assets/js/components/medium-zoom.js: -------------------------------------------------------------------------------- 1 | import mediumZoom from 'medium-zoom'; 2 | 3 | (function () { 4 | const zoomImgs = document.querySelectorAll('[data-zoomable]') || []; 5 | const zoomBtns = document.querySelectorAll('[data-zoomable-btn]') || []; 6 | 7 | function handleZoomBtnClick(btn) { 8 | let img = btn.dataset && btn.dataset.src ? document.querySelector(btn.dataset.src) : false; 9 | const zoom = new mediumZoom(img, { 10 | margin: 30 11 | }); 12 | zoom.open(); 13 | } 14 | 15 | zoomBtns.forEach((btn) => { 16 | btn.addEventListener('click', () => { 17 | handleZoomBtnClick(btn); 18 | }) 19 | }); 20 | 21 | zoomImgs.forEach((img) => { 22 | const zoom = new mediumZoom(img, { 23 | margin: 30 24 | }); 25 | }); 26 | })(); -------------------------------------------------------------------------------- /src/assets/js/components/navbar.js: -------------------------------------------------------------------------------- 1 | import { 2 | Navbar 3 | } from '../classes/navbar'; 4 | 5 | (function () { 6 | document.addEventListener('DOMContentLoaded', () => { 7 | const dropdownMenus = document.querySelectorAll('.navbar-nav .dropdown, .navbar-nav .dropend') || []; 8 | const navbarTogglers = document.querySelectorAll('.navbar-toggler') || []; 9 | const NAVBAR_ACTIVE_CLASS = 'navbar-active'; 10 | // if toggle button has this CSS class, we do not add body class to hide overflow. 11 | const NAVBAR_BTN_DISABLE_ADD_BODY_CLASS = 'btn-collapse-expand'; 12 | 13 | // Add css class to body when mobile is active 14 | // use that css class to hide overflow and add padding 15 | const handleActiveMobile = () => { 16 | if (document.body.classList.contains(NAVBAR_ACTIVE_CLASS)) { 17 | document.body.classList.remove(NAVBAR_ACTIVE_CLASS); 18 | } else { 19 | document.body.classList.add(NAVBAR_ACTIVE_CLASS); 20 | } 21 | } 22 | 23 | if (dropdownMenus.length > 0) { 24 | dropdownMenus.forEach((menuToggle) => { 25 | new Navbar(menuToggle); 26 | }) 27 | } 28 | 29 | // handle overflow hidden on body for navbar display on smaller devices 30 | if (navbarTogglers.length > 0) { 31 | navbarTogglers.forEach((toggler) => { 32 | toggler.addEventListener('click', (event) => { 33 | 34 | //if our toggle has a CSS class defined above, return and don't add body class 35 | if (event.target && event.target.classList.contains(NAVBAR_BTN_DISABLE_ADD_BODY_CLASS)) { 36 | return; 37 | } 38 | 39 | handleActiveMobile(); 40 | }); 41 | }) 42 | } 43 | }); 44 | })(); -------------------------------------------------------------------------------- /src/assets/js/components/nouislider.js: -------------------------------------------------------------------------------- 1 | import noUiSlider from 'nouislider'; 2 | 3 | (function () { 4 | var priceSliders = document.querySelectorAll('.filter-price') || []; 5 | 6 | const createPriceSlider = (priceSlider) => { 7 | const parentElem = priceSlider.closest('.widget-filter-price'); 8 | 9 | noUiSlider.create(priceSlider, { 10 | start: [60, 900], 11 | connect: true, 12 | tooltips: [true, true], 13 | range: { 14 | 'min': 0, 15 | 'max': 1000 16 | }, 17 | pips: { 18 | mode: 'values', 19 | values: [0, 250, 500, 750, 1000], 20 | density: 100 21 | } 22 | }); 23 | 24 | var filterMinInput = parentElem ? parentElem.querySelector('.filter-min') : false; 25 | var filterMaxInput = parentElem ? parentElem.querySelector('.filter-max') : false; 26 | const inputs = [filterMinInput, filterMaxInput] 27 | 28 | priceSlider.noUiSlider.on('update', function (values, handle) { 29 | inputs[handle].value = values[handle]; 30 | }); 31 | 32 | filterMinInput.addEventListener('change', function () { 33 | priceSlider.noUiSlider.set([this.value, null]); 34 | }); 35 | 36 | filterMaxInput.addEventListener('change', function () { 37 | priceSlider.noUiSlider.set([null, this.value]); 38 | }); 39 | } 40 | 41 | priceSliders.forEach((priceSlider) => { 42 | createPriceSlider(priceSlider); 43 | }); 44 | })(); -------------------------------------------------------------------------------- /src/assets/js/components/product.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | const productOptions = document.querySelectorAll('.product-option select, .product-option input') || []; 3 | const PARENT_CSS_CLASS = 'product-option'; 4 | const SELECTED_OPTION_CLASS = 'selected-option'; 5 | 6 | const handleOptionChange = ({ 7 | event, 8 | option 9 | }) => { 10 | const optionParent = event.target ? event.target.closest(`.${PARENT_CSS_CLASS}`) : false; 11 | const selectedOptionLabel = optionParent ? optionParent.querySelector(`.${SELECTED_OPTION_CLASS}`) : false; 12 | const selectedOption = event.target && event.target.value ? event.target.value : false; 13 | 14 | if (optionParent && selectedOptionLabel && selectedOption) { 15 | selectedOptionLabel.innerText = selectedOption; 16 | } 17 | } 18 | 19 | productOptions.forEach((option) => { 20 | option.addEventListener('change', (event) => { 21 | handleOptionChange({ 22 | event, 23 | option 24 | }); 25 | }); 26 | }); 27 | })(); -------------------------------------------------------------------------------- /src/assets/js/components/scroll-to.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | const scrollToElems = document.querySelectorAll('[data-pixr-scrollto]') || []; 3 | 4 | scrollToElems.forEach(item => item.addEventListener('click', function (e) { 5 | const target = e && e.target && e.target.dataset && e.target.dataset.target ? e.target.dataset.target : false; 6 | if (target) { 7 | const destination = document.querySelector(target); 8 | if (destination) { 9 | destination.scrollIntoView({ 10 | behavior: 'smooth', 11 | block: 'start' 12 | }); 13 | } 14 | } 15 | })); 16 | })(); -------------------------------------------------------------------------------- /src/assets/js/components/search.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | 3 | const filterSearchBars = document.querySelectorAll('.filter-search') || []; 4 | const searchTrigger = document.querySelector('.search-trigger'); 5 | const searchOverlay = document.querySelector('.search-overlay'); 6 | const searchBar = document.querySelector('.navbar-search'); 7 | const searchInput = document.querySelector('.navbar-search input'); 8 | const closeSearch = document.querySelector('.close-search'); 9 | const ACTIVE_SEARCH_CSS_CLASS = 'search-active'; 10 | const HIDDEN_CSS_CLASS = 'd-none'; 11 | 12 | function toggleSearch() { 13 | 14 | if (document.body.classList.contains(ACTIVE_SEARCH_CSS_CLASS)) { 15 | document.body.classList.remove(ACTIVE_SEARCH_CSS_CLASS); 16 | return; 17 | } 18 | 19 | searchBar.classList.remove(HIDDEN_CSS_CLASS); 20 | setTimeout(() => { 21 | document.body.classList.add(ACTIVE_SEARCH_CSS_CLASS); 22 | if (searchInput) { 23 | searchInput.focus(); 24 | } 25 | }, 150); 26 | } 27 | 28 | if (searchTrigger) { 29 | searchTrigger.addEventListener('click', function () { 30 | toggleSearch(); 31 | }); 32 | } 33 | 34 | if (closeSearch) { 35 | closeSearch.addEventListener('click', function () { 36 | toggleSearch(); 37 | }); 38 | } 39 | 40 | if (searchOverlay) { 41 | searchOverlay.addEventListener('click', function () { 42 | toggleSearch(); 43 | }) 44 | } 45 | 46 | // handle filter navigation on category page 47 | const handleCategoryFilterSearch = (event, search) => { 48 | const filterWidget = event.target.closest('.widget-filter'); 49 | const filterOptions = filterWidget ? filterWidget.querySelectorAll('.filter-options .form-group') : []; 50 | if (search.value && filterOptions && filterWidget) { 51 | filterOptions.forEach((option) => { 52 | if (!option.innerText.trim().toLowerCase().includes(search.value.toLowerCase().trim())) { 53 | option.classList.add('d-none'); 54 | } else { 55 | option.classList.remove('d-none'); 56 | } 57 | }) 58 | return; 59 | } 60 | filterOptions.forEach((option) => { 61 | option.classList.remove('d-none'); 62 | }) 63 | } 64 | 65 | if (filterSearchBars.length > 0) { 66 | filterSearchBars.forEach((search) => { 67 | search.addEventListener('keyup', (event) => { 68 | handleCategoryFilterSearch(event, search); 69 | }); 70 | }) 71 | } 72 | 73 | })(); -------------------------------------------------------------------------------- /src/assets/js/components/simplebar.js: -------------------------------------------------------------------------------- 1 | import SimpleBar from 'simplebar'; 2 | 3 | (function () { 4 | const simpleBars = document.querySelectorAll('[data-pixr-simplebar]') || []; 5 | 6 | simpleBars.forEach((simplebar) => { 7 | new SimpleBar(simplebar, { 8 | autoHide: false 9 | }) 10 | }); 11 | })(); -------------------------------------------------------------------------------- /src/assets/js/components/swiper.js: -------------------------------------------------------------------------------- 1 | import Swiper, { 2 | Navigation, 3 | Pagination, 4 | Scrollbar, 5 | Autoplay, 6 | Mousewheel, 7 | Keyboard, 8 | Parallax, 9 | Lazy, 10 | EffectFade, 11 | Thumbs, 12 | Controller, 13 | } from 'swiper'; 14 | 15 | Swiper.use([Navigation, Pagination, Scrollbar, Autoplay, Mousewheel, Keyboard, Parallax, Lazy, EffectFade, Thumbs, Controller]); 16 | 17 | (function () { 18 | document.addEventListener('DOMContentLoaded', () => { 19 | const swipers = document.querySelectorAll('[data-swiper]') || []; 20 | 21 | swipers.forEach((elem) => { 22 | let options = elem.dataset && elem.dataset.options ? JSON.parse(elem.dataset.options) : {}; 23 | var swiper = new Swiper(elem, options); 24 | }); 25 | 26 | 27 | 28 | }) 29 | })(); -------------------------------------------------------------------------------- /src/assets/js/misc.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 3 | 4 | // Add a body class once page has loaded 5 | // Used to add CSS transitions to elems 6 | // and avoids content shifting during page load 7 | window.addEventListener('load', function() { 8 | document.body.classList.add('page-loaded'); 9 | }); 10 | 11 | })(); -------------------------------------------------------------------------------- /src/assets/js/theme.js: -------------------------------------------------------------------------------- 1 | // Vendor Imports 2 | import 'bootstrap'; 3 | 4 | 5 | // Components 6 | import './components/aos'; 7 | import './components/cart-dropdown'; 8 | import './components/checkout'; 9 | import './components/medium-zoom'; 10 | import './components/navbar'; 11 | import './components/nouislider'; 12 | import './components/product'; 13 | import './components/scroll-to'; 14 | import './components/search'; 15 | import './components/simplebar'; 16 | import './components/swiper'; 17 | 18 | 19 | 20 | // theme misc js 21 | import './misc'; -------------------------------------------------------------------------------- /src/assets/scss/abstracts/_css-vars.scss: -------------------------------------------------------------------------------- 1 | :root { 2 | /* Bootstrap vars */ 3 | --bs-font-sans-serif: 'Roboto', sans-serif; 4 | --bs-spacer: #{$spacer}; 5 | --bs-gutter-width: #{$grid-gutter-width}; 6 | 7 | /* Theme vars */ 8 | --theme-font-headings: 'Oswald', sans-serif; 9 | 10 | /* Icon font family */ 11 | --theme-font-icon: 'remixicon'; 12 | --theme-font-icon-style: 'normal'; 13 | 14 | /* theme breakpoints using Bootstrap sass map */ 15 | @each $breakpoint, $value in $grid-breakpoints { 16 | --theme-breakpoint-#{$breakpoint}: #{$value}; 17 | } 18 | 19 | /* theme max widths using sass map */ 20 | @each $breakpoint, $value in $container-max-widths { 21 | --theme-maxwidth-breakpoint-#{$breakpoint}: #{$value}; 22 | } 23 | 24 | /* Custom checkbox styles */ 25 | --theme-form-checkbox-before-size: 20px; 26 | --theme-form-checkbox-bg-before-size: 28px; 27 | --theme-form-checkbox-after-width: 6px; 28 | --theme-form-checkbox-after-height: 12px; 29 | --theme-form-checkbox-border-radius: 2px; 30 | --theme-form-checkbox-after-position-left: 7px; 31 | --theme-form-checkbox-after-position-top: 4px; 32 | --theme-form-checkbox-bg-after-position-left: 11px; 33 | --theme-form-checkbox-bg-after-position-top: 7px; 34 | --theme-form-checkbox-after-border-width: 2px; 35 | --theme-form-checkbox-active-color: #{$dark}; 36 | --theme-form-radio-button-after-size: 10px; 37 | --theme-form-radio-button-after-position-left: 5px; 38 | --theme-form-radio-button-after-position-top: 6px; 39 | 40 | --theme-form-radio-button-border-radius: 100%; 41 | 42 | /* Custom button styles */ 43 | --theme-btn-psuedo-width: 50px; 44 | --theme-btn-psuedo-height: 2px; 45 | 46 | /* Cart Dropdown */ 47 | --theme-cart-dropdown-width: 28rem; 48 | 49 | } -------------------------------------------------------------------------------- /src/assets/scss/abstracts/_mixins.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/scss/abstracts/_mixins.scss -------------------------------------------------------------------------------- /src/assets/scss/base/_base.scss: -------------------------------------------------------------------------------- 1 | /* generic site wide styles*/ 2 | body { 3 | overflow-x: hidden; 4 | } 5 | 6 | h1, h2, h3, h4, h5, h6, .heading-font { 7 | font-family: var(--theme-font-headings); 8 | } 9 | 10 | .disable-child-pointer * { 11 | pointer-events: none; 12 | } -------------------------------------------------------------------------------- /src/assets/scss/components/_accordion.scss: -------------------------------------------------------------------------------- 1 | .accordion-button { 2 | border-bottom: 1px solid $border-color; 3 | 4 | &:active, &:focus { 5 | box-shadow: none; 6 | } 7 | } -------------------------------------------------------------------------------- /src/assets/scss/components/_badge.scss: -------------------------------------------------------------------------------- 1 | .badge-card { 2 | background: rgba(255,255,255, .9); 3 | color: $text-muted; 4 | letter-spacing: 1px; 5 | padding: .5rem .75rem; 6 | display: flex; 7 | align-items: center; 8 | margin-right: .25rem; 9 | } -------------------------------------------------------------------------------- /src/assets/scss/components/_breadcrumbs.scss: -------------------------------------------------------------------------------- 1 | .breadcrumb-item { 2 | text-transform: uppercase; 3 | color: $text-muted; 4 | letter-spacing: .04rem; 5 | 6 | a { 7 | color: $text-muted; 8 | } 9 | } 10 | 11 | .breadcrumb-item a { 12 | text-decoration: none; 13 | } 14 | 15 | .breadcrumb-item.breadcrumb-light { 16 | color: $white; 17 | 18 | &:before { 19 | color: $white; 20 | } 21 | 22 | a { 23 | color: $white; 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /src/assets/scss/components/_button.scss: -------------------------------------------------------------------------------- 1 | .btn { 2 | &:active, &:focus { 3 | box-shadow: none; 4 | } 5 | } 6 | 7 | /* Card quick add button */ 8 | .btn-quick-add { 9 | width: 100%; 10 | background: rgba(255, 255, 255, .8); 11 | display: flex; 12 | align-items: center; 13 | justify-content: center; 14 | transition: opacity ease-in .2s; 15 | opacity: 0; 16 | } 17 | .card:hover .btn-quick-add { 18 | opacity: 1; 19 | } 20 | 21 | /* Button psuedo */ 22 | .btn-psuedo { 23 | padding-left: 0; 24 | padding-right: calc(var(--theme-btn-psuedo-width) + 1rem); 25 | position: relative; 26 | transition: all ease-in .2s; 27 | overflow: hidden; 28 | text-transform: uppercase; 29 | font-size: .8rem; 30 | font-weight: 600; 31 | letter-spacing: 1px; 32 | 33 | &:before, &:after { 34 | width: var(--theme-btn-psuedo-width); 35 | height: var(--theme-btn-psuedo-height); 36 | background-color: currentColor; 37 | position: absolute; 38 | top: 0; 39 | bottom: 0; 40 | margin: auto; 41 | display: block; 42 | content: ""; 43 | } 44 | 45 | &:before { 46 | left: calc(-1 * var(--theme-btn-psuedo-width)); 47 | transition: all ease-in .2s; 48 | } 49 | &:after { 50 | right: 0; 51 | transition: all ease-in .2s .1s; 52 | } 53 | 54 | &:hover { 55 | padding-left: calc(var(--theme-btn-psuedo-width) + 1rem); 56 | padding-right: 0; 57 | 58 | &:before { 59 | left: 0; 60 | transition: all ease-in .2s .1s; 61 | } 62 | &:after { 63 | right: calc(-1 * var(--theme-btn-psuedo-width)); 64 | transition: all ease-in .2s; 65 | } 66 | } 67 | } 68 | 69 | /* icon buttons */ 70 | .btn-icon { 71 | width: 50px; 72 | height: 50px; 73 | padding: 0; 74 | display: flex; 75 | align-items: center; 76 | justify-content: center; 77 | line-height: 1; 78 | border-radius: 100%; 79 | 80 | &.btn-lg { 81 | width: 80px; 82 | height: 80px; 83 | } 84 | 85 | &.btn-sm { 86 | width: 36px; 87 | height: 36px; 88 | } 89 | } -------------------------------------------------------------------------------- /src/assets/scss/components/_card.scss: -------------------------------------------------------------------------------- 1 | 2 | .card-badges { 3 | position: absolute; 4 | z-index: 20; 5 | margin-top: .5rem; 6 | margin-left: .5rem; 7 | display: flex; 8 | align-items: center; 9 | } 10 | 11 | 12 | /* card expand */ 13 | .card-expand { 14 | padding-left: var(--bs-gutter-width); 15 | padding-right: var(--bs-gutter-width); 16 | } 17 | 18 | /* handle width calc for smaller devices */ 19 | @include media-breakpoint-up(md) { 20 | .card-expand { 21 | width: auto; 22 | } 23 | } 24 | @include media-breakpoint-up(xl) { 25 | .card-expand { 26 | width: calc(50vw + (var(--theme-maxwidth-breakpoint-xl) / 2) - (var(--bs-spacer) * 2)); 27 | margin-left: auto; 28 | margin-right: 0; 29 | padding-right: var(--swiper-slide-spacing); 30 | padding-left: 0; 31 | } 32 | } 33 | @include media-breakpoint-up(xxl) { 34 | .card-expand { 35 | width: calc(50vw + (var(--theme-maxwidth-breakpoint-xxl) / 2) - (var(--bs-spacer) * 2)); 36 | } 37 | } 38 | 39 | /* card svg clip-path */ 40 | 41 | .img-clip-shape-one { 42 | border-radius: $border-radius; 43 | overflow: hidden; 44 | } 45 | 46 | @include media-breakpoint-up(xl) { 47 | .img-clip-shape-one { 48 | clip-path: url("#svg-slanted-one"); 49 | border-radius: 0; 50 | overflow: visible; 51 | } 52 | } 53 | 54 | .card-title-rotate { 55 | transition: all ease-in .3s; 56 | transform: rotate(-90deg); 57 | transform-origin: left top; 58 | } 59 | 60 | .card-rotate { 61 | overflow: hidden; 62 | } 63 | 64 | .card-img-zoom { 65 | transition: all ease-in .5s; 66 | } 67 | 68 | .card-rotate .link-cover:after { 69 | background: rgba(0,0,0,.2); 70 | z-index: 10; 71 | } 72 | 73 | .card:hover { 74 | .card-img-zoom { 75 | transform: scale(1.02); 76 | } 77 | .card-title-show-hover, .card-link-show-hover { 78 | opacity: 1; 79 | transform: translateY(0) 80 | } 81 | .card-title-wrapper { 82 | bottom: -100%; 83 | } 84 | } 85 | 86 | 87 | .card-rotate .card-title-wrapper { 88 | transition: all ease-in .3s .2s; 89 | position: absolute; 90 | bottom: 0; 91 | left: 1rem; 92 | z-index: 20; 93 | } 94 | 95 | .card-link-show-hover { 96 | position: absolute; 97 | bottom: 1rem; 98 | right: 1rem; 99 | transition: all ease-in .2s .2s; 100 | transform: translateY(20%); 101 | opacity: 0; 102 | z-index: 20; 103 | } 104 | 105 | .card-title-show-hover { 106 | transition: all ease-in .3s; 107 | transform: translateY(-20%); 108 | opacity: 0; 109 | z-index: 20; 110 | position: relative; 111 | } 112 | 113 | /* card overlay */ 114 | .card-overlay { 115 | position: absolute; 116 | top: 0; 117 | left: 0; 118 | right: 0; 119 | bottom: 0; 120 | background: rgba(0,0,0,.5); 121 | z-index: 10; 122 | border-radius: $border-radius; 123 | display: flex; 124 | justify-content: center; 125 | align-items: center; 126 | color: $white; 127 | flex-direction: column; 128 | opacity: 0; 129 | } 130 | .page-loaded .card-overlay { 131 | transition: opacity ease-in .2s; 132 | } 133 | 134 | .card:hover { 135 | .card-overlay { 136 | opacity: 1; 137 | } 138 | } -------------------------------------------------------------------------------- /src/assets/scss/components/_cart-dropdown.scss: -------------------------------------------------------------------------------- 1 | .cart-dropdown.dropdown-menu { 2 | display: none; 3 | min-width: var(--theme-cart-dropdown-width); 4 | margin: 0; 5 | z-index: 9999; 6 | } 7 | 8 | .cart-dropdown[data-show] { 9 | display: block; 10 | } 11 | 12 | @include media-breakpoint-down(sm) { 13 | .cart-dropdown.dropdown-menu { 14 | --theme-cart-dropdown-width: 350px; 15 | } 16 | } -------------------------------------------------------------------------------- /src/assets/scss/components/_checkout.scss: -------------------------------------------------------------------------------- 1 | /* Checkout component styles */ 2 | 3 | .aside-checkout { 4 | position: relative; 5 | 6 | &:after { 7 | background: $gray-100; 8 | width: 300%; 9 | content: ""; 10 | position: absolute; 11 | top: 0; 12 | left: 0; 13 | height: 100%; 14 | bottom: 0; 15 | z-index: -1; 16 | } 17 | } 18 | 19 | @include media-breakpoint-down(lg) { 20 | .aside-checkout:after { 21 | display: none; 22 | } 23 | } 24 | 25 | .nav-link-checkout { 26 | text-decoration: none; 27 | color: $text-muted; 28 | opacity: .75; 29 | position: relative; 30 | padding: 0; 31 | 32 | &:after { 33 | font-family: var(--theme-font-icon); 34 | content: "\EA6E"; 35 | position: absolute; 36 | right: -1.25rem; 37 | top: 0; 38 | } 39 | 40 | &:before { 41 | content: ""; 42 | display: block; 43 | position: absolute; 44 | width: 100%; 45 | height: 2px; 46 | background: $body-color; 47 | bottom: -5px; 48 | left: 0; 49 | right: 0; 50 | opacity: 0; 51 | transition: all linear .3s; 52 | } 53 | 54 | &.nav-link-last { 55 | &:after { 56 | display: none; 57 | } 58 | } 59 | 60 | &.active, 61 | &:hover, 62 | &:active, 63 | &:focus { 64 | color: $body-color; 65 | opacity: 1; 66 | 67 | &:before { 68 | opacity: 1; 69 | } 70 | } 71 | 72 | } 73 | 74 | /* Qty number used in checkout summary */ 75 | .checkout-item-qty { 76 | position: absolute; 77 | border-radius: 100%; 78 | width: 1.5rem; 79 | height: 1.5rem; 80 | display: flex; 81 | justify-content: center; 82 | align-items: center; 83 | font-weight: 500; 84 | top: -8px; 85 | right: -8px; 86 | background: $gray-900; 87 | color: $white; 88 | font-size: 74%; 89 | } 90 | 91 | .page-loaded .nav-link-checkout { 92 | transition: all linear .3s; 93 | } -------------------------------------------------------------------------------- /src/assets/scss/components/_collapse.scss: -------------------------------------------------------------------------------- 1 | /* Collapse icon chevron styling */ 2 | .collapse-icon-chevron { 3 | position: relative; 4 | 5 | &:before { 6 | font-family: var(--theme-font-icon); 7 | content: "\ea4e"; 8 | position: absolute; 9 | right: 0; 10 | top: 50%; 11 | transform: translateY(-50%); 12 | display: block; 13 | } 14 | 15 | &[aria-expanded="true"] { 16 | &:before { 17 | content: "\ea78"; 18 | } 19 | } 20 | } 21 | 22 | /* Collapse icon plus/minus styling */ 23 | .collapse-icon-plus { 24 | position: relative; 25 | 26 | &:before { 27 | font-family: var(--theme-font-icon); 28 | content: "\ea13"; 29 | position: absolute; 30 | right: 0; 31 | top: 50%; 32 | transform: translateY(-50%); 33 | display: block; 34 | } 35 | 36 | &[aria-expanded="true"] { 37 | &:before { 38 | content: "\f1af"; 39 | } 40 | } 41 | } 42 | 43 | /* Collapse icon position left */ 44 | .collapse-icon-left { 45 | padding-left: 1.5rem !important; 46 | 47 | &:before { 48 | right: auto; 49 | left: 0; 50 | } 51 | } 52 | 53 | /* Collapse icon bg dark */ 54 | .collapse-icon-bg-dark { 55 | &:before { 56 | background: $gray-900; 57 | width: 24px; 58 | height: 24px; 59 | border-radius: 100%; 60 | text-align: center; 61 | color: $white; 62 | line-height: 24px; 63 | } 64 | 65 | &.collapse-icon-left { 66 | padding-left: 2.25rem !important; 67 | } 68 | } -------------------------------------------------------------------------------- /src/assets/scss/components/_components.scss: -------------------------------------------------------------------------------- 1 | /* Accordion */ 2 | @import './accordion'; 3 | 4 | /* Badge */ 5 | @import './badge'; 6 | 7 | /* Button */ 8 | @import './button'; 9 | 10 | /* breadcrumbs */ 11 | @import './breadcrumbs'; 12 | 13 | /* Cart Dropdown */ 14 | @import './cart-dropdown'; 15 | 16 | /* Checkout */ 17 | @import './checkout'; 18 | 19 | /* Collapse */ 20 | @import 'collapse'; 21 | 22 | /* Container */ 23 | @import './container'; 24 | 25 | /* Form check */ 26 | @import './form-check'; 27 | 28 | /* Forms */ 29 | @import './forms'; 30 | 31 | /* Card */ 32 | @import './card.scss'; 33 | 34 | /* Dropdowns */ 35 | @import './dropdown'; 36 | 37 | /* Marquee */ 38 | @import './marquee'; 39 | 40 | /* navbar */ 41 | @import './navbar'; 42 | 43 | /* Payment Icons */ 44 | @import './payment-icons'; 45 | 46 | /* Reviews */ 47 | @import './reviews'; 48 | 49 | /* Search */ 50 | @import './search'; -------------------------------------------------------------------------------- /src/assets/scss/components/_container.scss: -------------------------------------------------------------------------------- 1 | /* adjust our gutter width for container on smaller breakpoints */ 2 | @include media-breakpoint-down(xl) { 3 | :root { 4 | --bs-gutter-x: 3rem; 5 | } 6 | } 7 | 8 | @include media-breakpoint-down(lg) { 9 | :root { 10 | --bs-gutter-x: 2rem; 11 | } 12 | } 13 | 14 | @include media-breakpoint-down(sm) { 15 | :root { 16 | --bs-gutter-x: 1rem; 17 | } 18 | } -------------------------------------------------------------------------------- /src/assets/scss/components/_forms.scss: -------------------------------------------------------------------------------- 1 | input:focus, .form-control:focus { 2 | box-shadow: none !important; 3 | } 4 | 5 | .form-group { 6 | margin-bottom: 2rem; 7 | } -------------------------------------------------------------------------------- /src/assets/scss/components/_marquee.scss: -------------------------------------------------------------------------------- 1 | .marquee { 2 | overflow-x: hidden; 3 | } 4 | 5 | .marquee-body { 6 | display:flex; 7 | flex-wrap: nowrap; 8 | white-space: nowrap; 9 | min-width: 100%; 10 | } 11 | 12 | .marquee-section { 13 | display : flex; 14 | flex-shrink: 0; 15 | align-items: center; 16 | overflow: hidden; 17 | } 18 | 19 | .marquee-hover-pause { 20 | &:hover { 21 | * { 22 | animation-play-state: paused; 23 | } 24 | } 25 | } -------------------------------------------------------------------------------- /src/assets/scss/components/_navbar.scss: -------------------------------------------------------------------------------- 1 | .nav-link { 2 | text-transform: uppercase; 3 | letter-spacing: 1px; 4 | margin-left: $spacer; 5 | margin-right: $spacer; 6 | 7 | &.dropdown-toggle { 8 | &:after { 9 | display: none; 10 | } 11 | } 12 | } 13 | 14 | /* navbar mobile & tablet menu stylings*/ 15 | @include media-breakpoint-down(lg) { 16 | .navbar-collapse .nav-link { 17 | padding: 1rem; 18 | background: $gray-100; 19 | border-radius: $border-radius; 20 | margin: 0 0 .25rem; 21 | } 22 | .nav-sidelinks .nav-link { 23 | margin-left: .5rem; 24 | margin-right: .5rem; 25 | padding-left: .75rem; 26 | padding-right: .75rem; 27 | } 28 | } -------------------------------------------------------------------------------- /src/assets/scss/components/_payment-icons.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * Payment Icons. This makes it easy for you to include a list of payment provider icons to your website or app. 3 | * Created by Jasper codepen.io/jasper 4 | * 5 | * Version: 0.0.1 6 | * 7 | * All icons are © to their respective owners 8 | * Icon designs by behance.net/spektrum44 9 | * 10 | */ 11 | 12 | 13 | .pi { 14 | display: inline-block; 15 | -webkit-font-smoothing: antialiased; 16 | font-style: normal; 17 | font-variant: normal; 18 | text-rendering: auto; 19 | width: 40px; 20 | min-height: 30px; 21 | background-origin: padding-box; 22 | 23 | &.pi-paypal { background: url('../svgs/paypal.svg') center center no-repeat;} 24 | &.pi-apple-pay { background: url('../svgs/apple-pay.svg') center center no-repeat;} 25 | &.pi-google-pay { background: url('../svgs/google-pay.svg') center center no-repeat;} 26 | &.pi-alipay { background: url('../svgs/alipay.svg') center center no-repeat;} 27 | &.pi-mastercard { background: url('../svgs/mastercard.svg') center center no-repeat;} 28 | &.pi-visa { background: url('../svgs/visa.svg') center center no-repeat;} 29 | &.pi-american-express { background: url('../svgs/american-express.svg') center center no-repeat;} 30 | &.pi-diners-club { background: url('../svgs/diners-club.svg') center center no-repeat;} 31 | &.pi-maestro { background: url('../svgs/maestro.svg') center center no-repeat;} 32 | &.pi-vpay { background: url('../svgs/vpay.svg') center center no-repeat;} 33 | &.pi-girocard { background: url('../svgs/girocard.svg') center center no-repeat;} 34 | &.pi-klarna { background: url('../svgs/klarna.svg') center center no-repeat;} 35 | &.pi-giropay { background: url('../svgs/giropay.svg') center center no-repeat;} 36 | &.pi-ideal { background: url('../svgs/ideal.svg') center center no-repeat;} 37 | &.pi-przelewy24 { background: url('../svgs/przelewy24.svg') center center no-repeat;} 38 | &.pi-bitcoin { background: url('../svgs/bitcoin.svg') center center no-repeat;} 39 | &.pi-ethereum { background: url('../svgs/ethereum.svg') center center no-repeat;} 40 | &.pi-ripple { background: url('../svgs/ripple.svg') center center no-repeat;} 41 | 42 | &.pi-lg { 43 | width: 80px; 44 | } 45 | 46 | &.pi-sm { 47 | width: 25px; 48 | min-height: 15px; 49 | } 50 | } -------------------------------------------------------------------------------- /src/assets/scss/components/_reviews.scss: -------------------------------------------------------------------------------- 1 | .rating { 2 | .stars { 3 | position: relative; 4 | z-index: 1; 5 | overflow: hidden; 6 | display: flex; 7 | 8 | &.position-absolute { 9 | position: absolute; 10 | z-index: 2; 11 | flex-wrap: nowrap; 12 | } 13 | 14 | i { 15 | display: inline-block; 16 | } 17 | } 18 | } -------------------------------------------------------------------------------- /src/assets/scss/components/_search.scss: -------------------------------------------------------------------------------- 1 | .navbar-search { 2 | position: absolute; 3 | top: 0; 4 | right: 0; 5 | left: 0; 6 | bottom: 0; 7 | background: $white; 8 | z-index: 99999; 9 | transform: translateY(-100%); 10 | 11 | input, button { 12 | box-shadow: none !important; 13 | } 14 | } 15 | 16 | .search-overlay { 17 | background: rgba(0,0,0,.8); 18 | position: fixed; 19 | top: 0; 20 | left: 0; 21 | right: 0; 22 | bottom: 0; 23 | z-index: 9999; 24 | opacity: 0; 25 | visibility: hidden; 26 | } 27 | 28 | .page-loaded { 29 | .search-overlay { 30 | transition: opacity ease-in .18s; 31 | } 32 | .navbar-search { 33 | transition: opacity ease-in .23s, transform ease-in-out .23s; 34 | } 35 | } 36 | 37 | .search-active { 38 | .navbar-search { 39 | transform: translateY(0); 40 | } 41 | .search-overlay { 42 | opacity: 1; 43 | visibility: visible; 44 | } 45 | } 46 | -------------------------------------------------------------------------------- /src/assets/scss/custom.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PixelRocket-Shop/oldskool-html-bootstrap/2068a0318f125de4ac4b6f81c57fd7a1fb2a97f6/src/assets/scss/custom.scss -------------------------------------------------------------------------------- /src/assets/scss/libs.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * Note: Do not write any CSS in this file. Only use it to import vendor CSS files from your node_modules directory. 3 | */ 4 | 5 | /* AOS */ 6 | @import '~aos/dist/aos.css'; 7 | 8 | /* NoUISlider */ 9 | @import '~nouislider/distribute/nouislider.min.css'; 10 | 11 | /* Simplebar */ 12 | @import '~simplebar/dist/simplebar.css'; 13 | 14 | /* Swiper.js */ 15 | @import '~swiper/swiper-bundle.css'; -------------------------------------------------------------------------------- /src/assets/scss/theme.scss: -------------------------------------------------------------------------------- 1 | /* Table of contents 2 | –––––––––––––––––––––––––––––––––––––––––––––––––– 3 | 4 | Note: Do not write any CSS in this file. Only use it to import other CSS files. 5 | Note: '~' in the import statement means the file is imported from the node_modules directory. Bootstrap functions is an example. 6 | 7 | - Bootstrap Functions. 8 | - Bootstrap Mixins. 9 | - Framework SASS Variables - override Bootstrap's SASS Vars in this file. 10 | - Framework Mixins 11 | - Framework Utilities 12 | - Bootstrap Core 13 | - Framework CSS Custom Properties (CSS Variables) 14 | - Framework Base 15 | - Framework Components 16 | - Framework Vendors 17 | - Custom CSS - Add your custom CSS to this file 18 | */ 19 | 20 | 21 | 22 | 23 | /* Bootstrap Functions - DO NOT CHANGE ANYTHING IN HERE 24 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 25 | @import '~bootstrap/scss/functions'; 26 | 27 | /* Bootstrap Mixins - DO NOT CHANGE ANYTHING IN HERE 28 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 29 | @import '~bootstrap/scss/mixins'; 30 | 31 | /* Framework SASS Variables - GO HERE TO OVERRIDE BOOTSTRAP VARS. 32 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 33 | @import 'abstracts/sass-variables'; 34 | 35 | /* Framework Mixins 36 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 37 | @import 'abstracts/mixins'; 38 | 39 | /* Framework Utilities - Needs to be imported before main bootstrap file. 40 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 41 | @import 'utilities/utilities'; 42 | 43 | /* Bootstrap Core - DO NOT CHANGE ANYTHING IN HERE 44 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 45 | @import '~bootstrap/scss/bootstrap'; 46 | 47 | /* Framework Custom Properties (CSS Variables) 48 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 49 | @import 'abstracts/css-vars'; 50 | 51 | /* Framework Base 52 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 53 | @import 'base/base'; 54 | 55 | /* Framework Components 56 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 57 | @import 'components/components'; 58 | 59 | /* Framework Vendor Overrides 60 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 61 | @import 'vendors/vendors'; 62 | 63 | /* Template Custom CSS - Add your own CSS to this file 64 | –––––––––––––––––––––––––––––––––––––––––––––––––– */ 65 | @import 'custom'; -------------------------------------------------------------------------------- /src/assets/scss/utilities/_animations.scss: -------------------------------------------------------------------------------- 1 | .animation-float { 2 | animation: float 3s ease-in-out infinite; 3 | } 4 | 5 | /* loop from 1 - 10 for different floating option */ 6 | @for $i from 1 through 10 { 7 | .animation-float-#{$i} { 8 | animation: float #{$i}s ease-in-out infinite; 9 | } 10 | } 11 | 12 | /* loop from 1 - 10 for different marquee timing option */ 13 | @for $i from 1 through 10 { 14 | .animation-marquee-#{$i}0 { 15 | animation: marquee #{$i}0s linear infinite; 16 | } 17 | } 18 | 19 | 20 | @keyframes float { 21 | 0% { 22 | transform: translate3d(0, 0, 0); 23 | } 24 | 25 | 50% { 26 | transform: translate3d(0, 7px, 0); 27 | } 28 | 29 | 100% { 30 | transform: translate3d(0, 0, 0); 31 | } 32 | } 33 | 34 | .animation-move { 35 | animation: move 80s ease; 36 | position: absolute; 37 | animation-iteration-count: infinite; 38 | } 39 | 40 | .animation-move-slow { 41 | animation: move 120s ease; 42 | position: absolute; 43 | animation-iteration-count: infinite; 44 | } 45 | 46 | @keyframes move { 47 | 0% { 48 | transform-origin: bottom left; 49 | transform: scale(1.0); 50 | } 51 | 50% { 52 | transform: scale(1.2); 53 | } 54 | 100% { 55 | transform: scale(1); 56 | } 57 | } 58 | 59 | 60 | .animation-rotate { 61 | animation: rotation 2s infinite linear; 62 | } 63 | 64 | @keyframes rotation { 65 | from { 66 | transform: rotate(0deg); 67 | } 68 | 69 | to { 70 | transform: rotate(359deg); 71 | } 72 | } 73 | 74 | .animation-pulsate { 75 | animation: pulsate 2s infinite linear; 76 | } 77 | 78 | @keyframes pulsate { 79 | 0% { 80 | transform: scale(1); 81 | opacity: 0.8; 82 | } 83 | 84 | 45% { 85 | transform: scale(1.75); 86 | opacity: 0; 87 | } 88 | } 89 | 90 | @keyframes fadeIn { 91 | 0% { 92 | display: none; 93 | opacity: 0; 94 | } 95 | 96 | 1% { 97 | display: block; 98 | opacity: 0; 99 | } 100 | 101 | 100% { 102 | display: block; 103 | opacity: 1; 104 | } 105 | } 106 | 107 | @keyframes fadeInLeft { 108 | 0% { 109 | display: none; 110 | opacity: 0; 111 | transform: translateX(-100%); 112 | } 113 | 114 | 1% { 115 | display: block; 116 | opacity: 0; 117 | } 118 | 119 | 100% { 120 | display: block; 121 | opacity: 1; 122 | transform: translateX(0); 123 | } 124 | } 125 | 126 | @keyframes fadeInRight { 127 | 0% { 128 | display: none; 129 | opacity: 0; 130 | transform: translateX(100%); 131 | } 132 | 133 | 1% { 134 | display: block; 135 | opacity: 0; 136 | } 137 | 138 | 100% { 139 | display: block; 140 | opacity: 1; 141 | transform: translateX(0); 142 | } 143 | } 144 | 145 | @keyframes fadeOutRight { 146 | 0% { 147 | display: block; 148 | opacity: 1; 149 | transform: translateX(0); 150 | } 151 | 152 | 100% { 153 | display: none; 154 | opacity: 0; 155 | transform: translateX(100%); 156 | } 157 | } 158 | 159 | 160 | @keyframes fadeInUp { 161 | 0% { 162 | display: none; 163 | opacity: 0; 164 | transform: translateY(10px); 165 | } 166 | 167 | 1% { 168 | display: block; 169 | opacity: 0; 170 | } 171 | 172 | 100% { 173 | display: block; 174 | opacity: 1; 175 | transform: translateY(0); 176 | } 177 | } 178 | 179 | @keyframes fadeInMenu { 180 | 0% { 181 | display: none; 182 | opacity: 0; 183 | } 184 | 185 | 1% { 186 | display: block; 187 | opacity: 0; 188 | } 189 | 190 | 100% { 191 | display: block; 192 | opacity: 1; 193 | } 194 | } 195 | 196 | 197 | @keyframes marquee { 198 | from { 199 | transform: translate3d(0, 0, 0); 200 | } 201 | 202 | to { 203 | transform: translate3d(-100%, 0, 0); 204 | } 205 | } -------------------------------------------------------------------------------- /src/assets/scss/utilities/_misc.scss: -------------------------------------------------------------------------------- 1 | /* text link cover full area. Used mostly with cards */ 2 | .link-cover { 3 | &:after { 4 | position: absolute; 5 | top: 0; 6 | right: 0; 7 | bottom: 0; 8 | left: 0; 9 | z-index: 30; 10 | pointer-events: auto; 11 | content: ""; 12 | } 13 | } -------------------------------------------------------------------------------- /src/assets/scss/utilities/_text.scss: -------------------------------------------------------------------------------- 1 | .title-small { 2 | letter-spacing: .20em; 3 | text-transform: uppercase; 4 | font-size: .80rem; 5 | font-weight: 600; 6 | display: block; 7 | } 8 | 9 | .text-outline-light { 10 | color: transparent; 11 | -webkit-text-stroke: 2px $white; 12 | } 13 | 14 | .text-outline-dark { 15 | color: transparent; 16 | -webkit-text-stroke: 2px $body-color; 17 | } 18 | 19 | .bg-text { 20 | position: absolute; 21 | z-index: -1; 22 | } 23 | 24 | .bg-text-title { 25 | font-size: 390px; 26 | } 27 | 28 | @include media-breakpoint-down(xl) { 29 | .bg-text-title { 30 | font-size: 290px; 31 | } 32 | } 33 | 34 | @include media-breakpoint-down(lg) { 35 | .bg-text-title { 36 | font-size: 190px; 37 | } 38 | } 39 | 40 | @include media-breakpoint-down(md) { 41 | .bg-text-title { 42 | display: none 43 | } 44 | } -------------------------------------------------------------------------------- /src/assets/scss/utilities/_utilities.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * - Everything in "bootstrap-api-utilities" either adds to or amends the Bootstrap utilities using their API 3 | * - Everything else is normal CSS/SCSS 4 | */ 5 | /* Bootstrap API Utilities - only put code in here that uses Bootstrap's Util API */ 6 | @import 'bootstrap-api-utilities'; 7 | 8 | 9 | /* Everything in these files DOES NOT use Bootstrap's API */ 10 | 11 | /* Animations */ 12 | @import './animations'; 13 | 14 | /* Backgrounds */ 15 | @import './backgrounds'; 16 | 17 | /* Misc */ 18 | @import './misc'; 19 | 20 | /* Text */ 21 | @import './text'; -------------------------------------------------------------------------------- /src/assets/scss/vendors/_vendors.scss: -------------------------------------------------------------------------------- 1 | 2 | /* No Ui Slider */ 3 | @import 'nouislider/nouislider'; 4 | 5 | /* Medium Zoom*/ 6 | @import 'medium-zoom/medium-zoom'; 7 | 8 | /* Remix Icons */ 9 | @import 'remixicon/remixicon'; 10 | 11 | /* Simplebar */ 12 | @import 'simplebar/simplebar'; 13 | 14 | /* Swiper */ 15 | @import 'swiper/swiper'; -------------------------------------------------------------------------------- /src/assets/scss/vendors/medium-zoom/_medium-zoom.scss: -------------------------------------------------------------------------------- 1 | /* image zoom css custom styles*/ 2 | .medium-zoom-image--opened { 3 | z-index: 99999; 4 | } 5 | .medium-zoom-overlay { 6 | z-index: 9999; 7 | } 8 | 9 | /* small quick fix for any images that are set to width: 100% pre zoom */ 10 | .w-100.medium-zoom-image.medium-zoom-image--opened { 11 | width: auto !important; 12 | } -------------------------------------------------------------------------------- /src/assets/scss/vendors/nouislider/nouislider.css: -------------------------------------------------------------------------------- 1 | .noUi-tooltip { 2 | background: rgba(0,0,0, 0.9); 3 | color: white; 4 | font-size: 12px; 5 | border: 0; 6 | border-radius: 4px; 7 | font-weight: 500; 8 | } 9 | 10 | .noUi-handle { 11 | width: 22px !important; 12 | height: 22px !important; 13 | border-radius: 100%; 14 | border: 0; 15 | background: white; 16 | box-shadow: 0 .25rem .5rem rgba(29, 48, 61, 0.184); 17 | margin-top: -5px; 18 | } 19 | 20 | .noUi-handle:before, .noUi-handle:after { 21 | display: none; 22 | } 23 | 24 | .noUi-target { 25 | border: 0; 26 | box-shadow: none; 27 | height: 4px; 28 | background: #f7f8f9; 29 | } 30 | 31 | .noUi-connect { 32 | background: #1c212c; 33 | } 34 | 35 | .noUi-marker-large { 36 | background: #f7f8f9; 37 | margin-top: 5px; 38 | } 39 | 40 | .noUi-value { 41 | font-size: 12px; 42 | font-weight: 500; 43 | color: #a0a0a2; 44 | margin-top: 10px; 45 | } -------------------------------------------------------------------------------- /src/assets/scss/vendors/simplebar/simplebar.css: -------------------------------------------------------------------------------- 1 | .simplebar-content { 2 | padding-right: 1.25rem !important; 3 | } 4 | .simplebar-track { 5 | background: #f7f8f9; 6 | border-radius: 4px; 7 | } 8 | 9 | .simplebar-track.simplebar-vertical { 10 | width: 7px; 11 | } 12 | .simplebar-scrollbar { 13 | opacity: .5; 14 | } 15 | .simplebar-wrapper { 16 | height: 150px; 17 | } -------------------------------------------------------------------------------- /src/assets/svgs/apple-pay.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/svgs/bitcoin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/assets/svgs/google-pay.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /src/assets/svgs/ideal.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /src/assets/svgs/ripple.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/assets/svgs/visa.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/svgs/vpay.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /src/data/category-filters.json: -------------------------------------------------------------------------------- 1 | { 2 | "brands": [ 3 | { 4 | "label": "Adidas", 5 | "count": "21" 6 | }, 7 | { 8 | "label": "Asics", 9 | "count": "13" 10 | }, 11 | { 12 | "label": "Canterbury", 13 | "count": "18" 14 | }, 15 | { 16 | "label": "Converse", 17 | "count": "25" 18 | }, 19 | { 20 | "label": "Donnay", 21 | "count": "11" 22 | }, 23 | { 24 | "label": "Nike", 25 | "count": "19" 26 | }, 27 | { 28 | "label": "Millet", 29 | "count": "24" 30 | }, 31 | { 32 | "label": "Puma", 33 | "count": "11" 34 | }, 35 | { 36 | "label": "Reebok", 37 | "count": "19" 38 | }, 39 | { 40 | "label": "Under Armour", 41 | "count": "24" 42 | } 43 | ], 44 | "sizes": [ 45 | { 46 | "label": "6.5" 47 | }, 48 | { 49 | "label": "7" 50 | }, 51 | { 52 | "label": "7.5" 53 | }, 54 | { 55 | "label": "8" 56 | }, 57 | { 58 | "label": "8.5" 59 | }, 60 | { 61 | "label": "9" 62 | }, 63 | { 64 | "label": "9.5" 65 | }, 66 | { 67 | "label": "10" 68 | }, 69 | { 70 | "label": "10.5" 71 | }, 72 | { 73 | "label": "11" 74 | }, 75 | { 76 | "label": "11.5" 77 | } 78 | ], 79 | "colours": [ 80 | { 81 | "colour-class": "form-check-primary" 82 | }, 83 | { 84 | "colour-class": "form-check-success" 85 | }, 86 | { 87 | "colour-class": "form-check-danger" 88 | }, 89 | { 90 | "colour-class": "form-check-info" 91 | }, 92 | { 93 | "colour-class": "form-check-warning" 94 | }, 95 | { 96 | "colour-class": "form-check-dark" 97 | }, 98 | { 99 | "colour-class": "form-check-secondary" 100 | } 101 | ] 102 | } -------------------------------------------------------------------------------- /src/data/category-products.json: -------------------------------------------------------------------------------- 1 | { 2 | "entries": [{ 3 | "title": "Nike Air VaporMax 2021", 4 | "price": "329.99", 5 | "sale-price": "198.66", 6 | "currency": "$", 7 | "options": "4 colours, 10 sizes", 8 | "img": "{{webRoot}}/assets/images/products/product-1.jpg" 9 | }, 10 | { 11 | "title": "Nike ZoomX Vaporfly", 12 | "price": "275.45", 13 | "new": true, 14 | "currency": "$", 15 | "options": "2 colours, 4 sizes", 16 | "img": "{{webRoot}}/assets/images/products/product-2.jpg" 17 | }, 18 | { 19 | "title": "Nike Blazer Mid '77", 20 | "price": "198.56", 21 | "sold-out": true, 22 | "currency": "$", 23 | "options": "5 colours, 6 sizes", 24 | "img": "{{webRoot}}/assets/images/products/product-3.jpg" 25 | }, 26 | { 27 | "title": "Nike Air Force 1", 28 | "price": "425.85", 29 | "currency": "$", 30 | "options": "6 colours, 9 sizes", 31 | "img": "{{webRoot}}/assets/images/products/product-4.jpg" 32 | }, 33 | { 34 | "title": "Nike Air Max 90", 35 | "price": "196.99", 36 | "sale-price": "98.66", 37 | "currency": "$", 38 | "options": "4 colours, 10 sizes", 39 | "img": "{{webRoot}}/assets/images/products/product-5.jpg" 40 | }, 41 | { 42 | "title": "Nike Glide FlyEase", 43 | "price": "329.99", 44 | "sale-price": "198.66", 45 | "new": true, 46 | "currency": "$", 47 | "options": "1 colour", 48 | "img": "{{webRoot}}/assets/images/products/product-6.jpg" 49 | }, 50 | { 51 | "title": "Nike Zoom Freak", 52 | "price": "444.99", 53 | "currency": "$", 54 | "options": "2 colours, 2 sizes", 55 | "img": "{{webRoot}}/assets/images/products/product-7.jpg" 56 | }, 57 | { 58 | "title": "Nike Air Pegasus", 59 | "price": "178.99", 60 | "new": true, 61 | "currency": "$", 62 | "options": "3 colours, 10 sizes", 63 | "img": "{{webRoot}}/assets/images/products/product-8.jpg" 64 | }, 65 | { 66 | "title": "Nike Air Jordans", 67 | "price": "154.99", 68 | "new": true, 69 | "currency": "$", 70 | "options": "3 colours, 10 sizes", 71 | "img": "{{webRoot}}/assets/images/products/product-1.jpg" 72 | } 73 | ] 74 | } -------------------------------------------------------------------------------- /src/data/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "defaultPageTitle": "OldSkool | Bootstrap 5 HTML Template", 3 | "templateName": "OldSkool", 4 | "classes": { 5 | "body": "", 6 | "navbar": "", 7 | "content": "", 8 | "footer": "" 9 | }, 10 | "partials": { 11 | "head": "head/head", 12 | "navbar": "navbar/navbar", 13 | "footer": "footer/footer" 14 | }, 15 | "defaultImgAlt": "HTML Bootstrap Template by Pixel Rocket", 16 | "helpDocsURL": "", 17 | "demoURL": "" 18 | } 19 | -------------------------------------------------------------------------------- /src/data/customer-reviews.json: -------------------------------------------------------------------------------- 1 | { 2 | "entries": [ 3 | { 4 | "title": "Great fit, great price", 5 | "by": "DaveD", 6 | "date": "20th September 2020", 7 | "review-width": "80%", 8 | "review": "Worth buying this for value for money. But be warned: get one size larger as the medium is closer to small medium!" 9 | }, 10 | { 11 | "title": "Not worth the money", 12 | "by": "Sandra K", 13 | "date": "18th September 2020", 14 | "review-width": "40%", 15 | "review": "Loose and poor stiching on the sides. Won't buy this again." 16 | }, 17 | { 18 | "title": "Decent for the price", 19 | "by": "MikeS", 20 | "date": "16th September 2020", 21 | "review-width": "90%", 22 | "review": "I buy these often as they are good quality and value for money." 23 | }, 24 | { 25 | "title": "Great little T", 26 | "by": "Frankie", 27 | "date": "14th September 2020", 28 | "review-width": "85%", 29 | "review": "Wore this to my local music festival - went down well." 30 | }, 31 | { 32 | "title": "Great for the BBQ", 33 | "by": "Kevin", 34 | "date": "20th September 2020", 35 | "review-width": "70%", 36 | "review": "Bought this on the off chance it would work well with my skinny jeans, was a great decision. Would recommend." 37 | }, 38 | { 39 | "title": "Nothing special but it's okay", 40 | "by": "Holly", 41 | "date": "20th September 2020", 42 | "review-width": "20%", 43 | "review": "It's a t-shirt. What can I say, it does the job." 44 | } 45 | ] 46 | } -------------------------------------------------------------------------------- /src/data/homepage-categories.json: -------------------------------------------------------------------------------- 1 | { 2 | "entries": [ 3 | { 4 | "small-title": "Must Haves", 5 | "large-title": "Premium Essentials", 6 | "button-text": "Shop Now", 7 | "img": "{{webRoot}}/assets/images/categories/category-7.jpg" 8 | }, 9 | { 10 | "small-title": "Curated Selection", 11 | "large-title": "Our Favourites", 12 | "button-text": "Shop Now", 13 | "img": "{{webRoot}}/assets/images/categories/category-2.jpg" 14 | }, 15 | { 16 | "small-title": "Streetwear Basics", 17 | "large-title": "T-Shirts & Shirts", 18 | "button-text": "Shop Now", 19 | "img": "{{webRoot}}/assets/images/categories/category-3.jpg" 20 | }, 21 | { 22 | "small-title": "Waterproof & Lightweight", 23 | "large-title": "Jackets & Coats", 24 | "button-text": "Shop Now", 25 | "img": "{{webRoot}}/assets/images/categories/category-4.jpg" 26 | }, 27 | { 28 | "small-title": "Keep Warm", 29 | "large-title": "Hats & Beanies", 30 | "button-text": "Shop Now", 31 | "img": "{{webRoot}}/assets/images/categories/category-5.jpg" 32 | }, 33 | { 34 | "small-title": "20% Off", 35 | "large-title": "Summer Sale", 36 | "button-text": "Shop Now", 37 | "img": "{{webRoot}}/assets/images/categories/category-6.jpg" 38 | }, 39 | { 40 | "small-title": "Just Arrived", 41 | "large-title": "Latest Kicks", 42 | "button-text": "Shop Now", 43 | "img": "{{webRoot}}/assets/images/categories/category-1.jpg" 44 | }, 45 | { 46 | "small-title": "Accessories", 47 | "large-title": "Bags & Rugsacks", 48 | "button-text": "Shop Now", 49 | "img": "{{webRoot}}/assets/images/categories/category-8.jpg" 50 | } 51 | ] 52 | } -------------------------------------------------------------------------------- /src/data/product-options.json: -------------------------------------------------------------------------------- 1 | { 2 | "entries": [ 3 | { 4 | "label-bottom": "S", 5 | "value": "S" 6 | }, 7 | { 8 | "label-bottom": "SM", 9 | "value": "SM" 10 | }, 11 | { 12 | "label-bottom": "M", 13 | "value": "M", 14 | "selected": true 15 | }, 16 | { 17 | "label-bottom": "L", 18 | "value": "L" 19 | }, 20 | { 21 | "label-bottom": "XL", 22 | "value": "Xl" 23 | }, 24 | { 25 | "label-bottom": "XXL", 26 | "value": "XXL" 27 | } 28 | ] 29 | } -------------------------------------------------------------------------------- /src/data/slideshow-brands.json: -------------------------------------------------------------------------------- 1 | { 2 | "entries": [{ 3 | "img": "{{webRoot}}/assets/images/logos/logo-1.svg" 4 | }, 5 | { 6 | "img": "{{webRoot}}/assets/images/logos/logo-2.svg" 7 | }, 8 | { 9 | "img": "{{webRoot}}/assets/images/logos/logo-3.svg" 10 | }, 11 | { 12 | "img": "{{webRoot}}/assets/images/logos/logo-4.svg" 13 | }, 14 | { 15 | "img": "{{webRoot}}/assets/images/logos/logo-5.svg" 16 | }, 17 | { 18 | "img": "{{webRoot}}/assets/images/logos/logo-6.svg" 19 | }, 20 | { 21 | "img": "{{webRoot}}/assets/images/logos/logo-7.svg" 22 | }, 23 | { 24 | "img": "{{webRoot}}/assets/images/logos/logo-8.svg" 25 | }, 26 | { 27 | "img": "{{webRoot}}/assets/images/logos/logo-9.svg" 28 | } 29 | ] 30 | } -------------------------------------------------------------------------------- /src/data/slideshow-instagram.json: -------------------------------------------------------------------------------- 1 | { 2 | "entries": [ 3 | { 4 | "user": "@user.instagram", 5 | "img": "https://images.unsplash.com/photo-1586396874197-b8fc676a5187?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=700&h=700" 6 | }, 7 | { 8 | "user": "@another.user", 9 | "img": "https://images.unsplash.com/photo-1538329972958-465d6d2144ed?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=700&h=700" 10 | }, 11 | { 12 | "user": "@sally.field", 13 | "img": "https://images.unsplash.com/photo-1503341338985-c0477be52513?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=700&h=700" 14 | }, 15 | { 16 | "user": "@fitness99", 17 | "img": "https://images.unsplash.com/photo-1566677914817-56426959ae9c?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=700&h=700" 18 | }, 19 | { 20 | "user": "@frank.smith", 21 | "img": "https://images.unsplash.com/photo-1582657233895-0f37a3f150c0?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=700&h=700" 22 | }, 23 | { 24 | "user": "@joley88", 25 | "img": "https://images.unsplash.com/photo-1550246140-5119ae4790b8?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=700&h=700" 26 | }, 27 | { 28 | "user": "@yogi97", 29 | "img": "https://images.unsplash.com/photo-1520048480367-7a6a4b6efb2a?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=700&h=700" 30 | }, 31 | { 32 | "user": "@gym.user", 33 | "img": "https://images.unsplash.com/photo-1550246140-29f40b909e5a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=700&h=700" 34 | } 35 | ] 36 | } -------------------------------------------------------------------------------- /src/html/cart.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {{> (config config.partials.head) title=config.defaultPageTitle }} 6 | 7 | 8 | 9 | 10 |
11 | 12 |
13 |
14 |
15 |
16 | {{> checkout/checkout-header active-cart="true" }} 17 |
18 |

Your Cart

19 |
20 | 21 | 22 | 23 | {{> 24 | cart/cart-item 25 | img="{{webRoot}}/assets/images/products/product-cart-1.jpg" 26 | border="true" 27 | name="Nike Air VaporMax 2021" 28 | qty="1" 29 | options="Size: 9" 30 | price="$85.00" 31 | }} 32 | 33 | 34 | {{> 35 | cart/cart-item 36 | img="{{webRoot}}/assets/images/products/product-cart-2.jpg" 37 | border="true" 38 | name="Nike ZoomX Vaporfly" 39 | qty="1" 40 | options="Size: 11" 41 | price="$125.00" 42 | }} 43 | 44 | 45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 | {{> cart/cart-summary }} 53 |
54 |
55 |
56 |
57 | 58 |
59 | 60 | 61 | 62 | {{> footer/scripts }} 63 | 64 | 65 | 66 | -------------------------------------------------------------------------------- /src/html/category.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {{> (config config.partials.head) title=config.defaultPageTitle }} 6 | 7 | 8 | 9 | 10 | {{> (config config.partials.navbar) 11 | configClassList=config.classes.navbar 12 | classList="" }} 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 |
22 |
23 |

Latest Arrivals

24 |
25 |

26 | When it's time to head out and get your Kicks on, have a look at our latest arrivals. Whether you're into Nike, Adidas, Dunks or New Balance, we really have something for everyone! 27 |

28 |
29 |
30 |
31 | 32 | 33 |
34 | 35 | {{> toolbar/toolbar }} 36 | 37 | 38 | 39 |
40 | {{#if (config category-products)}} 41 | {{#each category-products.entries}} 42 |
43 | {{> listing-cards/listing-card this }} 44 |
45 | {{/each}} 46 | {{/if}} 47 |
48 | 49 | 50 | 51 | {{> pagination/pagination type="products" amount="9 of 121" }} 52 | 53 |
54 | 55 | 56 |
57 | 58 | 59 | 60 | {{> (config config.partials.footer) 61 | configClassList=config.classes.footer 62 | classList="" 63 | }} 64 | 65 | 66 | 67 | {{> offcanvas/offcanvas }} 68 | 69 | 70 | {{> footer/scripts }} 71 | 72 | 73 | 74 | 75 | -------------------------------------------------------------------------------- /src/html/checkout-payment.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {{> (config config.partials.head) title=config.defaultPageTitle }} 6 | 7 | 8 | 9 | 10 |
11 | 12 |
13 |
14 |
15 |
16 | {{> checkout/checkout-header active-payment="true" }} 17 |
18 | {{> checkout/checkout-payment }} 19 |
20 |
21 |
22 |
23 |
24 | {{> checkout/checkout-summary }} 25 |
26 |
27 |
28 |
29 | 30 |
31 | 32 | 33 | 34 | 35 | {{> footer/scripts }} 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /src/html/checkout-shipping.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {{> (config config.partials.head) title=config.defaultPageTitle }} 6 | 7 | 8 | 9 | 10 |
11 | 12 |
13 |
14 |
15 |
16 | {{> checkout/checkout-header active-shipping="true" }} 17 |
18 | {{> checkout/checkout-shipping }} 19 |
20 |
21 |
22 |
23 |
24 | {{> checkout/checkout-summary }} 25 |
26 |
27 |
28 |
29 | 30 |
31 | 32 | 33 | 34 | 35 | {{> footer/scripts }} 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /src/html/checkout.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {{> (config config.partials.head) title=config.defaultPageTitle }} 6 | 7 | 8 | 9 | 10 |
11 | 12 |
13 |
14 |
15 |
16 | {{> checkout/checkout-header active-information="true" }} 17 |
18 | {{> checkout/checkout-information }} 19 |
20 |
21 |
22 |
23 |
24 | {{> checkout/checkout-summary }} 25 |
26 |
27 |
28 |
29 | 30 |
31 | 32 | 33 | 34 | 35 | {{> footer/scripts }} 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /src/html/forgotten-password.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {{> (config config.partials.head) title=config.defaultPageTitle }} 6 | 7 | 8 | 9 | 10 |
12 | 13 | 14 | 15 |
16 | 17 | 18 | {{> logo/logo-icon }} 19 | 20 | 21 |
22 |

Forgotten Password

23 |

Please enter your email below and we will send you a secure link to reset your password.

24 |
25 |
26 | 27 | 28 |
29 | 30 |
31 |
32 | 33 |
34 | 35 | 36 | 37 |
38 | 39 | 40 | 41 | 42 | {{> footer/scripts }} 43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /src/html/login.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {{> (config config.partials.head) title=config.defaultPageTitle }} 6 | 7 | 8 | 9 | 10 |
12 | 13 | 14 | 15 |
16 | 17 | 18 | {{> logo/logo-icon }} 19 | 20 | 21 |
22 |

Login

23 | Login 24 | with Facebook 25 | Login with 26 | Twitter 27 | OR 28 |
29 |
30 | 31 | 32 |
33 |
34 | 38 | 39 |
40 | 41 |
42 |

New customer? Sign up for an account

43 |
44 | 45 |
46 | 47 | 48 | 49 |
50 | 51 | 52 | 53 | 54 | {{> footer/scripts }} 55 | 56 | 57 | 58 | -------------------------------------------------------------------------------- /src/html/product.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {{> (config config.partials.head) title=config.defaultPageTitle }} 6 | 7 | 8 | 9 | 10 | {{> (config config.partials.navbar) 11 | configClassList=config.classes.navbar 12 | classList="" }} 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 |
21 |
22 | {{> breadcrumbs/breadcrumbs-light 23 | category="T-Shirts" 24 | page="Osaka Japan Mens T-Shirt" 25 | }} 26 |
27 |
28 | 29 | 30 |
31 | 32 | 33 |
34 | 35 | 36 |
37 | {{> product/product-gallery }} 38 |
39 | 40 | 41 | 42 |
43 |
44 | {{> product/product-info }} 45 |
46 |
47 | 48 |
49 | 50 | 51 |
52 | 53 | 54 |
55 | {{> product/product-related }} 56 |
57 | 58 | 59 | 60 |
61 | {{> product/product-reviews }} 62 |
63 | 64 |
65 | 66 |
67 | 68 | 69 |
70 | 71 | 72 | 73 | {{> (config config.partials.footer) 74 | configClassList=config.classes.footer 75 | classList="" 76 | }} 77 | 78 | 79 | 80 | {{> footer/scripts }} 81 | 82 | 83 | 84 | 85 | -------------------------------------------------------------------------------- /src/html/register.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {{> (config config.partials.head) title=config.defaultPageTitle }} 6 | 7 | 8 | 9 | 10 |
12 | 13 | 14 | 15 |
16 | 17 | 18 | {{> logo/logo-icon }} 19 | 20 | 21 |
22 |

Open Account

23 | Login 24 | with Facebook 25 | Login with 26 | Twitter 27 | OR 28 |
29 |
30 | 31 | 32 |
33 |
34 | 35 | 36 |
37 |
38 | 39 | 40 |
41 |
42 | 43 | 44 |
45 | 46 |
47 |

Already registered? Login here.

48 |
49 | 50 |
51 | 52 | 53 | 54 |
55 | 56 | 57 | 58 | 59 | {{> footer/scripts }} 60 | 61 | 62 | 63 | -------------------------------------------------------------------------------- /src/partials/breadcrumbs/breadcrumbs-light.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/partials/breadcrumbs/breadcrumbs.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/partials/cart/cart-dropdown/cart-dropdown.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 |
5 |
Cart Summary (2 items)
6 | 7 |
8 | 9 | 10 | 11 |
12 | 13 | 14 | {{> 15 | cart/cart-item 16 | img="{{webRoot}}/assets/images/products/product-cart-1.jpg" 17 | name="Nike Air VaporMax 2021" 18 | qty="1" 19 | options="Size: 9" 20 | price="$85.00" 21 | }} 22 | 23 | 24 | {{> 25 | cart/cart-item 26 | img="{{webRoot}}/assets/images/products/product-cart-2.jpg" 27 | name="Nike ZoomX Vaporfly" 28 | qty="1" 29 | options="Size: 11" 30 | price="$125.00" 31 | }} 32 | 33 |
34 | 35 | 36 | 37 |
38 |
39 |
40 |
41 |

Grand Total

42 | Inc $45.89 sales tax 43 |
44 |

$422.99

45 |
46 |
47 | View Cart 48 | Proceed To Checkout 49 |
50 | 51 |
52 | 53 | -------------------------------------------------------------------------------- /src/partials/cart/cart-item.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | {{#if showQty}} 4 | 3 5 | {{/if}} 6 | 7 | {{config.defaultImgAlt}} 8 | 9 |
10 |
11 |
12 |
13 | {{ name }} 14 | 15 |
16 | {{ options }} / Qty: {{ qty }} 17 |
18 |

{{ price }}

19 |
20 |
-------------------------------------------------------------------------------- /src/partials/cart/cart-summary.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |

Grand Total

5 | Inc $45.89 sales tax 6 |
7 |

$422.99

8 |
9 |
10 |
11 |
12 | 13 | 14 |
15 |
16 | Proceed to checkout -------------------------------------------------------------------------------- /src/partials/checkout/checkout-header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{> logo/logo-icon }} 4 | 5 | 6 | -------------------------------------------------------------------------------- /src/partials/checkout/checkout-information-summary.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/partials/checkout/checkout-shipping.html: -------------------------------------------------------------------------------- 1 | 2 | {{> checkout/checkout-information-summary show-contact="true" }} 3 | 4 | 5 | 6 |

Shipping Method

7 | 8 | 9 |
10 | 11 | 20 |
21 | 22 | 23 |
24 | 25 | 34 |
35 | 36 | 37 |
38 | 39 | 48 |
49 | 50 |
51 | Back to information 52 | Proceed to payment 53 |
54 | -------------------------------------------------------------------------------- /src/partials/checkout/checkout-summary.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | {{> 4 | cart/cart-item 5 | img="{{webRoot}}/assets/images/products/product-cart-1.jpg" 6 | border="true" 7 | showQty="true" 8 | name="Nike Air VaporMax 2021" 9 | qty="1" 10 | options="Size: 9" 11 | price="$85.00" 12 | }} 13 | 14 | 15 | {{> 16 | cart/cart-item 17 | img="{{webRoot}}/assets/images/products/product-cart-2.jpg" 18 | border="true" 19 | showQty="true" 20 | name="Nike ZoomX Vaporfly" 21 | qty="1" 22 | options="Size: 11" 23 | price="$125.00" 24 | }} 25 | 26 |
27 |
28 |
29 |

Subtotal

30 |

$422.99

31 |
32 |
33 |

Shipping

34 |

$8.95

35 |
36 |
37 |
38 |
39 |
40 |

Grand Total

41 | Inc $45.89 sales tax 42 |
43 |

$422.99

44 |
45 |
46 |
47 |
48 | 49 | 50 |
51 |
52 | {{#if show-action-buttons}} 53 | 54 |
55 | 56 | 58 |
59 | Complete Order 60 | {{/if}} 61 | -------------------------------------------------------------------------------- /src/partials/filters/filter-checkbox-two.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 |
-------------------------------------------------------------------------------- /src/partials/filters/filter-checkbox.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 6 |
-------------------------------------------------------------------------------- /src/partials/filters/filter-collapse.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 |
5 |

Price

6 | {{> filters/filter-price }} 7 |
8 | 9 | 10 | 11 | 12 |
13 |

Sizes

14 |
15 |
16 | {{#each filters-one.sizes }} 17 | {{> filters/filter-checkbox-two this type="sizes" }} 18 | {{/each}} 19 |
20 |
21 |
22 | 23 | 24 | 25 |
26 |

Colour

27 |
28 |
29 | {{#each filters-one.colours }} 30 | {{> filters/filter-colour this type="colours" }} 31 | {{/each}} 32 |
33 |
34 |
35 | 36 |
-------------------------------------------------------------------------------- /src/partials/filters/filter-colour.html: -------------------------------------------------------------------------------- 1 |
2 | 3 | 4 |
-------------------------------------------------------------------------------- /src/partials/filters/filter-price.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 | $ 5 | 6 |
7 |
8 | $ 9 | 10 |
11 |
-------------------------------------------------------------------------------- /src/partials/filters/filter-text.html: -------------------------------------------------------------------------------- 1 |
  • {{ label }}{{#if count}} ({{ count }}){{/if}} 4 |
    • -------------------------------------------------------------------------------- /src/partials/footer/footer.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/partials/footer/scripts.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /src/partials/header/head/head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 40 | 41 | 42 | {{ title }} 43 | 44 | -------------------------------------------------------------------------------- /src/partials/header/navbar/dropdown-card-image.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 | {{config.defaultImgAlt}} 4 | 5 | {{ title }} 6 |
    7 | -------------------------------------------------------------------------------- /src/partials/listing-cards/listing-card.html: -------------------------------------------------------------------------------- 1 | 2 |
    3 |
    4 |
    5 | {{#if sale-price}} 6 | Sale 7 | {{/if}} 8 | {{#if new}} 9 | New In 10 | {{/if}} 11 | {{#if sold-out}} 12 | Sold Out 13 | {{/if}} 14 |
    15 | 16 | 17 | {{config.defaultImgAlt}} 18 | 19 | {{#unless sold-out}} 20 |
    21 | 22 |
    23 | {{/unless}} 24 |
    25 |
    26 | {{ title }} 27 | {{ options }} 28 | {{#if sold-out}} 29 |

    Sold Out

    30 | {{else}} 31 | {{#if sale-price}} 32 |

    {{ currency }}{{ price }} {{ currency }}{{ sale-price }}

    33 | {{else}} 34 |

    {{ currency }}{{ price }}

    35 | {{/if}} 36 | {{/if}} 37 |
    38 |
    39 | 40 | -------------------------------------------------------------------------------- /src/partials/logo/logo-icon.html: -------------------------------------------------------------------------------- 1 |
    2 | 3 |
    4 | -------------------------------------------------------------------------------- /src/partials/marquee/marquee-logos.html: -------------------------------------------------------------------------------- 1 |
    2 |
    3 |
    4 | {{#each slideshow-brands.entries}} 5 |
    6 | 7 | 8 | {{ config.defaultImgAlt }} 9 | 10 | 11 |
    12 | {{/each}} 13 |
    14 |
    15 | {{#each slideshow-brands.entries}} 16 |
    17 | 18 | 19 | {{ config.defaultImgAlt }} 20 | 21 | 22 |
    23 | {{/each}} 24 |
    25 |
    26 |
    27 | -------------------------------------------------------------------------------- /src/partials/modals/modals.html: -------------------------------------------------------------------------------- 1 | 2 | {{> modals/modal-sizeguide }} -------------------------------------------------------------------------------- /src/partials/offcanvas/offcanvas.html: -------------------------------------------------------------------------------- 1 | 2 | {{> offcanvas/offcanvas-filters }} -------------------------------------------------------------------------------- /src/partials/options/option-checkbox.html: -------------------------------------------------------------------------------- 1 |
    2 | 7 | 11 |
    -------------------------------------------------------------------------------- /src/partials/options/option-radio.html: -------------------------------------------------------------------------------- 1 |
    2 | 13 | 17 |
    -------------------------------------------------------------------------------- /src/partials/pagination/pagination.html: -------------------------------------------------------------------------------- 1 |
    2 | Showing {{ amount }} {{ type }} 3 |
    4 |
    5 |
    6 | Load More 7 |
    -------------------------------------------------------------------------------- /src/partials/product/product-gallery.html: -------------------------------------------------------------------------------- 1 |
    2 |
    3 | 4 | {{ config.defaultImgAlt }} 5 | 6 |
    7 |
    8 | 9 | {{ config.defaultImgAlt }} 10 | 11 |
    12 |
    13 | 14 | {{ config.defaultImgAlt }} 15 | 16 |
    17 |
    18 | 19 | {{ config.defaultImgAlt }} 20 | 21 |
    22 |
    23 | -------------------------------------------------------------------------------- /src/partials/product/product-related.html: -------------------------------------------------------------------------------- 1 |

    You May Also Like

    2 | {{> swiper/swiper-related }} -------------------------------------------------------------------------------- /src/partials/product/product-reviews.html: -------------------------------------------------------------------------------- 1 |

    Reviews

    2 | 3 | 4 | {{> reviews/review-summary }} 5 | 6 | 7 | 8 | {{# if (config customer-reviews)}} 9 |
    10 | {{#each customer-reviews.entries}} 11 |
    12 |
    13 | {{> reviews/review-stars-small colour="text-dark" width=review-width }} 14 |
    {{ date }} by {{ by }}
    15 |
    16 |

    {{ title }}

    17 |

    {{ review }}

    18 |
    19 | {{/each}} 20 |
    21 | {{/if}} 22 | 23 | 24 | 25 | {{> pagination/pagination amount="6 of 105" type="reviews" }} 26 | -------------------------------------------------------------------------------- /src/partials/reviews/review-stars-medium.html: -------------------------------------------------------------------------------- 1 | 2 |
    3 |
    4 | 5 | 6 | 7 | 8 | 9 |
    10 |
    11 | 12 | 13 | 14 | 15 | 16 |
    17 |
    -------------------------------------------------------------------------------- /src/partials/reviews/review-stars-small.html: -------------------------------------------------------------------------------- 1 | 2 |
    3 |
    4 | 5 | 6 | 7 | 8 | 9 |
    10 |
    11 | 12 | 13 | 14 | 15 | 16 |
    17 |
    -------------------------------------------------------------------------------- /src/partials/reviews/review-summary.html: -------------------------------------------------------------------------------- 1 |
    2 |
    3 |
    4.3
    4 | {{> reviews/review-stars-medium colour="text-dark" width="88%" }} 5 |
    6 |
    7 |
    8 |
    9 | {{> reviews/review-stars-small colour="text-dark" width="100%" }} 10 |
    11 |
    12 |
    13 |
    14 | 55 15 |
    16 |
    17 |
    18 | {{> reviews/review-stars-small colour="text-dark" width="80%" }} 19 |
    20 |
    21 |
    22 |
    23 | 32 24 |
    25 |
    26 |
    27 | {{> reviews/review-stars-small colour="text-dark" width="60%" }} 28 |
    29 |
    30 |
    31 |
    32 | 15 33 |
    34 |
    35 |
    36 | {{> reviews/review-stars-small colour="text-dark" width="40%" }} 37 |
    38 |
    39 |
    40 |
    41 | 5 42 |
    43 |
    44 |
    45 | {{> reviews/review-stars-small colour="text-dark" width="20%" }} 46 |
    47 |
    48 |
    49 |
    50 | 1 51 |
    52 |

    105 customers have reviewed this product

    53 |
    54 |
    -------------------------------------------------------------------------------- /src/partials/svg/svg-clip-path-one.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/partials/swiper/swiper-homepage-categories.html: -------------------------------------------------------------------------------- 1 | 2 |
    32 |
    33 | {{#each entries}} 34 |
    35 |
    36 | 37 | {{../config.defaultImgAlt}} 38 | 39 |

    {{ small-title }}

    40 |

    {{ large-title }}

    41 | {{ button-text }} 42 |
    43 |
    44 | {{/each}} 45 |
    46 | 47 |
    48 |
    49 | 50 |
    51 | -------------------------------------------------------------------------------- /src/partials/swiper/swiper-instagram.html: -------------------------------------------------------------------------------- 1 | 2 | {{#if (config slideshow-instagram) }} 3 |
    4 |

    5 | #OLDSKOOL 6 |

    7 |
    8 |
    32 |
    33 | 34 | 35 | {{#each slideshow-instagram.entries}} 36 |
    37 | 38 | 44 | 45 |
    46 | {{/each}} 47 | 48 | 49 |
    50 |
    51 |
    52 |
    53 | 54 | {{/if}} -------------------------------------------------------------------------------- /src/partials/swiper/swiper-related.html: -------------------------------------------------------------------------------- 1 | 2 |
    25 |
    26 | {{#if (config category-products) }} 27 | {{#each category-products.entries}} 28 |
    29 | {{> listing-cards/listing-card this }} 30 |
    31 | {{/each}} 32 | {{/if}} 33 |
    34 | 35 | 36 |
    38 |
    39 |
    41 |
    42 | 43 | 44 |
    45 | -------------------------------------------------------------------------------- /src/partials/toolbar/toolbar.html: -------------------------------------------------------------------------------- 1 |
    2 |
    3 | {{> breadcrumbs/breadcrumbs 4 | category="Sneakers" 5 | page="New Releases" 6 | }} 7 |

    New Releases (121)

    8 |

    Showing 1 - 9 of 121

    9 |
    10 |
    11 | 12 | 13 | 16 | 17 | 18 | 19 | 25 | 26 |
    27 |
    --------------------------------------------------------------------------------