EasifyApps EasifyApps
  • About
  • Apps
    Easify Product Options
    Easify Product Attachments
  • Resources
    Help Center
    Easify Product Options
    Easify Product Attachments
    Video Tutorials
    Easify Product Options
    Easify Product Attachments
  • Partners
  • Blog
  • Contact
All Easify Apps
EasifyApps EasifyApps
  • About
  • Apps
    Easify Product Options
    Easify Product Attachments
  • Resources
    Help Center
    Easify Product Options
    Easify Product Attachments
    Video Tutorials
    Easify Product Options
    Easify Product Attachments
  • Partners
  • Blog
  • Contact

Easify Product Options App

Getting Started
    Key Terminology Simplified
    • Custom options & variants
    • Option set
    • Option set templates
    • Option type (Option input)
    • Your option sets
    • Option label
    • Option name
    • Option value
    • Option group
    • Price Add-ons
    • Conditional logic
    • Live preview
    • Help text
    • Placeholder
    • Information (Tooltip)
    • Option widget
    Option Input Types
    • Design Layer
    • Text Box
    • Text Area
    • Number Text Box
    • Color Swatches
    • Image Swatches
    • Radio Buttons
    • Dropdown
    • Checkbox
    • Button(s)
    • Switch/ Toggle
    • Modal (Popup)
    • File Upload
    • Option Group
    • Product List
    • Date Range
    • Date Picker
    • Time Picker
    • Font Picker
    • Color Picker
    • Dimension
    • Quantity
    • Custom HTML
    • Heading
    • Paragraph
    • Spacer
    • Divider
    App Activation
    • Activate the app on your theme
    • Video Tutorial
User Guide (PO)
    Set Up Option Sets
    • Create A New Option Set From Scratch
    • Use Ready-made Templates To Create Your Option Set
    Conditional Logic
    • What is Conditional Logic (CL)?
    • Standard Conditional Logic – Among Easify Options
    • Advanced Conditional Logic – Show Easify Options Based On Shopify Variants
    Extra Pricing (Add Charges)
    • Set Up Extra Fees (New Version – From July 18, 2024)
    • Add-on Prices vs. Add-on Products (Old Version – Before July 18, 2024)
    • Set Up Add-on Prices (Old Version – Before July 18, 2024)
    • Set Up Add-on Products (Old Version – Before July 18, 2024)
    • Convert Add-on Prices To Add-on Products (Old Version – Before July 18, 2024)
    • Hide Specific Products from Shopify Storefront while Keeping Them Buyable
    Option URL
    • What is Option URL?
    • Establish Cross-Product Links Using Option URL
    • Include Detail Links For Add-on Products/Custom Options
    Option Design
    • Customize Option Styles
    • Distinct Option Styles for Light & Dark Themes
    • Modern and Classic Option Styles
    App Settings
    • General Settings
    • App Translation
    Tiered Wholesale Pricing
    • What is Tiered Wholesale Pricing?
    • Set Up Tiered Wholesale Pricing
    • Customize Tiered Wholesale Pricing Table
    Option Import/Export
      Option Export
      • Export All Option Sets
      • Export Specific Option Sets
    • Option Import
  • Add Option Value Descriptions & Tooltips
  • Show Image/ Color Swatch Slider
  • Track Real-time Analytics
  • View & Export Orders With Easify Options
  • Enable Image Editor for File Upload
  • Hide Main Product Price & Shopify Quantity Selector
  • Set Up Product Bundles
  • Set Up One-time Charge
  • Set Up Quantity Selector Per Option Value
  • Display Option Set In Popup Triggered By Button Click
  • Switch Product Images Upon Option Selection
  • Set Up Option/ Option Set Templates
  • Translate Option Set Into Multiple Languages
  • Separate or Combine Add-ons with Main Product in Cart
  • Reposition Option Set On Product Page
  • Show Custom Options On Order Confirmation Emails (To Customers)
  • Show Custom Options On New Order Notification Emails (To Staff)
  • Show Custom Options On Packing Slips
Product Personalizer (Live Preview)
  • What Is Product Personalizer – Live Preview?
  • How It Works
  • Ready-to-use Templates with Product Personalizer
  • Upcoming Features
Subscription & Billing
  • Pricing Plans
  • How to upgrade
  • How to cancel subscription
Customization & Support
  • App Maintenance Notification
  • Get support
  • Request a new feature
Frequently Asked Questions
  • Why does the app remain “Inactive” even after activation?
  • What to do if custom options aren’t visible on product pages?
  • Why weren’t custom option prices included in my customer orders?
  • How many custom options can I create per product?
  • Does the app work with Shopify Online Store 2.0?
  • Will the app slow down my website?
  • How can I stay informed about updates for the app?
  • What happens if I uninstall the app, and how does it affect my store?
Integrations
  • Easify Product Options x GemPages Landing Page Builder

Easify Box Builder App

Getting Started
  • Roadmap
  • Create Products Linked with Boxes
  • Activate the app
  • Create New Box
  • Frequently Asked Questions
  • Get Support

Easify Inventory Sync App

Getting Started
  • Quick Start Guide
  • Frequently Asked Questions
  • Get Support
Inventory Groups
  • Create Inventory Groups Automatically by SKUs
  • Create Inventory Groups Manually
  • Events Triggering Syncs among Products in Inventory Groups
  • When do Inventory groups Fail to sync?
  • How to Set Up Common Cases
Bundle Groups
  • Create A New Bundle Group
  • How Master product inventory is Calculated from Component product inventory (Modified Quantity)
  • Events Triggering Syncs among Products in Bundle Groups
  • When do Bundle groups Fail to sync?
  • How to Set Up Common Cases
Inventory Thresholds
  • What is Inventory Threshold?
  • Set Up Universal Inventory Threshold
  • Create A New Inventory Threshold
Advanced Features
  • Bulk Edit Inventory Groups
  • Import/ Export Inventory Groups
  • Import/ Export Bundle Groups
  • Export Product Variant & Location IDs
  • Bulk Duplicate Products
Subscription & Billing
  • Pricing Plans (& FAQs)
  • How to Change Plans
Common Scenarios & Setup Guides
  • Roast Coffee
  • Loose Leaf Tea
  • Stationery Set
  • Retail & Wholesale Items
  • Blank & Personalized Tees
  • Unisex Tees
  • Baby Gift Hamper
  • Flowers
  • Chocolate Cookies
  • 3-Pack T-Shirts (mixed sizes & colors)
  • Batteries
  • Beverage (Inventory by Cans)
  • Beverage (Inventory by Packs)
  • Multivitamins (from Single Pack)
  • Multivitamins (from Double Pack)
  • Incense Sticks (Inventory by Packs)
  • Incense Sticks (Inventory by Sticks)
  • Candle Trio Set
  • Perfume Set
  • Pick n Mix Sweets
  • Top & Skirt Set (Same Size)
  • Top & Skirt Set (Mixed Sizes)
  • 2-Pack Tops (1 Color)
  • 2-Pack Tops (1 Color) – Only in Packs
  • 2-Pack Tops (Multicolor – Fixed)
  • 2-Pack Tops (Multicolor – Optional)
  • Custom Print Shirts
  • Shoes & Free Socks

Easify Product Attachments App

App Activation
  • Activate the app on your theme
  • Video Tutorial
User Guide
  • Upload Product Attachments
  • Upload Attachment Icons
  • Add Attachments To Templates
  • Import Bulk Product Attachments
  • Export Product Attachments
  • Add Attachments To Collapsible Rows On Product Pages
Customization & Support
  • Get support
  • Request a new feature

Recommended Shopify Apps

  • Page builder
  • Affiliate programs
  • Marketing
  • Invoices and receipts

Announcements

  • VIP Founder Program
  • Limited Support During Lunar New Year (Jan 25th- Feb 3rd, 2025) – Your Patience Is Our Greatest Gift!
  • Go Beyond Options: Easify Product Options Premium Is Here!

Add Attachments To Collapsible Rows On Product Pages

Table of Contents
  • Step 1: Create a CMS Page with Custom Code
  • Step 2: Add Custom Page to Your Theme
  • Step 3: Check the Results
  • Attention
  • Need Assistance?

If you want to incorporate attachment files into collapsible rows instead of conventional positions, for example:

Demo

Please follow this user guide:

Step 1: Create a CMS Page with Custom Code #

  • Go to Sales channels > Online Store > Pages.
  • Click “Add page“
  • Switch the view mode to HTML (Show HTML) on the new page setting.
  • Insert the following code into the Content section:
<div class="tigren-product-attachments">
<div class="tigren-attachments"></div>
</div>
  • Change the page title (e.g., “Product Attachments”).
  • Click “Save” to complete.

Step 2: Add Custom Page to Your Theme #

  • Navigate to the Themes tab under Online Store.
  • Click the “Customize” button to open the theme editor.
  • Select your product template (e.g., “Default product”).
  • Create the collapsible row where you want to add attachments.
  • Edit the content of the collapsible row:
    • Add heading
    • Select icon
    • Add row content by clicking “Select page” and choose the page with the custom code.
  • After selecting the page, click “Save” in the theme settings.

Step 3: Check the Results #

After clicking “Save“, expand the collapsible row to check if the attachments are correctly inserted into the row content.

Notes:

  • Before saving, the row content won’t immediately update on the row. Click “Save” for the code to take effect and see the row content.
  • Create attachment files (and assign them to specific products) first. Relevant files will appear in the theme editor. If no attachments are created, the row content will be empty.

Attention #

If only a specific number of your products contain attachments, while others do not, it’s crucial to follow these guidelines:

  • For the standard attachment block positions within the product page, without wrapping in collapsible rows, you can use the same (Product) Template for all products, irrespective of whether they contain attachments. When products do have attachments, the product attachments block will be visible in the chosen position on the product page (or other pages based on your settings). Conversely, if products do not have attachments, the product attachments block will remain hidden.
  • However, in cases where you want to show attachment files within collapsible rows and only specific products contain attachments, using the same template for all products is not feasible. In such situations, you must create a template without the collapsible row and assign it to products that lack attachments. Additionally, create a separate template with a collapsible row containing attachment lists and assign this template exclusively to products with attachments. To assign a product to a created template, navigate to the product settings and choose from the templates you’ve set up.

Need Assistance? #

If you encounter difficulties adding product attachments to collapsible rows (or other positions), reach out to us via our in-app live chat or email. We’re here to help you set it up!

Table of Contents
  • Step 1: Create a CMS Page with Custom Code
  • Step 2: Add Custom Page to Your Theme
  • Step 3: Check the Results
  • Attention
  • Need Assistance?
Essentials Logo

Make the Complex Simple for Shopify Stores

Our AppsHelp CenterPartner ProgramAffiliate ProgramBlogContact Us

Copyright © 2023 Easify. All rights reserved.

Close
Search

Hit enter to search or ESC to close

cookie By using this website, you agree to our cookie policy. Close