variant internal link

[eslamibrahim]

I want to create internal links like this when i click on that variant open new URL.

This example link: https://medpak.shop/products/bilovit-orange-essential-oil-10-ml

please help me to do that, thank you

[INA_MSWEB]

Hello,

I am San from MS Web Designer.

Here is the solution:

I just checked in chrome inspect and i think in this website variant created as custom section in that product page and if you want open this variant in new tab then you have to add this in href link target=”_blank”

Do let me know in case of any concerns.

Regards,

San

[BSSCommerce-B2B]

Hi @eslamibrahim , you can try follow my instructions.

- Go to Online store -> Themes -> Edit code

- Find file theme.liquid

- Paste this code above tag </head> -> Click Save

 {% if request.page_type == "product" %}
    <script>      
      const productVariantLinks = document.querySelectorAll('.product-info__block .product-version-wrapper .product-version-link');
      
      setTimeout(() => {
        productVariantLinks.forEach(link => {
          link.setAttribute('target', '_blank');
        });
      }, 500);
    </script>
    {% endif %}

 I hope this helps! If it works for you, please mark it as a solution. I am very happy about that. Have a great day!

[eslamibrahim]

Thank you so much, but that's not my store. Here is the link I was referring to: https://medpak.shop/products/bilovit-orange-essential-oil-10-ml.
I would like to implement a feature similar to that.

 

[eslamibrahim]

I want to do that on my website, I want to link another like that" https://level-up.gg/products/jbl-true-wireless-earphone-t205bt " on that Product link  JBL WIRELESS EARPHONE WITH MIC BLACK T110BT – Level Up (level-up.gg)

[BSSCommerce-B2B]

Hi @eslamibrahim 

- These are the default interface and features of the theme.

- To display the variant options, first add variants to your product. If the variant options still do not appear, you can go to the following step by step to check and enable it.

1. Go to Online store -> Themes -> Customize

2. Select product page -> Variant picker

* NOTE: 

You can install the app BSS: Product Variants Options (https://apps.shopify.com/product-options-by-bss)

if you want to choose from various option types: Image swatch, textbox, multi-select, file upload, and more. Or choose colors and customize according to your preferences...."

Have a nice day sir!