Need Help With Shopify Planet Snippet Positioning In Cart And During Checkout

Store Design
1

Hi,

Shop: https://pointsstore.com.au/
Theme: Brooklyn

I’ve just installed the Shopify Planet app and I’m now trying position the cart banner correctly.

It’s where I’d like it but a would like a top margin as it’s too close to the PayPal button.

I would also like it to be visible when the cart is empty too.

I’m hoping to get it to show all through check out as well.

Any help would be appreciated!

2

Hi @Points :waving_hand:

About the margin, you can go to Themes > Edit code, open file theme.scss (or theme.scss.liquid) and paste this code at the bottom:

.shopify-planet-banner {
margin-top: 32px !important;
}

About the two other issues, the best thing you can do now is to check the Shopify Planet app settings to see if it has the options built-in.

Hope it helps :ok_hand:

3

Thanks for that! That’s nailed the margin issue.

Unfortunately the app has minimal settings but they have give the snippet code. Is that of any use?

Regards,
Myles

4

Code as mentioned above:

{%- assign CURRENT_DATE = "now" | date: "%Y-%m-%dT%H:%MZ" -%} {%- assign ACTIVE_UNTIL = shop.metafields.shopify-planet.active-until | date: "%Y-%m-%dT%H:%MZ" -%} {% if CURRENT_DATE < ACTIVE_UNTIL or request.design_mode %}
All deliveries are carbon neutral
Powered by Shopify Planet
{% endif %}
5

Which theme file did you place the code in?

6

As instructed by Shopify;

Paste the snippet in your templates/cart.liquid file where you want the badge to appear.

7

You can use this code snippet instead to always show it in the cart, replace the old code snippet in cart.liquid

  {%- assign CURRENT_DATE = "now" | date: "%Y-%m-%dT%H:%MZ" -%} {%- assign ACTIVE_UNTIL = shop.metafields.shopify-planet.active-until | date: "%Y-%m-%dT%H:%MZ" -%}   
 
![logo.png|68x62](upload://hbYLpc0Qj8DW1o5ZdhkjJEoBa3F.png)
 
 
All deliveries are carbon neutral
 Powered by Shopify Planet
8

Thanks for that! Working great.

2 out of 3 issues solved.

Hoping we can get the banner throughout checkout somehow.

9

Customizing the checkout page is only available for Shopify Plus stores. Which plan you are in?