Skip to content

Fix issue 51. Add promoted products component#60

Open
hoborg91 wants to merge 1 commit into
otusteamedu:masterfrom
hoborg91:feature/issue51-promo-products
Open

Fix issue 51. Add promoted products component#60
hoborg91 wants to merge 1 commit into
otusteamedu:masterfrom
hoborg91:feature/issue51-promo-products

Conversation

@hoborg91

Copy link
Copy Markdown
  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 hoborg91@gmail.com

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 <hoborg91@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant