Arranged components of product page in one folder (#627)

CHANGELOG.md

@@ -10,6 +10,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 - Added `VueObserveVisibility` and `VueLazyload` dependency
 
+### Changed / Improved
+- Created a folder product in components(#627)
+- Arranged components of product page in product folder(#627)
+
 ## [1.0.4] - 04.01.2020
 
 ### Added

components/molecules/m-product-add-to-cart.vue → components/product/m-product-add-to-cart.vue

@@ -34,8 +34,8 @@
 <script>
 import { onlineHelper } from '@vue-storefront/core/helpers';
 import { SfAddToCart, SfAlert } from '@storefront-ui/vue';
-import AProductQuantity from 'theme/components/atoms/a-product-quantity';
-import AAddToCart from 'theme/components/atoms/a-add-to-cart';
+import AProductQuantity from 'theme/components/product/a-product-quantity';
+import AAddToCart from 'theme/components/product/a-add-to-cart';
 export default {
   name: 'MProductAddToCart',
   components: {

components/molecules/m-product-additional-info.vue → components/product/m-product-additional-info.vue

@@ -41,9 +41,9 @@
 import { ModalList } from 'theme/store/ui/modals';
 import { mapState, mapActions } from 'vuex';
 import { SfHeading, SfTabs, SfDivider } from '@storefront-ui/vue';
-import AProductRating from 'theme/components/atoms/a-product-rating';
-import AProductAttribute from 'theme/components/atoms/a-product-attribute';
-import MReviewList from 'theme/components/molecules/m-review-list';
+import AProductRating from 'theme/components/product/a-product-rating';
+import AProductAttribute from 'theme/components/product/a-product-attribute';
+import MReviewList from 'theme/components/product/m-review-list';
 
 export default {
   name: 'MProductAdditionalInfo',

components/molecules/m-product-option-bundle.vue → components/product/m-product-option-bundle.vue

@@ -38,8 +38,8 @@
 <script>
 import { ProductBundleOption } from '@vue-storefront/core/modules/catalog/components/ProductBundleOption';
 import { SfHeading, SfRadio, SfDivider, SfAlert } from '@storefront-ui/vue';
-import AProductPrice from 'theme/components/atoms/a-product-price'
-import AProductQuantity from 'theme/components/atoms/a-product-quantity'
+import AProductPrice from 'theme/components/product/a-product-price'
+import AProductQuantity from 'theme/components/product/a-product-quantity'
 
 export default {
   mixins: [ProductBundleOption],

components/molecules/m-product-options-bundle.vue → components/product/m-product-options-bundle.vue

@@ -12,7 +12,7 @@
 
 <script>
 import { ProductBundleOptions } from '@vue-storefront/core/modules/catalog/components/ProductBundleOptions'
-import MProductOptionBundle from 'theme/components/molecules/m-product-option-bundle'
+import MProductOptionBundle from 'theme/components/product/m-product-option-bundle'
 
 export default {
   mixins: [ProductBundleOptions],

components/molecules/m-product-options-group.vue → components/product/m-product-options-group.vue

@@ -30,7 +30,7 @@
 <script>
 import config from 'config'
 import { SfGroupedProduct } from '@storefront-ui/vue';
-import AProductPrice from 'theme/components/atoms/a-product-price'
+import AProductPrice from 'theme/components/product/a-product-price'
 export default {
   name: 'MProductOptionsGroup',
   components: {

components/molecules/m-product-short-info.vue → components/product/m-product-short-info.vue

@@ -35,8 +35,8 @@
 
 <script>
 import { SfHeading, SfIcon, SfPrice, SfButton } from '@storefront-ui/vue';
-import AProductRating from 'theme/components/atoms/a-product-rating';
-import AProductPrice from 'theme/components/atoms/a-product-price';
+import AProductRating from 'theme/components/product/a-product-rating';
+import AProductPrice from 'theme/components/product/a-product-price';
 import { createSmoothscroll } from 'theme/helpers'
 export default {
   name: 'MProductShortInfo',

components/organisms/o-product-details.vue → components/product/o-product-details.vue

@@ -58,14 +58,14 @@ import get from 'lodash-es/get'
 import config from 'config';
 import { mapGetters, mapActions } from 'vuex';
 import { SfButton } from '@storefront-ui/vue';
-import MProductGallery from 'theme/components/molecules/m-product-gallery';
-import MProductShortInfo from 'theme/components/molecules/m-product-short-info';
-import MProductAddToCart from 'theme/components/molecules/m-product-add-to-cart';
-import MProductAdditionalInfo from 'theme/components/molecules/m-product-additional-info';
-import MProductOptionsConfigurable from 'theme/components/molecules/m-product-options-configurable';
-import MProductOptionsBundle from 'theme/components/molecules/m-product-options-bundle';
-import MProductOptionsCustom from 'theme/components/molecules/m-product-options-custom';
-import MProductOptionsGroup from 'theme/components/molecules/m-product-options-group';
+import MProductGallery from 'theme/components/product/m-product-gallery';
+import MProductShortInfo from 'theme/components/product/m-product-short-info';
+import MProductAddToCart from 'theme/components/product/m-product-add-to-cart';
+import MProductAdditionalInfo from 'theme/components/product/m-product-additional-info';
+import MProductOptionsConfigurable from 'theme/components/product/m-product-options-configurable';
+import MProductOptionsBundle from 'theme/components/product/m-product-options-bundle';
+import MProductOptionsCustom from 'theme/components/product/m-product-options-custom';
+import MProductOptionsGroup from 'theme/components/product/m-product-options-group';
 import { ModalList } from 'theme/store/ui/modals';
 
 export default {

pages/Product.vue

@@ -61,8 +61,8 @@ import { ReviewModule } from '@vue-storefront/core/modules/review';
 import { registerModule } from '@vue-storefront/core/lib/modules';
 import { onlineHelper, isServer } from '@vue-storefront/core/helpers';
 import { catalogHooksExecutors } from '@vue-storefront/core/modules/catalog-next/hooks';
-import MRelatedProducts from 'theme/components/molecules/m-related-products';
-import OProductDetails from 'theme/components/organisms/o-product-details';
+import MRelatedProducts from 'theme/components/product/m-related-products';
+import OProductDetails from 'theme/components/product/o-product-details';
 import AImagesGrid from 'theme/components/atoms/a-images-grid';
 import { checkWebpSupport } from 'theme/helpers'
 import { SfSection, SfBanner, SfBreadcrumbs } from '@storefront-ui/vue';