How to remove shop preview mode from Shopify?

How to remove shop preview mode from Shopify?

If you’re a Shopify store owner, you might be familiar with the “preview mode” feature that allows you to view your store without making any changes public. However, if you’re ready to launch your store and want to remove this mode, you might be wondering how to do so. In this guide, we’ll walk you through the steps to remove shop preview mode from your Shopify store, so you can start attracting customers and making sales.

You can click on the blue link that says “Hide bar” to hide the preview bar on the theme. Please note that this preview bar will reappear each time you navigate to a brand-new page. 

But anyway here is the CSS code to do it.

html {
  padding-bottom: 0!important;

#preview-bar-iframe {
  display: none!important;

Please note that the preview bar only displays to the account owner and staff who are logged in, and viewing a theme that isn’t published, so adding this code would not be necessary.

If you do plan on adding this code to your theme I recommend creating a backup of your theme, so that you can refer to a copy of your theme if the customizations made on your theme don’t go as planned. 

5 tips for shopify store owner

  1. Optimize your website for speed: A slow-loading website can deter customers and hurt your search engine rankings. Use tools like Google PageSpeed Insights to identify areas for improvement.
  2. Invest in high-quality product photography: Clear and attractive product images can make a significant difference in sales. Hire a professional photographer or learn how to take great product photos yourself.
  3. Leverage email marketing: Email marketing is a cost-effective way to reach your customers and promote your products. Create a newsletter, offer exclusive discounts, and send personalized recommendations.
  4. Provide exceptional customer service: Happy customers are more likely to return and refer others to your store. Respond to inquiries promptly, offer hassle-free returns, and go the extra mile to exceed expectations.
  5. Continuously test and optimize: Use A/B testing to experiment with different website elements and marketing strategies to see what works best. Make data-driven decisions to improve your store’s performance over time.

For any service or support contact me or Hire me on Upwork

Leave a Reply