Change the location of Giftship’s features ✏️
If you would like to change where Giftship’s features display on the cart or product pages follow the below steps.
Please note, it is strongly recommended to always work on a duplicate of your theme, so you are not making changes to your live site.
- Navigate to Shopify Admin -> Online Store -> Themes -> “Your theme” -> Actions -> Edit Code.
- Copy the below snippet of code to your clipboard:
<div id="gsAppContainer" class="gs__app-container"></div>
- In Shopify’s code editor, navigate to your product form template, or cart form template. This is usually found under the “templates” folder, but may be located in a section or snippet as well.
- Paste the snippet where you would like Giftship’s features to appear. This can be located anywhere, as long as it is between the opening and closing
<form>
tags on the product form, or cart form. - Click “Save”
- Preview your theme, and test to ensure that the values in Giftships fields are still being submitted properly.
Can't find the answer in our documentation?
Contact Support Style Giftship Elements by Using CSS Overrides ✏️
Using a Drawer or Popup Cart with Giftship’s Features ✏️
Change the location of Giftship’s features ✏️
Using Giftship in Multiple Languages ✏️
Only Show ‘Ship to Multiple Address’ Toggle if More Than 1 Item in Cart ✏️
Change the Location of the “Ship to multiple addresses” Checkbox ✏️
Preventing “Hidden” Line Item Properties from Displaying on Your Store ✏️
Hiding Upsell Products on Your Online Store ✏️
Ensuring the Logo Link is Active and ‘Back to Cart’ Breadcrumb is Always Present During Checkout ✏️
Change the Default Gift Box Icon ✏️