How to style your product page
To globally edit teeinblue's product page, go to Extras > Product Detail Page Settings.
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 manually translate some labels within product page.
Changes from this page will apply on store in 1-4 hours, it does not update immediately.
Show/hide features
Price: choose to hide price, compared price or saving amount.
Product options:
- Hide option if there's only one value: Works for Color and Size if there's only one option to choose.
Form actions:
- Hide Quantity input.
- Hide "Add to cart" button or "Buy now" button.
!Need to show one of 2 buttons in order to checkout. - Show "Confirmation box": customers are required to check the box in order to add to cart.
- Choose Action for "Add to cart" button to Show response message
or Redirect straight to Cart page.
Design & Preview:
- Disable Gallery (live preview): use original gallery from Shopify theme instead. If disabled, it won't update customer's options in real-time, and also not sticky when scrolling down.
- Choose display method for thumbnails carousel: Static (not update customer's options), Live Preview (update same as main gallery, but causes heavy load), Hide carousel (hide the thumbnail completely).
- 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.
Mobile
- Enable "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
- Display clipart name on store: show clipart name when customers hover on a clipart
- Hide product description by app: hide the product description taken from product base. You can use the description section of your theme instead.
Color
Styling color of label and button of product page with color hex picker.
Translation
Manually input your translated text to translate your product page to right language.
Related Articles
Set up artwork and printarea for Mug
For mug, most fulfillment providers use the wrap-around method to print on the outside of the mug. That's why the mug's printarea is usually in a horizontal rectangle shape. Depending on the position you want to print on the mug, you will need to ...FAQs (Frequent-Asked-Questions) for teeinblue
1. Can I use teeinblue even if I don't use any fulfillment provided in app? Yes, you can use our app as normal even if you don't use the fulfillment providers which teeinblue integrates with. You can manually create your product base, and manually ...Set up Picanova required options to send to fulfill
What are required options? For some products of Picanova, it's required to have certain extra options. These options are called required option of product. (For example: Canvas requires certain extra options, including canvas border and stretcher ...Variants of Product Base
What is Variant Variants are product options that include SKU, color, size and price of product. Each combination of option values for a product can be a variant for that product. For example: a T-shirt has 2 colors: black and white, and available in ...Set up wing for different size of dogs
STEP 1: Divide your dogs to 3 groups according to size: big dogs, medium dogs and small dogs. Then, upload "Wing" layer to your artwork. In our instruction, we will start with big size of dog breeds. STEP 2: Open personalization editor. Enable "Add ...