I'm not sure if the URL redirect works for you guys but it didn't work for me.
I did all the same steps.
Removed the collection from online availability and it will not render the product anymore.
This is the work around I figured out.
I first added Custom HTML script.
- From your Shopify admin, go to Online Store > Themes.
- Find the theme you want to edit, and then click Actions > Edit code.
- In the Sections directory, click Add a new section with the name section-custom-html
Copy the below code for this file content.
<div id="huratips-custom-section">
{%- if section.settings.title != blank -%}
<div class="huratips-custom-title"><h2>{{section.settings.title}}</h2></div>
{%- endif -%}
<div class="huratips-custom-code">{{section.settings.custom_html}}</div>
<p class="hura-credit">Powered by <a href="//www.huratips.com" target="_blank">HuraTips.Com</a></p> </div>
<style>
#huratips-custom-section{position:relative;}
.huratips-custom-title{text-align:center;}
.hura-credit{text-align:right;font-size:11px; margin-bottom:20px;font-style:italic;}
</style>
{% schema %}
{
"name": "HTML",
"settings": [
{
"type": "text",
"id": "title",
"label": "Title"
},
{
"type":"textarea",
"id": "custom_html",
"label": "HTML"
}
],
"presets": [
{
"name": "Custom HTML",
"category": "Hura",
"settings": {
}
}
]
}
{% endschema %}
Click Save.
Now you can add custom HTML to block elements.
From there, rendered the collections group the way I wanted via Shopify CMS.
NEXT
I VIEW the page with the collection elements the way I would like.
Inspect the page and find the collection rendered as HTML
Highlight this entire section.
Go back to customize template and add a block of custom HTML WITHIN Product Section
Paste the elements from the rendered page within the custom block area,
Search for the href=/collections/# and paste the link you want to redirect to.
Now my collection list looks exactly the same as before, only it functions the way I want.
Hope This Helps.
