Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Default title not wanted

Solved

How can I remove 'default title' on single variant products?

Grovely
Tourist
14 0 2

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

Accepted Solution (1)
JHKCreate
Shopify Partner
3571 638 931

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>

 

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com

View solution in original post

Replies 23 (23)

JHKCreate
Shopify Partner
3571 638 931

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!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Grovely
Tourist
14 0 2

If you have a look at this link

https://www.grovelypetsupplies.co.uk/products/arden-grange-adult-dog-food-chicken-rice-lamb-rice-twi...

you will see what I mean. This is only coming up on items without any variants.

 

Thanks

 

JHKCreate
Shopify Partner
3571 638 931

You basically need this on a product with no variants:

JHKC_0-1598625790110.png

 

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Grovely
Tourist
14 0 2

HI, Yes thats exactly what I want on products without a variant

Grovely
Tourist
14 0 2

how do i fix this?

JHKCreate
Shopify Partner
3571 638 931

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

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
JHKCreate
Shopify Partner
3571 638 931

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>

 

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Grovely
Tourist
14 0 2
Thankyou so much. Very much appreciated
JHKCreate
Shopify Partner
3571 638 931

Sure thing! Should you need further assistance don't hesitate to send me an email or a DM.

Cheers!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
rablabs
Visitor
1 0 0

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?

Grovely
Tourist
14 0 2

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

 

JHKCreate
Shopify Partner
3571 638 931

Hi There!

Checking it as we speak hold on!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
JHKCreate
Shopify Partner
3571 638 931

Issue has been resolved, updated code below:

 

 

{% if product.has_only_default_variant %}
<style>
#quantity-selector- {
float: left;
}
.variant_selector
{
display:none;
}
</style>

{%endif%}

 

 

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Grovely
Tourist
14 0 2

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

JHKCreate
Shopify Partner
3571 638 931

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%}

 

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Grovely
Tourist
14 0 2

Hi, thats getting there. Could you make the font a lille bigger and in Bold too please.

 

Thankyou

Grovely
Tourist
14 0 2

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

JHKCreate
Shopify Partner
3571 638 931

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">&#60;&nbsp; Continue shopping</a>

 

 

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Grovely
Tourist
14 0 2

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?

JHKCreate
Shopify Partner
3571 638 931

Done, here's the updated code:

<a id="continue-shopping-3" href="javascript&colon;history.back()" title="Continue shopping">&#60;&nbsp; Continue shopping</a>
Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Grovely
Tourist
14 0 2

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. 

JHKCreate
Shopify Partner
3571 638 931

Sure thing, will keep the collaborator access active then, cheers!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com

CE71
Tourist
7 0 3

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. 

 

Screen Shot 2022-10-03 at 12.01.23 PM.png

Screen Shot 2022-10-03 at 12.01.43 PM.png