Phone Layout and Page Width Options - Feature Guide

These options change how your pages are laid out, mostly for visitors on phones. Many visitors shop on a phone, so they are worth a look. You find them all at Design > Store Options.

The options at a glance

Option Tab Templates Default
Product Page Order on Phones Products Crystal Price first
Category Tiles on Phones Layout Crystal 2 per row
Category Tile Title Layout Crystal Over the picture
Full-Width Content General All six Off

Change an option, then click Save Settings. Your visitors see the change within a few minutes, once your store cache refreshes.

Product Page Order on Phones

Sets what a visitor on a phone sees first on a product page.

  • Price first (the default) shows the title, the price and the buy buttons, then the pictures. The price and the first buy button are on the first screen.
  • Pictures first opens on the pictures, then the title, the price and the buy buttons.

Tablets and computers are not changed.

Category Tiles on Phones

Sets how many category tiles sit side by side on a phone. It applies to your Categories page, the subcategories at the top of a category page, and the featured categories on your homepage.

  • 2 per row (the default)
  • 1 per row gives each category the full width of the screen, with a bigger picture.

Tablets and computers are not changed.

Category Tile Title

Sets where the category name sits on the tiles of your Categories page and your article categories.

  • Over the picture (the default) prints the name in a coloured box across the bottom of the picture.
  • Under the picture shows the whole picture with the name below it.

The subcategories on a category page and the featured categories on your homepage always show the name under the picture.

Full-Width Content

Lets the text of your articles, pages and category descriptions run the full width of the page. It is off by default, which keeps text at a comfortable reading width of about 70 characters a line. That is easier to read, so only switch it on if you have a reason to.

You find it on the General tab, on every template.

The three phone and tile options are Crystal options. On the other five templates they are not shown, because each of those templates sets its own phone layout.

Questions and Troubleshooting

I cannot see Product Page Order on Phones or the category tile options.

They only show when your store is on Crystal. Check your template at Design > Templates.

I changed an option but my phone shows the old layout.

Wait a few minutes for your store cache to refresh, then reload the page on your phone.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.