TT-ZT
1
I’ve already done some customizations on shopify’s abandon cart email but cannot get the button to align center for the life of me. Please help!
Here’s the screenshot of what the button looks like right now. I just want the ‘return to my cart’ button to be centered.
Here’s the code (button is towards the bottom):
{{ email_title }}
.button__cell { background: {{ shop.email_accent_color }};}
a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; }
.button__text{ font-family:montserrat,Gill sans, sans-serif; font-size:14px;}
{%- if shop.email_logo_url %}
![{{ shop.name }}]()
{%- else %}
{%- endif %}
|
|
|
{{ email_title }}
{% if custom_message != blank %}
{{ custom_message }}
{% else %}
{{ email_body }}
{% endif %}
|
|
{% for line in subtotal_line_items %}
{% endfor %}
{% if line.image %}
![]()
{% endif %}
|
{% if line.product.title %}
{% assign line_title = line.product.title %}
{% else %}
{% assign line_title = line.title %}
{% endif %}
{% if line.quantity < line.quantity %}
{% capture line_display %} {{ line.quantity }} of {{ line.quantity }} {% endcapture %}
{% else %}
{% assign line_display = line.quantity %}
{% endif %}
{{ line_title }} × {{ line_display }}
{% if line.variant.title != ‘Default Title’ %}
{{ line.variant.title }}
{% endif %}
{% if line.selling_plan_allocation %}
{{ line.selling_plan_allocation.selling_plan.name }}
{% endif %}
{% if line.refunded_quantity > 0 %}
Refunded
{% endif %}
{% if line.discount_allocations %}
{% for discount_allocation in line.discount_allocations %}
{% if discount_allocation.discount_application.target_selection != ‘all’ %}
![]()
{{ discount_allocation.discount_application.title | upcase }}
(-{{ discount_allocation.amount | money }})
{% endif %}
{% endfor %}
{% endif %}
|
|
|
|
|
Don't want to receive cart reminders from us? Unsubscribe
|
|
![]()
|
Hi @TT-ZT !
The good idea here is, you can give the url of site, because the issue need check through browser inspect.
Thanks!
there are multiple tables congested together.
can you try this updated code?
<table>
<table>
<table>
<table>
<tr>
<td>
{%- if shop.email_logo_url %}
{%- else %}
#
{{ shop.name }}
{%- endif %}
</td>
</tr>
</table>
</table>
</table>
<table>
<table>
<tr>
<td>
## {{ email_title }}
{% if custom_message != blank %}
{{ custom_message }}
{% else %}
{{ email_body }}
{% endif %}
</td>
</tr>
</table>
</table>
<table>
<table>
<tr>
<td>
### What we found
</td>
</tr>
</table>
<table>
{% for line in subtotal_line_items %}
{% endfor %}
<table>
<table>
<tr>
<td>
{% if line.image %}
{% endif %}
</td>
<td>
{% if line.product.title %}
{% assign line_title = line.product.title %}
{% else %}
{% assign line_title = line.title %}
{% endif %}
{% if line.quantity < line.quantity %}
{% capture line_display %} {{ line.quantity }} of {{ line.quantity }} {% endcapture %}
{% else %}
{% assign line_display = line.quantity %}
{% endif %}
{{ line_title }} × {{ line_display }}
{% if line.variant.title != 'Default Title' %}
{{ line.variant.title }}
{% endif %}
{% if line.selling_plan_allocation %}
{{ line.selling_plan_allocation.selling_plan.name }}
{% endif %}
{% if line.refunded_quantity > 0 %}
Refunded
{% endif %}
{% if line.discount_allocations %}
{% for discount_allocation in line.discount_allocations %}
{% if discount_allocation.discount_application.target_selection != 'all' %}
{{ discount_allocation.discount_application.title | upcase }}
(-{{ discount_allocation.amount | money }})
{% endif %}
{% endfor %}
{% endif %}
</td>
</tr>
</table>
</table>
</table>
</table>
<table>
<tr>
<td>
</td>
</tr>
<table>
<tr>
<td>
Return To My Cart
</td>
</tr>
</table>
</table>
<table>
<table>
<tr>
<td>
Don't want to receive cart reminders from us? Unsubscribe
</td>
</tr>
</table>
</table>
</table>
TT-ZT
4
@Ahsan_ANC I’m afraid that didn’t work 
@TT-ZT
can you forward this email to me on anc2277@gmail.com
TT-ZT
6
@Ahsan_ANC just forwarded you the email! thank you
plz test this code
<table>
<table>
<table>
<table>
<tr>
<td>
{%- if shop.email_logo_url %}
{%- else %}
#
{{ shop.name }}
{%- endif %}
</td>
</tr>
</table>
</table>
</table>
<table>
<table>
<tr>
<td>
## {{ email_title }}
{% if custom_message != blank %}
{{ custom_message }}
{% else %}
{{ email_body }}
{% endif %}
</td>
</tr>
</table>
</table>
<table>
<table>
<tr>
<td>
### What we found
</td>
</tr>
</table>
<table>
{% for line in subtotal_line_items %}
{% endfor %}
<table>
<table>
<tr>
<td>
{% if line.image %}
{% endif %}
</td>
<td>
{% if line.product.title %}
{% assign line_title = line.product.title %}
{% else %}
{% assign line_title = line.title %}
{% endif %}
{% if line.quantity < line.quantity %}
{% capture line_display %} {{ line.quantity }} of {{ line.quantity }} {% endcapture %}
{% else %}
{% assign line_display = line.quantity %}
{% endif %}
{{ line_title }} × {{ line_display }}
{% if line.variant.title != 'Default Title' %}
{{ line.variant.title }}
{% endif %}
{% if line.selling_plan_allocation %}
{{ line.selling_plan_allocation.selling_plan.name }}
{% endif %}
{% if line.refunded_quantity > 0 %}
Refunded
{% endif %}
{% if line.discount_allocations %}
{% for discount_allocation in line.discount_allocations %}
{% if discount_allocation.discount_application.target_selection != 'all' %}
{{ discount_allocation.discount_application.title | upcase }}
(-{{ discount_allocation.amount | money }})
{% endif %}
{% endfor %}
{% endif %}
</td>
</tr>
</table>
</table>
</table>
</table>
<table>
<tr>
<td>
</td>
</tr>
<table>
<tr>
<td>
Return To My Cart
</td>
</tr>
</table>
</table>
<table>
<table>
<tr>
<td>
Don't want to receive cart reminders from us? Unsubscribe
</td>
</tr>
</table>
</table>
</table>
TT-ZT
8
@Ahsan_ANC That worked perfectly! Thank you for your help 
