collection products not showing

[Nabeelshakil]

Hi there

 I have created a custom liquid section in which i want to show collection banner on left and collection on right i have created that section but the issue is it shows no products in this collection sharing url https://sundip1.myshopify.com/ can anyone help me out

[DaisyVo]

Hi @Nabeelshakil 

 

It seems this block has been customized from your end, it isn't the theme setting. Could you please share with me the screenshot where you generated it? 

[Nabeelshakil]

sorry i didnt get you what exactly i have to provide you in screenshot

[DaisyVo]

I mean that could you please share with me the screenshot where you created the section you mentioned above? 

[Nabeelshakil]

is this the thin you need???

[DaisyVo]

@Nabeelshakil 

Yes, it's correct. Thank you so much. Let me check it quickly with our technical team here.

[DaisyVo]

@Nabeelshakil 

Would you mind copying all the code there and share with us in the file? 

[Nabeelshakil]

sharing you the code

[DaisyVo]

@Nabeelshakil 

Yes, please share it here 😊

[Nabeelshakil]

<div class="custom-slider-container">
    <!-- Static Image on the left -->
    <div class="static-image">
        <img src="https://cdn.shopify.com/s/files/1/0909/7229/1354/files/Untitled-Photoroom_4.png?v=1733803343" alt="Static Image">
    </div>

    <!-- Product Collection Slider on the right -->
    <div class="product-slider">
        {% assign collection = collections['ketchup-and-sauces'] %} <!-- Use the collection handle -->
        {% if collection.products.size > 0 %}
            {% for product in collection.products %}
                <div class="product-slide">
                    <a href="{{ product.url }}">
                        <img src="{{ product.featured_image | img_url: 'medium' }}" alt="{{ product.title }}">
                        <p>{{ product.title }}</p>
                        <p>{{ product.price | money }}</p>
                    </a>
                </div>
            {% endfor %}
        {% else %}
            <p>No products found in this collection.</p>
        {% endif %}
    </div>
</div>

[DaisyVo]

@Nabeelshakil 

You should re-check this line from your code:

 

It can't work in the custom liquid block because the value can't be taken. 

[Nabeelshakil]

then how can we resolve this???

[DaisyVo]

Hi @Nabeelshakil 

You might need to contact the theme provider for further information on this problem. Since we are not allowed to access your theme to check it further. 

Hope you can kindly understand. Thank you! 

[Nabeelshakil]

thanks for you help dear by the way m using dawn theme if you can help

[TheUntechnickle]

Hey @Nabeelshakil,

The code you've pasted here is correct, however, on checking your collection "Ketchup and Sauces", we found that your collection handle is coming out to be [https-admin-shopify-com-store-sundip1-collections-ketchup-and-sauces]

Either you can modify the collection handle by 

To find your correct collection handle:

1. Go to your Shopify admin
2. Navigate to Products > Collections
3. Click on your Ketchup and Sauces collection
4. Look at the URL - the last part after 'collections/' is your handle
   • Or check the 'Website URL' field in your collection's SEO section

Or if you don't want to change this collection handle, you can modify the above code to be:

<div class="custom-slider-container">
    <!-- Static Image on the left -->
    <div class="static-image">
        <img src="https://cdn.shopify.com/s/files/1/0909/7229/1354/files/Untitled-Photoroom_4.png?v=1733803343" alt="Static Image">
    </div>
    <!-- Product Collection Slider on the right -->
    <div class="product-slider">
        {% assign collection = collections['https-admin-shopify-com-store-sundip1-collections-ketchup-and-sauces'] %} <!-- Using full URL handle -->
        {% if collection.products.size > 0 %}
            {% for product in collection.products %}
                <div class="product-slide">
                    <a href="{{ product.url }}">
                        <img src="{{ product.featured_image | img_url: 'medium' }}" alt="{{ product.title }}">
                        <p>{{ product.title }}</p>
                        <p>{{ product.price | money }}</p>
                    </a>
                </div>
            {% endfor %}
        {% else %}
            <p>No products found in this collection.</p>
        {% endif %}
    </div>
</div>

Hope this helps. If yes, do accept this as a solution.

Cheers!
Shubham | Untechnickle

[Nabeelshakil]

it also didnt worked

[Nabeelshakil]

please guide me how to share collabrator code

[TheUntechnickle]

There you go -->

[Nabeelshakil]

4052