Shopify themes, liquid, logos, and UX
hello all,
I am currently linking my shopify to my EPOS system. For this to happen, and to save work, I have removed the variant options on all the items where there is only 1 variant to make the connection easier. The issue I now have, is that when the variant is deleted, the Product Item on the front end shows "default title" which looks crap. Can I get rid of this without having a variant? thanks in advance
Grovely-pet-supplies is the site
Regards
Dave
Solved! Go to the solution
This is an accepted solution.
Hi There!
Just letting you know the code fix has been deployed as follows in the product.liquid File.
<div class="form_row">
{% comment %} QUANTITY {% endcomment %}
<div id="quantity-selector-{{ section.id }}" class="form__column quantity-selector">
<label for="Quantity" class="quantity-selector">{{ 'products.product.quantity' | t }}</label>
<input type="number" id="Quantity" name="quantity" value="1" min="1" class="qty-remove-defaults quantity-selector">
</div>
{% comment %} VARIANTS {% endcomment %}
{% unless product.has_only_default_variant %}
<div class="variant_selector">
<span class="form_label">Size</span>
<select name="id" id="productSelect-{{ section.id }}" class="product-single__variants">
{% for variant in product.variants %}
{%- include 'bold-variant' with variant, hide_action: 'skip' -%}
{% if variant.available %}
<option {% if variant == current_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} ({{ variant.price | money }})</option>
{% else %}
<option disabled="disabled">
{{ variant.title }} - {{ 'products.product.sold_out' | t }}
</option>
{% endif %}
{% endfor %}
</select>
</div>
{%endunless%}
{% if product.has_only_default_variant %}
<style>
#quantity-selector- {
float: left;
}
</style>
{%endif%}
</div>
Hi There!
You can most certainly hide the dropdown option when "Default Title" is the only option, let me know if this is what you need so I can send you a Collaborator access. Cheers!
If you have a look at this link
you will see what I mean. This is only coming up on items without any variants.
Thanks
You basically need this on a product with no variants:
HI, Yes thats exactly what I want on products without a variant
how do i fix this?
Sent you a request for Collaborative access, I'll do that for you if that's ok! Will let you know what I changed and where
This is an accepted solution.
Hi There!
Just letting you know the code fix has been deployed as follows in the product.liquid File.
<div class="form_row">
{% comment %} QUANTITY {% endcomment %}
<div id="quantity-selector-{{ section.id }}" class="form__column quantity-selector">
<label for="Quantity" class="quantity-selector">{{ 'products.product.quantity' | t }}</label>
<input type="number" id="Quantity" name="quantity" value="1" min="1" class="qty-remove-defaults quantity-selector">
</div>
{% comment %} VARIANTS {% endcomment %}
{% unless product.has_only_default_variant %}
<div class="variant_selector">
<span class="form_label">Size</span>
<select name="id" id="productSelect-{{ section.id }}" class="product-single__variants">
{% for variant in product.variants %}
{%- include 'bold-variant' with variant, hide_action: 'skip' -%}
{% if variant.available %}
<option {% if variant == current_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} ({{ variant.price | money }})</option>
{% else %}
<option disabled="disabled">
{{ variant.title }} - {{ 'products.product.sold_out' | t }}
</option>
{% endif %}
{% endfor %}
</select>
</div>
{%endunless%}
{% if product.has_only_default_variant %}
<style>
#quantity-selector- {
float: left;
}
</style>
{%endif%}
</div>
Sure thing! Should you need further assistance don't hesitate to send me an email or a DM.
Cheers!
Hi - we are having the same problem - "Default Title" is showing up at the end of our product names on our product pages. Like it shows "Coluna Bowl Set, Silver - Default Title". Could you please help?
Hi, how can I undo this solved question. My website now has stopped working correctly when you add the item to the basket. It also doesnt show you the price of the item any more
Hi There!
Checking it as we speak hold on!
Issue has been resolved, updated code below:
{% if product.has_only_default_variant %}
<style>
#quantity-selector- {
float: left;
}
.variant_selector
{
display:none;
}
</style>
{%endif%}
Hello again, thanks for the quick reply. The link is now working, however, there is no price on the item that you are looking at any more
Updated Location & Added Price, third time's a charm.
{% if product.has_only_default_variant %}
<style>
#quantity-selector- {
float: left;
}
.variant_selector
{
display:none;
}
</style>
<br>
<span>{{ product.price | money }}</span>
{%endif%}
Hi, thats getting there. Could you make the font a lille bigger and in Bold too please.
Thankyou
I have just seen another issue, thats different to this one. Should I start another topic? Its the link to continue shopping in the cart area goes to a 404 code instead of back to where they were looking beforehand. Let me know and I can start another topic if required. Thanks
Font Increased + Made It Bold & Continue Shopping Was being filled with an incorrect variable, pointed it back to the homepage when clicked. Let me know if all is well!
Continue Shopping Code:
<a id="continue-shopping-3" href="/" title="Continue shopping">< Continue shopping</a>
Thats better for the pricing, thank you. Are you able to point the continue shopping back to the item they were looking at before adding it to the cart rather than back to the home page?
Done, here's the updated code:
<a id="continue-shopping-3" href="javascript:history.back()" title="Continue shopping">< Continue shopping</a>
That’s fantastic. Thankyou again. I have found a few more issues that I will raise on Monday with my search engine now. I’ve just spotted it whilst going through the issues with you.
Sure thing, will keep the collaborator access active then, cheers!
Super easy fix! Copy your item description then go to the HTML delete everything. Once you're done, switch back over and paste your text back in. It will remove unnecessary coding. This happens from duplicating listings.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024