IsoTech Shopify Theme
Try IsoTechDemos
  • What is IsoTech theme?
  • CHANGE LOG
  • Support Policy
  • Refund Policy
  • Getting Started
    • How to install IsoTech Theme?
    • How to set up your store as a IsoTech demo?
    • How to update IsoTech Theme?
  • Header Group
    • What is a header group?
    • Announcement bar
    • Header
    • Menu
      • How to create menu?
      • How to add a dropdown menu
      • How to add a mega menu (Promo banner)
      • How to add a mega menu (Collections)
      • How to add a mega menu (Products)
      • How to add a mega menu (Banner)
  • Footer Group
    • What is a footer group?
    • Footer
    • Mobile navigation bar
    • Popup
  • Theme Sections
    • How to add a section?
    • Slideshow
    • Featured collection
    • Collection list
    • Before/after image slider
    • Scrolling text
    • Shop the lookbook slider
    • Shop the look
    • Lookbook
    • Banner list
    • Product tabs
    • Featured product
    • Gallery
    • FAQ / Collapsible content
    • Image banner
    • Image with text
    • Multicolumn
    • Featured promotion
    • Video
    • Video hero
    • Testimonial
    • Text with banner masonry
    • Text with banner grid
    • Tiktok
    • Logo list
    • Image with biography
    • Google map
    • Counter up
    • Countdown banner
    • Contact info with map
    • Collection product banner
    • Contact form
    • Email signup
    • Rich text
    • Blog list
    • Welcome video
    • Page
  • Theme Settings
    • General
    • Layout
    • Colors
    • Typography
    • Product card
    • Color swatches
    • Quick shop
    • Wishlist page
    • Social media
    • Cart
    • Search
    • Customer/account
    • Checkout
    • Custom css
  • Collections & Products
    • Product page
      • Create a product template
      • Page sections
        • Page title banner
        • Product template
        • Product recommendations
        • Product Tabs
        • Recently Viewed Product
    • Products
      • Add local pickup to your store
      • Add product to your store
      • How to add a unique tab on the product page
      • Add a countdown timer to the product
      • Show a custom badge to your product
      • Add a product short description using a metafield
      • How to add a size guide popup for the individual product?
    • Collection page
      • Add Collections
      • Create a collection template
      • Page sections
        • Page title banner
        • Collection banner
        • Product grid
    • Collection list page
      • Add Collections
      • Page sections
        • Collection page title banner
        • Collection list section
  • Other Pages
    • Create a page
    • Create a page template
    • Blogs
      • Add blog post
      • Blog page
    • Blog posts / Article
    • Cart page
    • Search page
    • 404 page
    • Password page
    • Wishlist page
    • Compare page
  • Language & Countries/Regions
    • How to enable the COUNTRY/REGION of your store?
    • How to enable LANGUAGE of your store?
    • How to edit default theme content
    • How to translate theme for multiple languages
  • General Topics / FAQ
    • How to add a collection to your store?
    • How to enable free shipping bar
    • How to enable the pre-order product to your store
    • How to add product reviews to your store
    • How to add Complementary products
    • Add a gift wrap option to your cart
    • How to add a product to your store?
    • Add Shopify 2.0 storefront product filtering
    • Add recommended products to your store
    • Set up local pickup
    • How to enable a customer account?
Powered by GitBook
On this page
  • The Popup appearance
  • Section settings
  • Popup position Settings
  • Popup Image Settings
  • Colors settings
  • Block settings
  1. Footer Group

Popup

A full guide for to display popup to your store.

PreviousMobile navigation barNextHow to add a section?

The Popup appearance

Section settings

Settings
Description

Display mode

  • Enable: If you enable it. The popup will enable in your store.

  • Disable: If you disable it. The popup will be disabled in your store.

  • Testing: Regardless of the relevant settings or dismissal, the 'Testing mode' popup appears, allowing you to review it at any time. When you're happy with the look, click the 'Enable' button.

Show on home page only

Allows for a popup only for the homepage.

Show only for visitors

If a customer registers in your store. The customer will not be shown this popup. The popup will only be visible to visitors.

Delay time showing popup

You can specify when the popup should appear after your website has loaded. The time span is 2 to 60 seconds.

"Don't show again" button

When a customer will get the popup for the first time. If the customer will click on this button, the popup will not be displayed again for the specific customer.

Show again after (days)

How long after clicking the "Don't show again" button will the customer see the popup again?

Popup width

  • Small: This is the smallest width of the popup. Desktop width: 500px, Mobile width: 100% with a 50px offset

  • Medium (Default): If you disable it. The popup will be disabled in your store.

  • Large: This is the highest width of the popup. Desktop width: 1000px, Mobile width: 100% with a 50px offset

Content alignment

Left: Aligns the content to the left. Right: Aligns the content to the right. Center: Aligns the content to the center.

Popup position Settings

Popup Image Settings

Settings
Description

Desktop image

This is an image for the popup.

Desktop image placement

Image left: You can show the image on the left side of the popup. Image right: You can show the image on the right side of the popup.

Show as full-width image in background

You can show it as a full-width image in the background of the popup. By default, it’s disabled.

Overlay opacity

It works by selecting the show as a full-width image in the background. You can add overlay opacity.

Colors settings

Block settings

Block name
Settings

Heading

  1. You can add the heading

  2. You can also change the heading size

Text

You can add a description in the popup

Email form

  1. You can add an email form

  2. You can add a label for the email

  3. Make button full width: If you enable it, the subscribe button will be full width

Button

  1. You can add a button

  2. You can change the button size, style, and link.