Shopify themes, liquid, logos, and UX
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
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
If it’s helpful to you, please mark it as a solution.
Need Help with Shopify Design, Migration, Speed, or Custom tasks?
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin
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!
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
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.
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)
- 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!
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024