Articles on: Store Settings
This article is also available in:

How to style your product page

To edit teeinblue's product page, go to Store Settings > Product Page Settings. This edit is only applied for one current log-in store, if you want to change the style for another store, kindly click on Switch Store

Switch Store

In this page, the left side column is where you can choose to show/hide some features and restyle product page, while the right side column is where you can style color of label and button of product page

Changes from this page will apply on store in 1-4 hours, it does not update immediately.



Show/hide features




Disable Gallery & live preview: use original gallery from Shopify theme instead. The product image will not stay in place (sticky) when the customer scrolls down.
Load gallery immediately: use to load gallery on every load. If disabled, Teeinblue's gallery with live preview only show up when customers start personalizing
Show only one Mockup image: always show one mockup image, even when you have more than one mockup images.
Display of Gallery's Thumbnails:
- Static (exclude real-time change): not update customer's options
- Live preview (include real-time change): update same as main gallery, but causes heavy load
- Hide thumbnails (only show the large image): hide the thumbnail completely



Price:

Choose to hide price, compared price or saving amount.


Variant options:

Hide option if there's only one value: Works for Color and Size if there's only one option to choose.

Personalization Form:

Show options of the first template by default: Always show the first template default option on product page. If disabled, form will not show personalization options until customers select a template. If there's only one template, it will be selected automatically.
Enable this feature to keep your form short

Artwork template

Preview button:

Hide Preview button
Preview artwork only: When enabled, it shows only artworks in popup preview. If disabled, it shows entire gallery with mockups.
Show Close text: Recommend to enable because the X button on top might be cut off on some screens.

ATC button:


Hide Quantity input:

Show "Confirmation box": customers are required to check the box in order to add to cart.
Hide "Add to cart" button or "Buy now" button
Need to show one of 2 buttons in order to checkout.
Action for "Add to cart" button to Show response message
or Redirect straight to Cart page.

Mobile:


Show "Personalize" button on mobile: The "Personalize" button appears at the bottom of screen when the personalization form is not on the screen yet.
Click on it will scroll down to personalization form.


Hide gallery navigation button on mobile: Customers can swipe to change image.

Disable sticky buttons: Customers will need to scroll to the bottom of the personalization form to see the Preview & Add to cart button.

Extras:


Hide product description by app: Hide the product description taken from product base. You can use the description section of your theme instead.

Block inspecting clipart: Enable this setting to protect your clipart from web inspector.

Color:



Styling color of label and button of product page with color hex picker.

Updated on: 07/04/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!