How to make a download button link to a right link in dataset according to the product image or text going with the link?

Ask the community
, ,
1

Hello everyone,

I am currently in the process of designing my website and I have encountered a rather difficult step that I need assistance with. Specifically, what I want to achieve is to create a product page with a download button that links to the Samsung Store where my products are available for download.

Here is my product page screenshot:

The challenge that I am facing is that I have multiple products that follow the same design and layout on the product page. However, each product has its own unique download link on the Samsung Store. Therefore, I would like to be able to change the download link on the product page according to the specific product being showcased.

I have tried using an icon hyperlink (I marked yellow in the screenshot), but it only allows me to link to one page/link… at a time. I also attempted to connect the Dataset, but I encountered an issue where the resulted link does not correspond to its respective product, instead linking to the 1st link in the dataset results when the button is clicked.

Is there anyone who can help me with this issue? I would greatly appreciate any assistance provided.

Thank you and I look forward to hearing back from you!

2
  1. Get ll data of your productpage first.
  2. Inspect the resulting object.
    You said that the link is included in each of the Products-Items (i can’t see your databse).
  3. So normaly you should be able to load the link for your button, for each of your products.

Try this one…
PRODUCT-PAGE-CODE:

import wixData from 'wix-data';
$w.onReady(async function() {
start_Process();$w('#productPage1').onMouseIn(()=>{start_Process();});});function start_Process() {$w('#productPage1').getProduct().then(async(product) => {let productName = product.name;console.log("Product-Name: ", productName);let productDescription = product.description;console.log("Prod-Descript: ", productDescription);let currency = product.currency;console.log("Currency: ", currency);let discountedPrice = product.discountedPrice;console.log("Discounted-Price: ", discountedPrice);let inStockAvailability = product.inStock;console.log("In Stock av: ", inStockAvailability);let inventoryItemId = product.inventoryItemId;console.log("Inventory-ItemID: ", inventoryItemId);let productImage = product.mainMedia;console.log("Product-Image: ", productImage);let productMediaItems = product.mediaItems;console.log("ProdMediaItems: ", productMediaItems);let productPrice = product.price;console.log("Product-Price: ", productPrice);let productPageURL = product.productPageUrl;console.log("Product-Page-URL: ", productPageURL);}).catch((error)=>{console.error(error);});
}

See what you get inside your CONSOLE.

Read more here → when working with wix-stores…

3

Hi thanks for your info i also see and same issue in my device https://apkinstaclub.com/insta-pro-apk-download/ and again thanks for your helping me
thanks

4

Thank you very much for your reply.
I am a designer, and I do not understand much about coding, however, with your generous help, I would be lucky to follow your instruction.
This is my dataset:

1755×769 64.6 KB

Can the Download button catch the link of each product according to the name/ image of the product in Product page matching with ones in Dataset. Can you instruct me more in this situation?
Thank you and look forward to hearing from you
Best,