Fix issue 51. Add promoted products component #60
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
1. Simplified product card for promoted products. File: ProductsSimple.vue. The component is based on Products.vue. The component utilizes different resolution images for different user device size. Bulma responsive helpers are used to show the necessary image: https://bulma.io/documentation/helpers/visibility-helpers/ . 2. Promo products list. File: PromoProducts.vue. The component is base on CategoryProducts.vue. The component utilizes the new store action pseudoFetchPromoProducts which for now returns all products with calculated rating 3 or more. The Pagination.vue component is modified in such a way that it accepts one additional optional prop "gridIsConstant" with "false" default value. One should set it "true" to remove a possibility to choose diplayed items count. This modification is utilized by PromoProducts. 3. Promo products list integration. The new component is integrated into the main page (Homepage.vue) and into the page diplaying a single new (SingleNew.vue). 4. Other fixes. 4.1. Change "require" syntax to "import from" syntax (SingleNew.vue). 4.2. Remove redundant empty lines (SingleNew.vue). 4.3. Fix typo "rlinkk" -> "rlink" (Products.vue). Signed-off-by: hoborg91 <[email protected]>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Simplified product card for promoted products.
File: ProductsSimple.vue. The component is based on Products.vue.
The component utilizes different resolution images for different user
device size. Bulma responsive helpers are used to show the necessary
image: https://bulma.io/documentation/helpers/visibility-helpers/ .
Promo products list.
File: PromoProducts.vue. The component is base on CategoryProducts.vue.
The component utilizes the new store action pseudoFetchPromoProducts
which for now returns all products with calculated rating 3 or more.
The Pagination.vue component is modified in such a way that it accepts
one additional optional prop "gridIsConstant" with "false" default
value. One should set it "true" to remove a possibility to choose
diplayed items count. This modification is utilized by PromoProducts.
Promo products list integration.
The new component is integrated into the main page (Homepage.vue) and
into the page diplaying a single new (SingleNew.vue).
Other fixes.
4.1. Change "require" syntax to "import from" syntax (SingleNew.vue).
4.2. Remove redundant empty lines (SingleNew.vue).
4.3. Fix typo "rlinkk" -> "rlink" (Products.vue).
Signed-off-by: hoborg91 [email protected]