Not A Question, Possible Solution For Others

Store Design
1

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.

{%- if section.settings.title != blank -%}

{{section.settings.title}}

{%- endif -%}
{{section.settings.custom_html}}

Powered by HuraTips.Com

#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;}

{% 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.

1 Like