Step 1: Select the placeholder option
- Select the last option under the "position" setting in the bar configuration in the App
- Scrolling to the very end, and click the "Save" button to save the change
Step 2: Add the bar
- Go to Admin > Online Store > Themes
- Click the "Actions" button on the right-hand side, and select "Edit code"
- Find header.liquid and open it
- Find <header class="header
- Add following code after it and Save the changes.
<div id="ctb_placeholder"></div>
Step 3: Add the CSS
- Find timber.scss.liquid and open it
- Add following code at the very end of the file and Save the changes.
#epb_background{z-index:9!important;margin-left:-15px!important;width:calc(100% + 30px)!important;}
#epb_background a{display:block;}
Enjoy the app
Congratulations. You successfully integrate the app with your theme.
If you cannot see the bar yet. Please double check Step 1 and make sure you save the settings.