Your Brand-New Detail Page Has Arrived

Your Brand-New Detail Page Has Arrived

Get ready for a whole new Shop experience. Thanks to your invaluable feedback, we’ve completely revamped your Shop’s Detail Page. With these changes, you can now appreciate the improved look, speed, and mobile compatibility.

The main upgrades include:

  • An eye-appealing new layout
  • Complete optimization for mobile users
  • Better performance and shorter loading times
  • A single version of the Detail Page (instead of the current two options)
  • Improved ranking on Google and other search engines thanks to upgraded meta data and support
  • Social media integration with Open Graph protocols

Introduce yourself with the brand-new profile page

The release also includes another new Shop feature. You can now introduce yourself to customers with the new profile page, which can be found on the footer of your Shop. Personalize your layout by adding your name and description. To get started, all you have to do is click on “Shop name & SEO“ in your Shop settings.

While it’s a great way for customers to learn more about you, this info will also play a role in improving your search engine ranking. Since this content isn’t automatically generated, search engines will favor this unique content.

You’ll soon have more options for personalizing your profile page, and there will also be an option to adjust graphics and HTML/CSS. Keep an eye out for these additions!

What if you use your own CSS?

With the addition of the new detail page, we’re also completely redefining the CSS classes.

A CSS created by you prior to the recent release may no longer work. In this case, you’ll have to readjust your layout with the new classes. 

Some helpful CSS tricks

Speaking of CSS, if you’d like to hide certain parts of the detail page, the tricks below will come in handy. Simply add the code under Advanced Settings > HTML & CSS > Edit Shop CSS > Apply Changes.

  • Hide the small model images: .sprd-detail-product-type__model-images { display: none !important; }
  • Hide the products’ color selector: .sprd-detail-info__appearances { display: none !important; }

What‘s next?

We’re continually in pursuit of a SpreadShop that truly lets you transform your ideas into shape. This Detail Page is only the first important milestone. Next on the agenda are ekomi ratings for product types and collections/categories.

We’re excited to hear your feedback on the detail page. Let us know in the comments below!

2 comments Write a comment

  1. Hi,
    My new shop layout looks exactly the same as the old one. I’ve followed your instructions but nothing has changed. Am I missing something?

Leave a Reply


I agree