Show estimate delivery time

Highlighted
Tourist
3 0 1

Hi, is a code or app , to  write and show delivery time on all product page like :

Delivery time 7-15 days

0 Likes
Highlighted
Shopify Staff
Shopify Staff
537 0 86

Hey, Evelyne!

Savannah here from the Shopify Guru Team. :) 

There are a few different ways we can go about this. Will you have different shipping times for each product, or will they all be the same? If you're comfortable with coding, and your products will have different wait times, you can create a new product template using this guide. In each template, you would just need to add a line of text that says the estimated shipping time, and then apply each template to each set of products. 

For example, let's say you have a group of products that have 2-3 day shipping times, and a group that have 7-15 day shipping times. You would navigate to Online Store>Themes and select "Edit HTML/CSS" from the Actions menu on your active theme. 

Then, you would click the button that says "Add a new template" in the templates folder. Select, "template" from the drop-down menu and name it, like this

Once you've done that, find the folder that says, "Sections" and click the button that says, "Add a new section." Call the section something like product-template-2-3

Then, delete everything in the file and copy and paste all of the contents of your product-template.liquid into your product-tempalte-2-3.liquid

It looks like you're using Pop. Navigate to the part of the code in your new product-2-3-template.liquid (in your sections folder) that says <div class="product-single__desc rte" itemprop="description"> (you can do a CMD + F search to find it) and then write your message directly above, like this

Then, go back to your product-2-3-days.liquid template, and change the piece of coding that says {% section 'product-template' %} to {% section 'product-template-2-3' %} (or whatever you've named it). 

Finally, go to your product in the admin, and switch the theme template to your product-2-3-days.liquid, like this

If you've just got one shipping time, you can skip all the business about creating alternate templates and just apply that text directly to your product-template.liquid in your Sections folder. 

Let me know if you have any further questions!

Savannah | Shopify Guru
support@shopify.com

0 Likes
Highlighted
Tourist
3 0 1

Hi, thank you for your response, I want something like in this store, they have an icon and then a text  8-12 Days, icon then text  100% Secure Payment Guarantees, how it's done?

https://www.unicornrhapsody.com/products/3d-mermaid-scales-case

0 Likes
Highlighted
Tourist
3 0 1

Hi, thank you for your response, I want something like in this store, they have an icon and then a text  8-12 Days, icon then text  100% Secure Payment Guarantees, how it's done?

https://www.unicornrhapsody.com/products/3d-mermaid-scales-case

1 Like
Highlighted
Shopify Staff
Shopify Staff
537 0 86

Hey, again!

Okay,  so that looks to be an image. Basically, what you would need to do is create a similar image in a photo editing software (for example, Pixlr https://pixlr.com/). Upload the file to Settings>Files in your admin, and copy the CDN file URL, and paste it between the quotes where it says URL in this code: 

<img src="url" alt="some_text">

Where it says some_text, replace it with a description of the image. For example, "shipping times." 

Then, copy the entire code. Instead of inserting the text above as I mentioned, you would navigate to your product-template.liquid and paste that code instead to display the image. 

Let me know if that makes sense, or if you have any further questions! 

Savannah | Shopify Guru
support@shopify.com

0 Likes
Highlighted
New Member
2 0 0

Hi,
I followed all the steps, but my product-template.liquid looks completely different and I can't find anything there to describe it.

I have the Empire theme.
This is what the code looks like:

 

{%- capture recently_viewed_data -%}
{%-
include 'product-recently-viewed',
product: product
-%}
{%- endcapture %}

<script
type="application/json"
data-section-type="static-product"
data-section-id="{{ section.id }}"
data-section-data
>
{
"settings": {
"cart_redirection": {{ section.settings.product_cart_redirect | json }},
"layout": {{ section.settings.layout | json }},
"money_format": {{ shop.money_format | strip_html | json }},
"enable_video_autoplay": {{ section.settings.enable_video_autoplay | json }},
"enable_image_zoom": {{ settings.enable_image_zoom | json }},
"image_zoom_level": {{ settings.image_zoom_level | json }}
},
"context": {
"product_available": {{ 'product.buttons.add_to_cart' | t | json }},
"product_unavailable": {{ 'product.buttons.sold_out' | t | json }}
},
"product": {{ product | json }}
{{ recently_viewed_data }}
}
</script>

{% include 'breadcrumbs' %}

<section class="product--container {{ section.settings.layout }}" data-product-wrapper>
{%
include 'product',
layout: section.settings.layout,
is_product_modal: false
%}
</section>

{% if section.settings.enable_related_products %}
{% assign related_collection = collection %}
{% if collection == null or collection.handle == 'frontpage' or collection.handle == 'all' %}
{% assign collection_found = false %}
{% for c in product.collections %}
{% if collection_found == false and c.handle != 'frontpage' and c.handle != 'all' %}
{% assign collection_found = true %}
{% assign related_collection = c %}
{% break %}
{% endif %}
{% endfor %}
{% endif %}

{% if related_collection.products.size > 0 %}
{%
include 'related-products',
current_product: product.id
%}
{% endif %}
{% endif %}

{% if settings.product_ratings_reviews %}
<section class="product-section--container" data-product-reviews>
<div class="product-section--content product-reviews--content">
<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
</div>
</section>
{% endif %}

{% if settings.product_enable_recently_viewed_products %}
<section class="product-section--container product-recently-viewed--section">
<div class="product-recently-viewed-wrapper">
<div class="product-recently-viewed-header">
<h3 class="product-recently-viewed-heading">
{{ 'general.time.previous' | t }}
</h3>
<span
class="product-recently-viewed-clear"
data-clear-recently-viewed
>
{{ 'general.time.clear' | t }}
</span>
</div>

<div
class="
product-section--content
product-recently-viewed--content
imagestyle--{{ settings.product_grid_image_style }}
"
data-recently-viewed-container
></div>
</div>
</section>
{% endif %}

{% schema %}
{
"name": "Product pages",
"class": "product--section",
"settings": [
{
"id": "layout",
"type": "select",
"label": "Layout",
"options": [
{
"value": "layout--two-col",
"label": "2 columns"
},
{
"value": "layout--three-col",
"label": "3 columns"
}
],
"default": "layout--three-col"
},
{
"type": "checkbox",
"id": "enable_related_products",
"label": "Enable related products",
"default": false
},
{
"type": "checkbox",
"id": "enable_video_autoplay",
"label": "Enable autoplay for product videos",
"default": false
},
{
"type": "checkbox",
"id": "show_dcb",
"label": "Show dynamic checkout button",
"info": "Each customer will see their preferred payment method from those available on your store, such as PayPal or Apple Pay. [Learn more](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"default": true
},
{
"type": "checkbox",
"id": "product_cart_redirect",
"label": "Enable cart redirection",
"info": "Automatically sends users to the Cart page after adding a product.",
"default": false
}
]
}

{% endschema %}



Can you help me here, where I have to insert the delivery time?

Thank you & many greetings

0 Likes
Highlighted
New Member
2 0 0

Found it out. But anyway thank you.

0 Likes
Highlighted
Shopify Expert
94 1 6

Just chiming in that we have an app (previously featured on the Shopify App Store) which offers merchants a bit more flexibility as well urgency with a countdown.

 

These are tactics used by main large Ecommerce outfits such as Amazon. They are designed to mainly inform the customer of dispatch time and estimated delivery dates. These are great for boosting conversions which result in not leaving your customers second guessing or clicking the back button.

 

You can check out Delivery Timer here: https://apps.shopify.com/delivery-timer

Shopify Expert, Apps & Support - https://www.launchtip.com
0 Likes
Highlighted
New Member
2 0 1
Hi!
I need an app because I am not keen on koding.
I have different time of delivery in each product.
1 Like
Highlighted
Shopify Expert
94 1 6

Hello Manena1,

 

You can setup rules for individual products and collections using Delivery Timer.

 

Hope that helps.

 

Kind Regards,

 

Dan @ LaunchTip

Shopify Expert, Apps & Support - https://www.launchtip.com
0 Likes