Shopify OS 2.0 Documentation
Open Free StoreView Portfolio
Shopify OS 2.0 Documentation
Shopify OS 2.0 Documentation
  • ☺️Greeting
    • List Theme OS 2.0
    • Open a Store Free
  • 📔Change Log
  • Getting started
    • Install Theme
    • Install App
    • Update theme
  • Shopify Guide
    • User Guide
  • Theme Settings
    • General Settings
    • Colors
    • Typography
    • Menu Mobile
    • Breadcrumb
    • Social Media
    • Sidebar Blog Pages
    • Compare & Wishlist
    • Search Page
    • Product Card
    • Quick View
    • Button & Input
    • Cart
    • Checkout
    • Custom CSS
  • Global Settings
    • Announcement Bar
    • Header
      • Logo
      • Layout Header
      • Top Bar
      • MegaMenu
        • Color, Typography Menu
        • Product List (Mega Menu)
        • Collection (Mega Menu)
        • Banner Classic (Mega Menu)
        • Banner Basic (Mega Menu)
      • Search
      • Currency & Languages
      • Icon Style
    • Store Messages
    • Slideshow
    • Newsletter Footer
    • Footer
      • Contact Infor Block
      • Social Account Block
      • Menu Block
      • Text Block
      • Newsletter Block
      • Line Block
    • Popup Newsletter
    • Product Suggest
    • Cookie Policy
    • Custom Color Filter
  • Theme Sections
    • Rich Text
    • Newsletter
    • Contact Form
    • Video
    • Advanced Content
      • Custom HTML Block
      • Image Block
      • Product Item Block
      • Product List block
      • Promo Block
      • BgVideo Block
      • Video Popup Block
    • Background Video
    • Blog Post
    • Blog Post Special
    • Collection Grid
    • Collection List
    • Collection List Creative
    • Collection List Grid
    • Collection List Swiper
    • Count Down
    • Divider
    • Faqs Accordion
    • Featured Blog Posts
    • Grid Banner
    • Grid Banner Text
    • Hot Spots Split
    • Image (Video) with text
    • Image With Text
    • Image With Text Style 2
    • Image With Text Style 3
    • Image With Text Style 4
    • Image With Text Style 5
    • Instagram
    • List Collection Button
    • Logo Carousel
    • Logo List
    • Map
    • Parallax Banner
    • Press Testimonials
    • Product Grid
    • Product List (Split)
    • Product List (Swiper)
    • Product List (Carousel)
    • Product List (Html & Carousel)
    • Product List Small
    • Product Tab
    • Product With Image
    • Promo Style 1
    • Scrolling Text
    • Services
    • Shop the look
    • Team Member
    • Testimonials
    • Testimonials Split
    • Testimonials Square
    • Tab Vertical
  • Collection Page
    • Collection Page
      • Collection Template
    • Collection Sections
      • Collection Banner
      • Collection List Swiper
      • Product Grid
      • Popup Promo Collection
  • Product Page
    • Product Page
    • Product Sections
      • General Settings
      • Product Information
        • Title Product
        • Star Rating (App)
        • Short Description
        • Separator
        • Button & Variants
        • List Info
        • Countdown Time
        • Description
        • Collapsible Row
        • Sale Point
        • Fake View
        • Text
        • Free Shipping
        • Shipping Time
        • Share
        • Tab Fix
        • Featured Products
        • Trust Badge
      • Frequently Bought
      • Product Content
      • Product Recommendations
      • Recently Viewed
  • Other Pages
    • Blogs
      • Blog Template
    • Article
      • Article Content
    • 404 Page
    • Search Page
    • Password
    • About us v1
    • About us v2
    • About us v3
    • Contact
    • Faqs
    • Career
    • Team
    • Men Lookbook Page
    • Women Lookbook Page
  • FAQS
    • How to Config Spacing each section?
    • How to Config Currency & Languages?
    • How to import product?
    • How to add a video ( Media, 3d, Youtube, Vimeo) for the product?
  • Support
    • Theme Support
Powered by GitBook
On this page
  • Layout
  • Stock Avaiable
  • Size Guide
  • Crossell
  • UpSell
  • Sticky Cart
  1. Product Page
  2. Product Sections

General Settings

PreviousProduct SectionsNextProduct Information

Last updated 1 year ago

In Product overview section

Layout

  • Container > Allow settings width

  • Style => 8 Styles

  • Media Size => small, normal, lager

  • Image ratio => Adapt to image (auto), Portrait, Square

  • Enable video looping

Stock Avaiable

  • Show stock when less than 10 products available

Size Guide

  • Enable Size Guide

  • Title

  • Select Page

Code for size guide
<meta charset="utf-8" />
<h2 class="ff-heading fs-heading-2-base">Size Guide</h2>
<p>If you need assistance when choosing your size, don't hesitate to <a href="https://ap-lotita.myshopify.com/pages/contact" target="_blank" title="Contact us" rel="noopener noreferrer">contact us</a>. All sizes shown in the Size Charts are approximate. Please shop carefully and refer to our Size Chart to ensure the best fit.</p>
<div class="rte__table-wrapper mt-4" tabindex="0">
<table class="table">
<thead class="thead-light">
<tr>
<th>Our size</th>
<th>Size</th>
<th>Bust</th>
<th>Waist</th>
<th>Hip</th>
</tr>
</thead>
<tbody>
<tr>
<td>XS</td>
<td>6</td>
<td>79 - 81</td>
<td>63 - 66</td>
<td>91 - 94</td>
</tr>
<tr>
<td>S</td>
<td>8</td>
<td>86 - 89</td>
<td>67 - 70</td>
<td>95 - 98</td>
</tr>
<tr>
<td>M</td>
<td>10</td>
<td>89 - 92</td>
<td>71 - 74</td>
<td>99 - 102</td>
</tr>
<tr>
<td>L</td>
<td>12</td>
<td>92 - 95</td>
<td>74 - 77</td>
<td>102 - 105</td>
</tr>
<tr>
<td>XL</td>
<td>14</td>
<td>104 - 107</td>
<td>86 - 89</td>
<td>111 - 114</td>
</tr>
</tbody>
</table>
</div>
<p class="mt-1">* All measurements are in centimeters (cm).</p>

Crossell

Only working width mini cart

  1. Go to Theme Settings > Cart > Disable Cart Drawer

  • Work with product handle, separate values by a comma.

  • Example: "product-handle-1,product-handle-2,product-handle-3,product-handle-4"

  • Set blank to make hidden.

  • Please click => Enter product handle here (Crossell column). You can access settings it

UpSell

  • Work with product handle and automatic discount code. Discount codes will automatically apply when your customer checkout.

  • Please click access > Enter product handle and promotion text here. You can access settings

Enter only ONE product handle (Upsell column)

Code HTML Promotion
 Get 10% Off with Code: <b class="text-primary d-inline-block mx-3">lotita</b>
  • Button accept

  • Button decline

  • Delay time before show popup

Sticky Cart

  • Enable

  • Background Color

  • Color Variant

  • Text

  • CTA Button Background

  • CTA Button Text

  • CTA Button Text Hover

Discount typesShopify Help Center
Logo