Hello 
There is a solution or code to make the arrow of the carrousel more bigger please?
When I receive an email notification from an order, the product images are too small, is it possible to enlarge the image thumbnails?
I have try this code in my custom email notification but it don’t work.
The code was found in this forum
<img src="{{ line.line_item | img_url: '450x450' }}" align="left" class="order-list__product-image"/>
Or if it’s not possible to enlarge the thumbnails, maybe we can enlarge the body of the content email?
I use the theme: Dawn version 6.0.2
Thanks
Great days!
Hi @Julianinho
Thanks for your question and welcome to the Shopify community.
To solve the slider arrow issue follow the below points.
- find the component-slider.css under assets folder
- open component-slider.css and put below css at bottom
/* to style arrow background color and arrow color change below color codes */
.slider-button {
color: #fff;
background: #b23737;
}
/* adjust size of arrow 1.1rem, 0.8rem, 1.5rem etc */
.slider-button .icon {
height: 1rem;
}
Issues 2:
To solve the image size in order email go to Settings at bottom left in admin
Scroll down to bottom to find New Order and click on that
- Now, find
![]()
tag and replace medium to Shopify’s defined different sizes listed below image.
Here’s the list of sizes and image names:
- 16 x 16 – pico
- 32 x 32 – icon
- 50 x 50 – thumb
- 100 x 100 – small
- 160 x 160 – compact
- 240 x 240 – medium
- 480 x 480 – large
- 600 x600 – grande
- 1024 x 1024 – 1024 x 1024
- 2048 x 2048 – 2048 x 2048
- Largest image – master
Just replace with your suitable size.
Thanks
Note: still need more help, ask me.
Thanks a lot for your help
For the carrousel it work great!
For the custom email I have the same problem, i don’t have the same code that in your screen, here the mine:
{% if line.image %}
![]()
{% endif %}
This is the default code I have, I haven’t changed it yet ^^
I have replace “compact_cropped” by for example 240 x 240
There is other solution please?
Thanks
@Julianinho
Kindly paste the below code in New Order Notification section to get bigger image sizes.
{% capture email_title %}
Security check
{% endcapture %}
| |
| - |
<table>
{% if fulfillment_aborted %}
<table>
<tr>
<td>
</td>
<td>
**Order was not fulfilled automatically**
High risk of fraud detected. Before fulfilling this order or capturing payment, please review the the Risk Analysis and determine if this order is fraudulent.
</td>
</tr>
</table>
{% endif %}
{% if has_high_risks? %}
<table>
<tr>
<td>
</td>
<td>
**High risk of fraud detected**
Before fulfilling this order or capturing payment, please review the the Risk Analysis and determine if this order is fraudulent.
</td>
</tr>
</table>
{% endif %}
<table>
<table>
<table>
<table>
<table>
{% assign current_date = date | date: "%b %d" %}
{% assign current_time = date | date: "%l:%M %P" %}
{% if customer.name %}
{{ customer.name }} placed order {{ name }} on {{ current_date }} at {{ current_time | strip }}.
{% else %}
Someone placed order {{ name }} on {{ current_date }} at {{ current_time | strip }}.
{% endif %}
<table>
<tr>
<td>
</td>
</tr>
<table>
<tr>
<td>
[View order](https://{{ shop.permanent_domain }}/admin/orders/{{ id }})
</td>
</tr>
</table>
</table>
</table>
</table>
</table>
<table>
<table>
**Order summary**
{% for line in subtotal_line_items %}
{% endfor %}
<table>
<table>
<td>
{% if line.image %}
{% endif %}
</td>
{% if line.quantity < line.quantity %}
{% capture line_display %} {{ line.quantity }} of {{ line.quantity }} {% endcapture %}
{% else %}
{% assign line_display = line.quantity %}
{% endif %}
{% if line.product.title == blank %}
{{ line.title }}
{% else %}
{{ line.product.title }}
{% endif %}
{% if line.quantity %}
{% if line.original_line_price != line.final_line_price %}
<del>{{ line.original_price | money }}</del>
{% endif %}
{{ line.final_price | money }} × {{ line.quantity }}
{% endif %}
{% if line.variant.title != 'Default Title' %}
{{ line.variant.title }}
{% if line.sku != blank %}
•
{% endif %}
{% endif %}
{% if line.sku != blank %}
SKU: {{ line.sku }}
{% endif %}
{% if line.selling_plan_allocation != nil %}
{{ line.selling_plan_allocation.selling_plan.name }}
{% endif %}
{% if line.final_line_price > 0 %}
{{ line.final_line_price | money }}
{% else %}
Free
{% endif %}
</table>
</table>
<table>
{% assign discount_value = 0 %}
{% for discount_application in discount_applications %}
{% if discount_application.target_selection == 'all' %}
{% assign discount_value = discount_application.total_allocated_amount %}
{% endif %}
{% endfor %}
{% for discount_application in discount_applications %}
{% if discount_application.target_selection == 'all' %}
{% capture discount_title %}
{% if discount_application.title %}
{{ discount_application.title | upcase }}
{% else %}
Discount
{% endif %}
{% endcapture %}
{% endif %}
{% endfor %}
{% if delivery_method == 'pick-up' %}
{% else %}
{% endif %}
{% for tax_line in tax_lines %}
{% endfor %}
<table>
<tr>
<td>
{% if titleBold %}
**Subtotal**
{% else %}
Subtotal
{% endif %}
</td>
<td>
{% if valueBold %}
**{{ subtotal_price | plus: discount_value | money }}**
{% else %}
{{ subtotal_price | plus: discount_value | money }}
{% endif %}
</td>
</tr>
<tr>
<td>
{% if titleBold %}
**Discount**
{% else %}
Discount
{% endif %}
{% if discount_title.size > 0 %}({{ discount_title | strip }}){% endif %}
</td>
<td>
{% if valueBold %}
**-{{ discount_application.total_allocated_amount | money }}**
{% else %}
-{{ discount_application.total_allocated_amount | money }}
{% endif %}
</td>
</tr>
<tr>
<td>
{% if titleBold %}
**Pickup**
{% else %}
Pickup
{% endif %}
</td>
<td>
{% if valueBold %}
**{{ shipping_price | money }}**
{% else %}
{{ shipping_price | money }}
{% endif %}
</td>
</tr>
<tr>
<td>
{% if titleBold %}
**Shipping**
{% else %}
Shipping
{% endif %}
{% if shipping_method.title.size > 0 %}({{ shipping_method.title }}){% endif %}
</td>
<td>
{% if valueBold %}
**{{ shipping_price | money }}**
{% else %}
{{ shipping_price | money }}
{% endif %}
</td>
</tr>
<tr>
<td>
{% if titleBold %}
**Tax**
{% else %}
Tax
{% endif %}
{% if tax_line.title.size > 0 %}({{ tax_line.title }} {{ tax_line.rate | times: 100 }}%){% endif %}
</td>
<td>
{% if valueBold %}
**{{ tax_line.price | money }}**
{% else %}
{{ tax_line.price | money }}
{% endif %}
</td>
</tr>
</table>
<table>
<tr>
<td>
{% if titleBold %}
**Total**
{% else %}
Total
{% endif %}
</td>
<td>
{% if valueBold %}
**{{ total_price | money_with_currency }}**
{% else %}
{{ total_price | money_with_currency }}
{% endif %}
</td>
</tr>
</table>
</table>
</table>
</table>
<table>
<table>
{% if gateway %}
<table>
<tr>
<td>
**Payment processing method**
{{ gateway }}
</td>
</tr>
</table>
{% endif %}
{% if requires_shipping and shipping_address %}
{% if shipping_methods.first %}
<table>
<tr>
<td>
**Delivery method**
{% for shipping_method in shipping_methods %}
{{ shipping_method.title }}
{% endfor %}
</td>
</tr>
</table>
{% endif %}
<table>
<tr>
<td>
**Shipping address**
{{ shipping_address.name }}
{{ shipping_address.street }}
{{ shipping_address.city }},
{{ shipping_address.province }}
{{ shipping_address.zip }}
{{ shipping_address.country }}
{{ shipping_address.phone }}
</td>
</tr>
</table>
{% endif %}
</table>
</table>
</table>
</table>
</table>
Thanks so much for your help, it’s work well 
You’re great!
