Not able to send the products to wishlist from compare page if the product is not on the first position

[aayushbhatt18]

Issue Description

On the compare page, if there are multiple products added for comparison.
Only the first product can be added to wishlist when you click on "heart" icon.
But when you try to do the same with other products, the products doesn't get added to cart.

Bagisto Version

• master branch
• 1.3.3
• 1.3.2
• 1.3.1
• 1.3.0

Steps To Reproduce

1. Add multiple products to compare page for comparison.
2. Try to add any product to wishlist from compare page which is not in the first position.

Actual Result

The products except for the first position are not getting added to wishlist.

Expected Result

All the products should get added to the wishlist.

[JunaidJaved248]

@devansh-webkul Can i work on it?

[devansh-webkul]

Hi @JunaidJaved248,

Yeah sure.

[JunaidJaved248]

@devansh-webkul can i guide me, If want to made changes in any index file or component , which steps i need to flow?

[JunaidJaved248]

I am asking this because during previous pull requests, i tried to make changes in UI like index or component files but changes not reflecting

[devansh-webkul]

I already shared you here,
#5243 (comment)

You should be familiar with Vue JS and the development environment.

[devansh-webkul]

Hi @JunaidJaved248,

Are you working on this?

[JunaidJaved248]

Hi @devansh-webkul Yes, working,
I have debug the issue, But while implementing it, it doesn't affecting the change on Vue templates.
I commented above about the guidance about it, But You have mentioned that Flow the steps. I followed them for it but its not affecting the changes, Still trying implement changes

[devansh-webkul]

Alright!

[devansh-webkul]

@JunaidJaved248,

I am seeing, you are already working on another issue. Are you working on this?

[JunaidJaved248]

@JunaidJaved248,

I am seeing, you are already working on another issue. Are you working on this?

@devansh-webkul I am working on it on another branch, while working on it, I have viewed that issue, that's much understandable to me that's why I fixed that one yesterday.
About this issue, I did work on it, issue debugged & Solution also implemented but not reflecting on preview site. If anyone from your team help me out to reaching out the exact way to modify compare products vue component that will be good , I will fix that issue.
Thanks!!

[devansh-webkul]

You should be familiar with the Vue development environment. There are several topics available that you can check on the Bagisto forum.

[devansh-webkul]

This is the component you need to modify,

bagisto/packages/Webkul/Velocity/src/Resources/views/shop/guest/compare/compare-products.blade.php

Line 159 in 8fe4fc1

Vue.component('compare-product', {

No compilation is needed.

[JunaidJaved248]

This is the component you need to modify,

bagisto/packages/Webkul/Velocity/src/Resources/views/shop/guest/compare/compare-products.blade.php

Line 159 in 8fe4fc1

Vue.component('compare-product', {

No compilation is needed.

Okay Right!! @devansh-webkul