Skip to content120pcs Personalized Metal Bottle Opener Keychains – Durable Aluminum, Customizable Text, Multiple Colors Available (Blue, Black, White, Red, Green, Purple, Orange) – Perfect for Parties, Valentine’S Day, Graduation Ceremonies, and Birthday Gifts, Stylish Metallic Finish | Premium Craftsmanship
$56.82 – $72.36Price range: $56.82 through $72.3650/100pcs Custom Engraved Metal Bottle Opener Keychains – Durable Lightweight Sleek Metallic Finish, Personalized Text Option for Wedding Favors, Corporate Events, Promotional Gifts (Multi-Color Options), Cute Keychains, Promotional Accessories, Event Giveaways, Modern Keychain, Quality Craftsmanship, Party Favors, Marketing Teams
$39.66 – $39.80Price range: $39.66 through $39.80
120pcs Personalized Metal Bottle Opener Keychains – Durable Aluminum, Customizable Text, Multiple Colors Available (Blue, Black, White, Red, Green, Purple, Orange) – Perfect for Parties, Valentine’S Day, Graduation Ceremonies, and Birthday Gifts, Stylish Metallic Finish | Premium Craftsmanship
$56.82 – $72.36Price range: $56.82 through $72.36Adult Birthday Favors, Gold Candy Favors for Birthday, Personalized Favors for 40th, 50th, 60th, 70th, 80th, 90th, 100th Birthday Parties
$89.50 – $1,030.50Price range: $89.50 through $1,030.50![Bottle Opener Favors for Wedding, Birthday, Baptism, Baby Shower, Bridal Shower. Wedding Favors for Guests in Bulk. Wedding magnet. Import as Dropshipping Import as Affiliate Product Customization - Dropshipping Mode Go Pro × Product Customization - Affiliate Mode Go Pro × General Description Gallery Reviews Variations (Split & Import) Additional data Regular Price: Sale Price: Set Formula Custom Title: SKU (Optional) Product ID (Auto-filled) This is the unique identifier for the product from the source platform Product Weight (Optional) Short Description (Optional) Product Status Publish Product (checked = publish | unchecked = draft) Set as Featured product Mark as On Sale Affiliate Settings Affiliate Product URL * This is the URL where customers will be redirected when they click "Buy Now" Publish Product (checked = publish | unchecked = draft) Set as Featured product SEO Settings Meta Title: Meta Description: Meta Keywords: Product Tags Add Tags: Add WordPress Categories Provider Categories & Tags New Categories to Create Categories you add will appear here... Description Customization Include Options Include gallery images to the description Include images from reviews content Include specifications to the description Add tag section to the description for SEO Remove Options Remove entire description Replace Options Text to replace: Replace with: Apply Replacement Description Preview Enable Rich Editor Disable Rich Editor Apply Changes Gallery Management Include Additional Images Include images from description Include images from reviews content Clear All Images Product Gallery (0 images) No images in gallery yet. Use the options above to add images. Load more reviews Add Review Review Username Date creation Rating Remove This is a simple product, no variations can be defined Price Formula Set custom pricing rules for your variations No formula defined yet Configure Formula Clear Formula Open Advanced Settings × Bulk Price Tools Apply Regular Price to All Apply Apply Sale Price to All Apply Add Shipping Price to All Apply Apply charm pricing 00 (e.g. 2.34 → 3.00) Apply charm pricing 99 (e.g. 2.34 → 2.99) No charm pricing Title & Gallery Preferences Title Format Generic title + attribute values (e.g. color, size) Generic title only Gallery Image Source Select variation image Select gallery tab images Affiliate Link Image Variations Load product images for each variation Load Images Edit Attributes Note: Any modification of the attributes values on the variations table (such as color and size, etc..) need to be reflected on the attribute table below (click edit Attributes). the value must be available on the list of possible values on the table below. use a semi colon to add a new value name values Remove this from all variations Additional data property values Remove Sale price (Optional) Sale start date Sale end date Close Import as Dropshipping Product Import as Affiliate Product /* Modal Layout Fixes */ .import-modal-dialog { display: flex !important; flex-direction: column !important; height: 96vh !important; max-height: 96vh !important; } .import-modal-content { display: flex !important; flex-direction: column !important; height: 100% !important; max-height: 100% !important; } .modal-body { flex: 1 !important; overflow-y: auto !important; min-height: 0 !important; } .modal-footer { flex-shrink: 0 !important; position: sticky !important; bottom: 0 !important; background: #f8f9fa !important; border-top: 1px solid #e9ecef !important; z-index: 10 !important; } /* Ensure tabs stay visible */ .import-modal-tabs { position: sticky !important; top: 0 !important; background: white !important; z-index: 5 !important; margin-bottom: 20px !important; } /* Responsive adjustments */ @media (max-height: 600px) { .import-modal-dialog { height: 98vh !important; margin: 1% auto !important; } } @media (max-width: 768px) { .import-modal-dialog { width: 95% !important; max-width: 95vw !important; height: 98vh !important; margin: 1% auto !important; } } /* Toggle Switch Styles */ .toggle-switch-container { display: flex; flex-direction: column; gap: 16px; } .toggle-switch { display: flex; align-items: center; cursor: pointer; position: relative; padding: 12px 0; user-select: none; transition: all 0.3s ease; min-height: 48px; } .toggle-switch:hover { background-color: rgba(102, 126, 234, 0.05); border-radius: 8px; padding: 12px 8px; margin: 0 -8px; } .toggle-switch input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .toggle-slider { position: relative; height: 24px; width: 48px; background-color: #e0e0e0; border-radius: 24px; transition: all 0.3s ease; margin-right: 20px; flex-shrink: 0; border: 2px solid #d0d0d0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); min-width: 48px; } .toggle-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.2); border: 1px solid #e0e0e0; } .toggle-switch input:checked ~ .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 8px rgba(102, 126, 234, 0.3); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); box-shadow: 0 3px 8px rgba(0,0,0,0.3); } .toggle-label { font-size: 14px; color: #333; line-height: 1.5; font-weight: 500; flex: 1; margin-left: 0; padding-left: 0; word-wrap: break-word; overflow-wrap: break-word; } .toggle-switch:hover .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.4); } .toggle-switch:hover input:checked ~ .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.5); } /* Ensure radio buttons are properly initialized */ .toggle-switch input[type="radio"]:checked + .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .toggle-switch input[type="radio"]:checked + .toggle-slider:before { transform: translateX(24px); } /* Active state styling */ .toggle-switch:active .toggle-slider:before { transform: translateX(24px) scale(0.95); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); } /* Description Options Styles */ .description-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .description-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .description-option input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .description-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .description-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .description-option input:checked ~ .checkmark:after { display: block; } .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .description-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Replace options styling */ .replace-options input[type="text"] { border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; font-size: 14px; transition: all 0.3s ease; } .replace-options input[type="text"]:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; } /* Responsive adjustments */ @media (max-width: 768px) { .description-options-grid { grid-template-columns: 1fr !important; } .replace-options { flex-direction: column !important; align-items: stretch !important; } .replace-options > div { min-width: auto !important; } } /* Gallery Options Styles */ .gallery-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .gallery-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .gallery-option input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .gallery-option .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .gallery-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .gallery-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .gallery-option .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .gallery-option input:checked ~ .checkmark:after { display: block; } .gallery-option .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .gallery-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Gallery image styling */ .gallery-image-container { position: relative; display: inline-block; margin: 8px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: all 0.3s ease; } .gallery-image-container:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .gallery-image-container img { max-width: 200px; height: auto; display: block; } .gallery-image-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 4px; opacity: 0; transition: opacity 0.3s ease; } .gallery-image-container:hover .gallery-image-actions { opacity: 1; } .gallery-image-actions button { background: rgba(0,0,0,0.7); color: white; border: none; border-radius: 4px; padding: 4px 8px; font-size: 12px; cursor: pointer; transition: all 0.3s ease; } .gallery-image-actions button:hover { background: rgba(0,0,0,0.9); } /* Responsive adjustments for gallery */ @media (max-width: 768px) { .gallery-options-grid { grid-template-columns: 1fr !important; } .gallery-actions { flex-direction: column !important; } .gallery-image-container img { max-width: 150px; } }](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIiB2aWV3Qm94PSIwIDAgMzAwIDMwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=)
Bottle Opener Favors for Wedding, Birthday, Baptism, Baby Shower, Bridal Shower. Wedding Favors for Guests in Bulk. Wedding magnet. Import as Dropshipping Import as Affiliate Product Customization – Dropshipping Mode Go Pro × Product Customization – Affiliate Mode Go Pro × General Description Gallery Reviews Variations (Split & Import) Additional data Regular Price: Sale Price: Set Formula Custom Title: SKU (Optional) Product ID (Auto-filled) This is the unique identifier for the product from the source platform Product Weight (Optional) Short Description (Optional) Product Status Publish Product (checked = publish | unchecked = draft) Set as Featured product Mark as On Sale Affiliate Settings Affiliate Product URL * This is the URL where customers will be redirected when they click “Buy Now” Publish Product (checked = publish | unchecked = draft) Set as Featured product SEO Settings Meta Title: Meta Description: Meta Keywords: Product Tags Add Tags: Add WordPress Categories Provider Categories & Tags New Categories to Create Categories you add will appear here… Description Customization Include Options Include gallery images to the description Include images from reviews content Include specifications to the description Add tag section to the description for SEO Remove Options Remove entire description Replace Options Text to replace: Replace with: Apply Replacement Description Preview Enable Rich Editor Disable Rich Editor Apply Changes Gallery Management Include Additional Images Include images from description Include images from reviews content Clear All Images Product Gallery (0 images) No images in gallery yet. Use the options above to add images. Load more reviews Add Review Review Username Date creation Rating Remove This is a simple product, no variations can be defined Price Formula Set custom pricing rules for your variations No formula defined yet Configure Formula Clear Formula Open Advanced Settings × Bulk Price Tools Apply Regular Price to All Apply Apply Sale Price to All Apply Add Shipping Price to All Apply Apply charm pricing 00 (e.g. 2.34 → 3.00) Apply charm pricing 99 (e.g. 2.34 → 2.99) No charm pricing Title & Gallery Preferences Title Format Generic title + attribute values (e.g. color, size) Generic title only Gallery Image Source Select variation image Select gallery tab images Affiliate Link Image Variations Load product images for each variation Load Images Edit Attributes Note: Any modification of the attributes values on the variations table (such as color and size, etc..) need to be reflected on the attribute table below (click edit Attributes). the value must be available on the list of possible values on the table below. use a semi colon to add a new value name values Remove this from all variations Additional data property values Remove Sale price (Optional) Sale start date Sale end date Close Import as Dropshipping Product Import as Affiliate Product /* Modal Layout Fixes */ .import-modal-dialog { display: flex !important; flex-direction: column !important; height: 96vh !important; max-height: 96vh !important; } .import-modal-content { display: flex !important; flex-direction: column !important; height: 100% !important; max-height: 100% !important; } .modal-body { flex: 1 !important; overflow-y: auto !important; min-height: 0 !important; } .modal-footer { flex-shrink: 0 !important; position: sticky !important; bottom: 0 !important; background: #f8f9fa !important; border-top: 1px solid #e9ecef !important; z-index: 10 !important; } /* Ensure tabs stay visible */ .import-modal-tabs { position: sticky !important; top: 0 !important; background: white !important; z-index: 5 !important; margin-bottom: 20px !important; } /* Responsive adjustments */ @media (max-height: 600px) { .import-modal-dialog { height: 98vh !important; margin: 1% auto !important; } } @media (max-width: 768px) { .import-modal-dialog { width: 95% !important; max-width: 95vw !important; height: 98vh !important; margin: 1% auto !important; } } /* Toggle Switch Styles */ .toggle-switch-container { display: flex; flex-direction: column; gap: 16px; } .toggle-switch { display: flex; align-items: center; cursor: pointer; position: relative; padding: 12px 0; user-select: none; transition: all 0.3s ease; min-height: 48px; } .toggle-switch:hover { background-color: rgba(102, 126, 234, 0.05); border-radius: 8px; padding: 12px 8px; margin: 0 -8px; } .toggle-switch input[type=”radio”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .toggle-slider { position: relative; height: 24px; width: 48px; background-color: #e0e0e0; border-radius: 24px; transition: all 0.3s ease; margin-right: 20px; flex-shrink: 0; border: 2px solid #d0d0d0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); min-width: 48px; } .toggle-slider:before { position: absolute; content: “”; height: 18px; width: 18px; left: 3px; bottom: 3px; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.2); border: 1px solid #e0e0e0; } .toggle-switch input:checked ~ .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 8px rgba(102, 126, 234, 0.3); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); box-shadow: 0 3px 8px rgba(0,0,0,0.3); } .toggle-label { font-size: 14px; color: #333; line-height: 1.5; font-weight: 500; flex: 1; margin-left: 0; padding-left: 0; word-wrap: break-word; overflow-wrap: break-word; } .toggle-switch:hover .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.4); } .toggle-switch:hover input:checked ~ .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.5); } /* Ensure radio buttons are properly initialized */ .toggle-switch input[type=”radio”]:checked + .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .toggle-switch input[type=”radio”]:checked + .toggle-slider:before { transform: translateX(24px); } /* Active state styling */ .toggle-switch:active .toggle-slider:before { transform: translateX(24px) scale(0.95); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); } /* Description Options Styles */ .description-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .description-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .description-option input[type=”checkbox”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .description-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .description-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .checkmark:after { content: “”; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .description-option input:checked ~ .checkmark:after { display: block; } .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .description-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Replace options styling */ .replace-options input[type=”text”] { border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; font-size: 14px; transition: all 0.3s ease; } .replace-options input[type=”text”]:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; } /* Responsive adjustments */ @media (max-width: 768px) { .description-options-grid { grid-template-columns: 1fr !important; } .replace-options { flex-direction: column !important; align-items: stretch !important; } .replace-options > div { min-width: auto !important; } } /* Gallery Options Styles */ .gallery-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .gallery-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .gallery-option input[type=”checkbox”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .gallery-option .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .gallery-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .gallery-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .gallery-option .checkmark:after { content: “”; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .gallery-option input:checked ~ .checkmark:after { display: block; } .gallery-option .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .gallery-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Gallery image styling */ .gallery-image-container { position: relative; display: inline-block; margin: 8px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: all 0.3s ease; } .gallery-image-container:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .gallery-image-container img { max-width: 200px; height: auto; display: block; } .gallery-image-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 4px; opacity: 0; transition: opacity 0.3s ease; } .gallery-image-container:hover .gallery-image-actions { opacity: 1; } .gallery-image-actions button { background: rgba(0,0,0,0.7); color: white; border: none; border-radius: 4px; padding: 4px 8px; font-size: 12px; cursor: pointer; transition: all 0.3s ease; } .gallery-image-actions button:hover { background: rgba(0,0,0,0.9); } /* Responsive adjustments for gallery */ @media (max-width: 768px) { .gallery-options-grid { grid-template-columns: 1fr !important; } .gallery-actions { flex-direction: column !important; } .gallery-image-container img { max-width: 150px; } }
$71.50 – $954.20Price range: $71.50 through $954.20![Personalized Wedding Bottle Opener Favor Gift with Elegant Custom Box, Bridal Shower, Engagement Party Favors Import as Dropshipping Import as Affiliate Product Customization - Dropshipping Mode Go Pro × Product Customization - Affiliate Mode Go Pro × General Description Gallery Reviews Variations (Split & Import) Additional data Regular Price: Sale Price: Set Formula Custom Title: SKU (Optional) Product ID (Auto-filled) This is the unique identifier for the product from the source platform Product Weight (Optional) Short Description (Optional) Product Status Publish Product (checked = publish | unchecked = draft) Set as Featured product Mark as On Sale Affiliate Settings Affiliate Product URL * This is the URL where customers will be redirected when they click "Buy Now" Publish Product (checked = publish | unchecked = draft) Set as Featured product SEO Settings Meta Title: Meta Description: Meta Keywords: Product Tags Add Tags: Add WordPress Categories Provider Categories & Tags New Categories to Create Categories you add will appear here... Description Customization Include Options Include gallery images to the description Include images from reviews content Include specifications to the description Add tag section to the description for SEO Remove Options Remove entire description Replace Options Text to replace: Replace with: Apply Replacement Description Preview Enable Rich Editor Disable Rich Editor Apply Changes Gallery Management Include Additional Images Include images from description Include images from reviews content Clear All Images Product Gallery (0 images) No images in gallery yet. Use the options above to add images. Load more reviews Add Review Review Username Date creation Rating Remove This is a simple product, no variations can be defined Price Formula Set custom pricing rules for your variations No formula defined yet Configure Formula Clear Formula Open Advanced Settings × Bulk Price Tools Apply Regular Price to All Apply Apply Sale Price to All Apply Add Shipping Price to All Apply Apply charm pricing 00 (e.g. 2.34 → 3.00) Apply charm pricing 99 (e.g. 2.34 → 2.99) No charm pricing Title & Gallery Preferences Title Format Generic title + attribute values (e.g. color, size) Generic title only Gallery Image Source Select variation image Select gallery tab images Affiliate Link Image Variations Load product images for each variation Load Images Edit Attributes Note: Any modification of the attributes values on the variations table (such as color and size, etc..) need to be reflected on the attribute table below (click edit Attributes). the value must be available on the list of possible values on the table below. use a semi colon to add a new value name values Remove this from all variations Additional data property values Remove Sale price (Optional) Sale start date Sale end date Close Import as Dropshipping Product Import as Affiliate Product /* Modal Layout Fixes */ .import-modal-dialog { display: flex !important; flex-direction: column !important; height: 96vh !important; max-height: 96vh !important; } .import-modal-content { display: flex !important; flex-direction: column !important; height: 100% !important; max-height: 100% !important; } .modal-body { flex: 1 !important; overflow-y: auto !important; min-height: 0 !important; } .modal-footer { flex-shrink: 0 !important; position: sticky !important; bottom: 0 !important; background: #f8f9fa !important; border-top: 1px solid #e9ecef !important; z-index: 10 !important; } /* Ensure tabs stay visible */ .import-modal-tabs { position: sticky !important; top: 0 !important; background: white !important; z-index: 5 !important; margin-bottom: 20px !important; } /* Responsive adjustments */ @media (max-height: 600px) { .import-modal-dialog { height: 98vh !important; margin: 1% auto !important; } } @media (max-width: 768px) { .import-modal-dialog { width: 95% !important; max-width: 95vw !important; height: 98vh !important; margin: 1% auto !important; } } /* Toggle Switch Styles */ .toggle-switch-container { display: flex; flex-direction: column; gap: 16px; } .toggle-switch { display: flex; align-items: center; cursor: pointer; position: relative; padding: 12px 0; user-select: none; transition: all 0.3s ease; min-height: 48px; } .toggle-switch:hover { background-color: rgba(102, 126, 234, 0.05); border-radius: 8px; padding: 12px 8px; margin: 0 -8px; } .toggle-switch input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .toggle-slider { position: relative; height: 24px; width: 48px; background-color: #e0e0e0; border-radius: 24px; transition: all 0.3s ease; margin-right: 20px; flex-shrink: 0; border: 2px solid #d0d0d0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); min-width: 48px; } .toggle-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.2); border: 1px solid #e0e0e0; } .toggle-switch input:checked ~ .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 8px rgba(102, 126, 234, 0.3); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); box-shadow: 0 3px 8px rgba(0,0,0,0.3); } .toggle-label { font-size: 14px; color: #333; line-height: 1.5; font-weight: 500; flex: 1; margin-left: 0; padding-left: 0; word-wrap: break-word; overflow-wrap: break-word; } .toggle-switch:hover .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.4); } .toggle-switch:hover input:checked ~ .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.5); } /* Ensure radio buttons are properly initialized */ .toggle-switch input[type="radio"]:checked + .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .toggle-switch input[type="radio"]:checked + .toggle-slider:before { transform: translateX(24px); } /* Active state styling */ .toggle-switch:active .toggle-slider:before { transform: translateX(24px) scale(0.95); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); } /* Description Options Styles */ .description-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .description-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .description-option input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .description-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .description-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .description-option input:checked ~ .checkmark:after { display: block; } .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .description-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Replace options styling */ .replace-options input[type="text"] { border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; font-size: 14px; transition: all 0.3s ease; } .replace-options input[type="text"]:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; } /* Responsive adjustments */ @media (max-width: 768px) { .description-options-grid { grid-template-columns: 1fr !important; } .replace-options { flex-direction: column !important; align-items: stretch !important; } .replace-options > div { min-width: auto !important; } } /* Gallery Options Styles */ .gallery-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .gallery-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .gallery-option input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .gallery-option .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .gallery-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .gallery-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .gallery-option .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .gallery-option input:checked ~ .checkmark:after { display: block; } .gallery-option .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .gallery-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Gallery image styling */ .gallery-image-container { position: relative; display: inline-block; margin: 8px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: all 0.3s ease; } .gallery-image-container:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .gallery-image-container img { max-width: 200px; height: auto; display: block; } .gallery-image-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 4px; opacity: 0; transition: opacity 0.3s ease; } .gallery-image-container:hover .gallery-image-actions { opacity: 1; } .gallery-image-actions button { background: rgba(0,0,0,0.7); color: white; border: none; border-radius: 4px; padding: 4px 8px; font-size: 12px; cursor: pointer; transition: all 0.3s ease; } .gallery-image-actions button:hover { background: rgba(0,0,0,0.9); } /* Responsive adjustments for gallery */ @media (max-width: 768px) { .gallery-options-grid { grid-template-columns: 1fr !important; } .gallery-actions { flex-direction: column !important; } .gallery-image-container img { max-width: 150px; } }](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIiB2aWV3Qm94PSIwIDAgMzAwIDMwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=)
Personalized Wedding Bottle Opener Favor Gift with Elegant Custom Box, Bridal Shower, Engagement Party Favors Import as Dropshipping Import as Affiliate Product Customization – Dropshipping Mode Go Pro × Product Customization – Affiliate Mode Go Pro × General Description Gallery Reviews Variations (Split & Import) Additional data Regular Price: Sale Price: Set Formula Custom Title: SKU (Optional) Product ID (Auto-filled) This is the unique identifier for the product from the source platform Product Weight (Optional) Short Description (Optional) Product Status Publish Product (checked = publish | unchecked = draft) Set as Featured product Mark as On Sale Affiliate Settings Affiliate Product URL * This is the URL where customers will be redirected when they click “Buy Now” Publish Product (checked = publish | unchecked = draft) Set as Featured product SEO Settings Meta Title: Meta Description: Meta Keywords: Product Tags Add Tags: Add WordPress Categories Provider Categories & Tags New Categories to Create Categories you add will appear here… Description Customization Include Options Include gallery images to the description Include images from reviews content Include specifications to the description Add tag section to the description for SEO Remove Options Remove entire description Replace Options Text to replace: Replace with: Apply Replacement Description Preview Enable Rich Editor Disable Rich Editor Apply Changes Gallery Management Include Additional Images Include images from description Include images from reviews content Clear All Images Product Gallery (0 images) No images in gallery yet. Use the options above to add images. Load more reviews Add Review Review Username Date creation Rating Remove This is a simple product, no variations can be defined Price Formula Set custom pricing rules for your variations No formula defined yet Configure Formula Clear Formula Open Advanced Settings × Bulk Price Tools Apply Regular Price to All Apply Apply Sale Price to All Apply Add Shipping Price to All Apply Apply charm pricing 00 (e.g. 2.34 → 3.00) Apply charm pricing 99 (e.g. 2.34 → 2.99) No charm pricing Title & Gallery Preferences Title Format Generic title + attribute values (e.g. color, size) Generic title only Gallery Image Source Select variation image Select gallery tab images Affiliate Link Image Variations Load product images for each variation Load Images Edit Attributes Note: Any modification of the attributes values on the variations table (such as color and size, etc..) need to be reflected on the attribute table below (click edit Attributes). the value must be available on the list of possible values on the table below. use a semi colon to add a new value name values Remove this from all variations Additional data property values Remove Sale price (Optional) Sale start date Sale end date Close Import as Dropshipping Product Import as Affiliate Product /* Modal Layout Fixes */ .import-modal-dialog { display: flex !important; flex-direction: column !important; height: 96vh !important; max-height: 96vh !important; } .import-modal-content { display: flex !important; flex-direction: column !important; height: 100% !important; max-height: 100% !important; } .modal-body { flex: 1 !important; overflow-y: auto !important; min-height: 0 !important; } .modal-footer { flex-shrink: 0 !important; position: sticky !important; bottom: 0 !important; background: #f8f9fa !important; border-top: 1px solid #e9ecef !important; z-index: 10 !important; } /* Ensure tabs stay visible */ .import-modal-tabs { position: sticky !important; top: 0 !important; background: white !important; z-index: 5 !important; margin-bottom: 20px !important; } /* Responsive adjustments */ @media (max-height: 600px) { .import-modal-dialog { height: 98vh !important; margin: 1% auto !important; } } @media (max-width: 768px) { .import-modal-dialog { width: 95% !important; max-width: 95vw !important; height: 98vh !important; margin: 1% auto !important; } } /* Toggle Switch Styles */ .toggle-switch-container { display: flex; flex-direction: column; gap: 16px; } .toggle-switch { display: flex; align-items: center; cursor: pointer; position: relative; padding: 12px 0; user-select: none; transition: all 0.3s ease; min-height: 48px; } .toggle-switch:hover { background-color: rgba(102, 126, 234, 0.05); border-radius: 8px; padding: 12px 8px; margin: 0 -8px; } .toggle-switch input[type=”radio”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .toggle-slider { position: relative; height: 24px; width: 48px; background-color: #e0e0e0; border-radius: 24px; transition: all 0.3s ease; margin-right: 20px; flex-shrink: 0; border: 2px solid #d0d0d0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); min-width: 48px; } .toggle-slider:before { position: absolute; content: “”; height: 18px; width: 18px; left: 3px; bottom: 3px; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.2); border: 1px solid #e0e0e0; } .toggle-switch input:checked ~ .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 8px rgba(102, 126, 234, 0.3); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); box-shadow: 0 3px 8px rgba(0,0,0,0.3); } .toggle-label { font-size: 14px; color: #333; line-height: 1.5; font-weight: 500; flex: 1; margin-left: 0; padding-left: 0; word-wrap: break-word; overflow-wrap: break-word; } .toggle-switch:hover .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.4); } .toggle-switch:hover input:checked ~ .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.5); } /* Ensure radio buttons are properly initialized */ .toggle-switch input[type=”radio”]:checked + .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .toggle-switch input[type=”radio”]:checked + .toggle-slider:before { transform: translateX(24px); } /* Active state styling */ .toggle-switch:active .toggle-slider:before { transform: translateX(24px) scale(0.95); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); } /* Description Options Styles */ .description-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .description-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .description-option input[type=”checkbox”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .description-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .description-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .checkmark:after { content: “”; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .description-option input:checked ~ .checkmark:after { display: block; } .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .description-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Replace options styling */ .replace-options input[type=”text”] { border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; font-size: 14px; transition: all 0.3s ease; } .replace-options input[type=”text”]:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; } /* Responsive adjustments */ @media (max-width: 768px) { .description-options-grid { grid-template-columns: 1fr !important; } .replace-options { flex-direction: column !important; align-items: stretch !important; } .replace-options > div { min-width: auto !important; } } /* Gallery Options Styles */ .gallery-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .gallery-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .gallery-option input[type=”checkbox”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .gallery-option .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .gallery-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .gallery-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .gallery-option .checkmark:after { content: “”; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .gallery-option input:checked ~ .checkmark:after { display: block; } .gallery-option .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .gallery-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Gallery image styling */ .gallery-image-container { position: relative; display: inline-block; margin: 8px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: all 0.3s ease; } .gallery-image-container:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .gallery-image-container img { max-width: 200px; height: auto; display: block; } .gallery-image-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 4px; opacity: 0; transition: opacity 0.3s ease; } .gallery-image-container:hover .gallery-image-actions { opacity: 1; } .gallery-image-actions button { background: rgba(0,0,0,0.7); color: white; border: none; border-radius: 4px; padding: 4px 8px; font-size: 12px; cursor: pointer; transition: all 0.3s ease; } .gallery-image-actions button:hover { background: rgba(0,0,0,0.9); } /* Responsive adjustments for gallery */ @media (max-width: 768px) { .gallery-options-grid { grid-template-columns: 1fr !important; } .gallery-actions { flex-direction: column !important; } .gallery-image-container img { max-width: 150px; } }
$65.00 – $412.98Price range: $65.00 through $412.98
Firefighter & Police Bear Plush Toy – Soft Teddy Bear with Firefighter & Police Outfits, Safe for All, Birthday Party Decorations, Home/Office Decoration – Cute First Responder Gift, Firefighter Decorations, Room Accessory, Playful Design, Durable Stuffed Animal, Home Decor, Cartoon Design, High-quality Fabric, Gift Idea
$0.28MorisMos 39″ Giant Teddy Bear – Light Brown Plush Stuffed Animal with Big Footprints, Soft Durable Fabric, Expressive Eyes & Nose, Anime/Movie Theme Gift for Kids, Home Decor, Dog Stuffed Animal, Kids Room Decor, Playful Design, Nursery Decor, Movieinspired Plushie, Highquality Plushie, Anime Fans
$37.32Soft and Comfortable 27cm/10.62 Inches Cute Highland Cow Plush Doll | Cartoon Animal Shape, Perfect for Gifts, Christmas, Halloween, Valentine’s Day, Thanksgiving, High-Quality Birthday Gift, Ideal as a Pet Comfort, Cow Decorations for Home, Holiday Gift Item, Playful Design, Highquality Softness
$1.36 – $15.36Price range: $1.36 through $15.36
![Magnet Opener Favors with Box or Card/ Wedding Party Favors for Guests in bulk, Wedding Bulk Favors, Wedding Gift For Guest . Import as Dropshipping Import as Affiliate Product Customization - Dropshipping Mode Go Pro × Product Customization - Affiliate Mode Go Pro × General Description Gallery Reviews Variations (Split & Import) Additional data Regular Price: Sale Price: Set Formula Custom Title: SKU (Optional) Product ID (Auto-filled) This is the unique identifier for the product from the source platform Product Weight (Optional) Short Description (Optional) Product Status Publish Product (checked = publish | unchecked = draft) Set as Featured product Mark as On Sale Affiliate Settings Affiliate Product URL * This is the URL where customers will be redirected when they click "Buy Now" Publish Product (checked = publish | unchecked = draft) Set as Featured product SEO Settings Meta Title: Meta Description: Meta Keywords: Product Tags Add Tags: Add WordPress Categories Provider Categories & Tags New Categories to Create Categories you add will appear here... Description Customization Include Options Include gallery images to the description Include images from reviews content Include specifications to the description Add tag section to the description for SEO Remove Options Remove entire description Replace Options Text to replace: Replace with: Apply Replacement Description Preview Enable Rich Editor Disable Rich Editor Apply Changes Gallery Management Include Additional Images Include images from description Include images from reviews content Clear All Images Product Gallery (0 images) No images in gallery yet. Use the options above to add images. Load more reviews Add Review Review Username Date creation Rating Remove This is a simple product, no variations can be defined Price Formula Set custom pricing rules for your variations No formula defined yet Configure Formula Clear Formula Open Advanced Settings × Bulk Price Tools Apply Regular Price to All Apply Apply Sale Price to All Apply Add Shipping Price to All Apply Apply charm pricing 00 (e.g. 2.34 → 3.00) Apply charm pricing 99 (e.g. 2.34 → 2.99) No charm pricing Title & Gallery Preferences Title Format Generic title + attribute values (e.g. color, size) Generic title only Gallery Image Source Select variation image Select gallery tab images Affiliate Link Image Variations Load product images for each variation Load Images Edit Attributes Note: Any modification of the attributes values on the variations table (such as color and size, etc..) need to be reflected on the attribute table below (click edit Attributes). the value must be available on the list of possible values on the table below. use a semi colon to add a new value name values Remove this from all variations Additional data property values Remove Sale price (Optional) Sale start date Sale end date Close Import as Dropshipping Product Import as Affiliate Product /* Modal Layout Fixes */ .import-modal-dialog { display: flex !important; flex-direction: column !important; height: 96vh !important; max-height: 96vh !important; } .import-modal-content { display: flex !important; flex-direction: column !important; height: 100% !important; max-height: 100% !important; } .modal-body { flex: 1 !important; overflow-y: auto !important; min-height: 0 !important; } .modal-footer { flex-shrink: 0 !important; position: sticky !important; bottom: 0 !important; background: #f8f9fa !important; border-top: 1px solid #e9ecef !important; z-index: 10 !important; } /* Ensure tabs stay visible */ .import-modal-tabs { position: sticky !important; top: 0 !important; background: white !important; z-index: 5 !important; margin-bottom: 20px !important; } /* Responsive adjustments */ @media (max-height: 600px) { .import-modal-dialog { height: 98vh !important; margin: 1% auto !important; } } @media (max-width: 768px) { .import-modal-dialog { width: 95% !important; max-width: 95vw !important; height: 98vh !important; margin: 1% auto !important; } } /* Toggle Switch Styles */ .toggle-switch-container { display: flex; flex-direction: column; gap: 16px; } .toggle-switch { display: flex; align-items: center; cursor: pointer; position: relative; padding: 12px 0; user-select: none; transition: all 0.3s ease; min-height: 48px; } .toggle-switch:hover { background-color: rgba(102, 126, 234, 0.05); border-radius: 8px; padding: 12px 8px; margin: 0 -8px; } .toggle-switch input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .toggle-slider { position: relative; height: 24px; width: 48px; background-color: #e0e0e0; border-radius: 24px; transition: all 0.3s ease; margin-right: 20px; flex-shrink: 0; border: 2px solid #d0d0d0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); min-width: 48px; } .toggle-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.2); border: 1px solid #e0e0e0; } .toggle-switch input:checked ~ .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 8px rgba(102, 126, 234, 0.3); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); box-shadow: 0 3px 8px rgba(0,0,0,0.3); } .toggle-label { font-size: 14px; color: #333; line-height: 1.5; font-weight: 500; flex: 1; margin-left: 0; padding-left: 0; word-wrap: break-word; overflow-wrap: break-word; } .toggle-switch:hover .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.4); } .toggle-switch:hover input:checked ~ .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.5); } /* Ensure radio buttons are properly initialized */ .toggle-switch input[type="radio"]:checked + .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .toggle-switch input[type="radio"]:checked + .toggle-slider:before { transform: translateX(24px); } /* Active state styling */ .toggle-switch:active .toggle-slider:before { transform: translateX(24px) scale(0.95); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); } /* Description Options Styles */ .description-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .description-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .description-option input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .description-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .description-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .description-option input:checked ~ .checkmark:after { display: block; } .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .description-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Replace options styling */ .replace-options input[type="text"] { border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; font-size: 14px; transition: all 0.3s ease; } .replace-options input[type="text"]:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; } /* Responsive adjustments */ @media (max-width: 768px) { .description-options-grid { grid-template-columns: 1fr !important; } .replace-options { flex-direction: column !important; align-items: stretch !important; } .replace-options > div { min-width: auto !important; } } /* Gallery Options Styles */ .gallery-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .gallery-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .gallery-option input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .gallery-option .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .gallery-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .gallery-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .gallery-option .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .gallery-option input:checked ~ .checkmark:after { display: block; } .gallery-option .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .gallery-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Gallery image styling */ .gallery-image-container { position: relative; display: inline-block; margin: 8px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: all 0.3s ease; } .gallery-image-container:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .gallery-image-container img { max-width: 200px; height: auto; display: block; } .gallery-image-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 4px; opacity: 0; transition: opacity 0.3s ease; } .gallery-image-container:hover .gallery-image-actions { opacity: 1; } .gallery-image-actions button { background: rgba(0,0,0,0.7); color: white; border: none; border-radius: 4px; padding: 4px 8px; font-size: 12px; cursor: pointer; transition: all 0.3s ease; } .gallery-image-actions button:hover { background: rgba(0,0,0,0.9); } /* Responsive adjustments for gallery */ @media (max-width: 768px) { .gallery-options-grid { grid-template-columns: 1fr !important; } .gallery-actions { flex-direction: column !important; } .gallery-image-container img { max-width: 150px; } }](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIiB2aWV3Qm94PSIwIDAgMzAwIDMwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=)
Magnet Opener Favors with Box or Card/ Wedding Party Favors for Guests in bulk, Wedding Bulk Favors, Wedding Gift For Guest . Import as Dropshipping Import as Affiliate Product Customization – Dropshipping Mode Go Pro × Product Customization – Affiliate Mode Go Pro × General Description Gallery Reviews Variations (Split & Import) Additional data Regular Price: Sale Price: Set Formula Custom Title: SKU (Optional) Product ID (Auto-filled) This is the unique identifier for the product from the source platform Product Weight (Optional) Short Description (Optional) Product Status Publish Product (checked = publish | unchecked = draft) Set as Featured product Mark as On Sale Affiliate Settings Affiliate Product URL * This is the URL where customers will be redirected when they click “Buy Now” Publish Product (checked = publish | unchecked = draft) Set as Featured product SEO Settings Meta Title: Meta Description: Meta Keywords: Product Tags Add Tags: Add WordPress Categories Provider Categories & Tags New Categories to Create Categories you add will appear here… Description Customization Include Options Include gallery images to the description Include images from reviews content Include specifications to the description Add tag section to the description for SEO Remove Options Remove entire description Replace Options Text to replace: Replace with: Apply Replacement Description Preview Enable Rich Editor Disable Rich Editor Apply Changes Gallery Management Include Additional Images Include images from description Include images from reviews content Clear All Images Product Gallery (0 images) No images in gallery yet. Use the options above to add images. Load more reviews Add Review Review Username Date creation Rating Remove This is a simple product, no variations can be defined Price Formula Set custom pricing rules for your variations No formula defined yet Configure Formula Clear Formula Open Advanced Settings × Bulk Price Tools Apply Regular Price to All Apply Apply Sale Price to All Apply Add Shipping Price to All Apply Apply charm pricing 00 (e.g. 2.34 → 3.00) Apply charm pricing 99 (e.g. 2.34 → 2.99) No charm pricing Title & Gallery Preferences Title Format Generic title + attribute values (e.g. color, size) Generic title only Gallery Image Source Select variation image Select gallery tab images Affiliate Link Image Variations Load product images for each variation Load Images Edit Attributes Note: Any modification of the attributes values on the variations table (such as color and size, etc..) need to be reflected on the attribute table below (click edit Attributes). the value must be available on the list of possible values on the table below. use a semi colon to add a new value name values Remove this from all variations Additional data property values Remove Sale price (Optional) Sale start date Sale end date Close Import as Dropshipping Product Import as Affiliate Product /* Modal Layout Fixes */ .import-modal-dialog { display: flex !important; flex-direction: column !important; height: 96vh !important; max-height: 96vh !important; } .import-modal-content { display: flex !important; flex-direction: column !important; height: 100% !important; max-height: 100% !important; } .modal-body { flex: 1 !important; overflow-y: auto !important; min-height: 0 !important; } .modal-footer { flex-shrink: 0 !important; position: sticky !important; bottom: 0 !important; background: #f8f9fa !important; border-top: 1px solid #e9ecef !important; z-index: 10 !important; } /* Ensure tabs stay visible */ .import-modal-tabs { position: sticky !important; top: 0 !important; background: white !important; z-index: 5 !important; margin-bottom: 20px !important; } /* Responsive adjustments */ @media (max-height: 600px) { .import-modal-dialog { height: 98vh !important; margin: 1% auto !important; } } @media (max-width: 768px) { .import-modal-dialog { width: 95% !important; max-width: 95vw !important; height: 98vh !important; margin: 1% auto !important; } } /* Toggle Switch Styles */ .toggle-switch-container { display: flex; flex-direction: column; gap: 16px; } .toggle-switch { display: flex; align-items: center; cursor: pointer; position: relative; padding: 12px 0; user-select: none; transition: all 0.3s ease; min-height: 48px; } .toggle-switch:hover { background-color: rgba(102, 126, 234, 0.05); border-radius: 8px; padding: 12px 8px; margin: 0 -8px; } .toggle-switch input[type=”radio”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .toggle-slider { position: relative; height: 24px; width: 48px; background-color: #e0e0e0; border-radius: 24px; transition: all 0.3s ease; margin-right: 20px; flex-shrink: 0; border: 2px solid #d0d0d0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); min-width: 48px; } .toggle-slider:before { position: absolute; content: “”; height: 18px; width: 18px; left: 3px; bottom: 3px; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.2); border: 1px solid #e0e0e0; } .toggle-switch input:checked ~ .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 8px rgba(102, 126, 234, 0.3); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); box-shadow: 0 3px 8px rgba(0,0,0,0.3); } .toggle-label { font-size: 14px; color: #333; line-height: 1.5; font-weight: 500; flex: 1; margin-left: 0; padding-left: 0; word-wrap: break-word; overflow-wrap: break-word; } .toggle-switch:hover .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.4); } .toggle-switch:hover input:checked ~ .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.5); } /* Ensure radio buttons are properly initialized */ .toggle-switch input[type=”radio”]:checked + .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .toggle-switch input[type=”radio”]:checked + .toggle-slider:before { transform: translateX(24px); } /* Active state styling */ .toggle-switch:active .toggle-slider:before { transform: translateX(24px) scale(0.95); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); } /* Description Options Styles */ .description-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .description-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .description-option input[type=”checkbox”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .description-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .description-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .checkmark:after { content: “”; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .description-option input:checked ~ .checkmark:after { display: block; } .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .description-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Replace options styling */ .replace-options input[type=”text”] { border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; font-size: 14px; transition: all 0.3s ease; } .replace-options input[type=”text”]:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; } /* Responsive adjustments */ @media (max-width: 768px) { .description-options-grid { grid-template-columns: 1fr !important; } .replace-options { flex-direction: column !important; align-items: stretch !important; } .replace-options > div { min-width: auto !important; } } /* Gallery Options Styles */ .gallery-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .gallery-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .gallery-option input[type=”checkbox”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .gallery-option .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .gallery-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .gallery-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .gallery-option .checkmark:after { content: “”; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .gallery-option input:checked ~ .checkmark:after { display: block; } .gallery-option .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .gallery-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Gallery image styling */ .gallery-image-container { position: relative; display: inline-block; margin: 8px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: all 0.3s ease; } .gallery-image-container:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .gallery-image-container img { max-width: 200px; height: auto; display: block; } .gallery-image-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 4px; opacity: 0; transition: opacity 0.3s ease; } .gallery-image-container:hover .gallery-image-actions { opacity: 1; } .gallery-image-actions button { background: rgba(0,0,0,0.7); color: white; border: none; border-radius: 4px; padding: 4px 8px; font-size: 12px; cursor: pointer; transition: all 0.3s ease; } .gallery-image-actions button:hover { background: rgba(0,0,0,0.9); } /* Responsive adjustments for gallery */ @media (max-width: 768px) { .gallery-options-grid { grid-template-columns: 1fr !important; } .gallery-actions { flex-direction: column !important; } .gallery-image-container img { max-width: 150px; } }
$71.50 – $1,952.60Price range: $71.50 through $1,952.60
120pcs Personalized Metal Bottle Opener Keychains – Durable Aluminum, Customizable Text, Multiple Colors Available (Blue, Black, White, Red, Green, Purple, Orange) – Perfect for Parties, Valentine’S Day, Graduation Ceremonies, and Birthday Gifts, Stylish Metallic Finish | Premium Craftsmanship
$56.82 – $72.36Price range: $56.82 through $72.3650/100pcs Custom Engraved Metal Bottle Opener Keychains – Durable Lightweight Sleek Metallic Finish, Personalized Text Option for Wedding Favors, Corporate Events, Promotional Gifts (Multi-Color Options), Cute Keychains, Promotional Accessories, Event Giveaways, Modern Keychain, Quality Craftsmanship, Party Favors, Marketing Teams
$39.66 – $39.80Price range: $39.66 through $39.80![Bottle Opener Favors for Wedding, Birthday, Baptism, Baby Shower, Bridal Shower. Wedding Favors for Guests in Bulk. Wedding magnet. Import as Dropshipping Import as Affiliate Product Customization - Dropshipping Mode Go Pro × Product Customization - Affiliate Mode Go Pro × General Description Gallery Reviews Variations (Split & Import) Additional data Regular Price: Sale Price: Set Formula Custom Title: SKU (Optional) Product ID (Auto-filled) This is the unique identifier for the product from the source platform Product Weight (Optional) Short Description (Optional) Product Status Publish Product (checked = publish | unchecked = draft) Set as Featured product Mark as On Sale Affiliate Settings Affiliate Product URL * This is the URL where customers will be redirected when they click "Buy Now" Publish Product (checked = publish | unchecked = draft) Set as Featured product SEO Settings Meta Title: Meta Description: Meta Keywords: Product Tags Add Tags: Add WordPress Categories Provider Categories & Tags New Categories to Create Categories you add will appear here... Description Customization Include Options Include gallery images to the description Include images from reviews content Include specifications to the description Add tag section to the description for SEO Remove Options Remove entire description Replace Options Text to replace: Replace with: Apply Replacement Description Preview Enable Rich Editor Disable Rich Editor Apply Changes Gallery Management Include Additional Images Include images from description Include images from reviews content Clear All Images Product Gallery (0 images) No images in gallery yet. Use the options above to add images. Load more reviews Add Review Review Username Date creation Rating Remove This is a simple product, no variations can be defined Price Formula Set custom pricing rules for your variations No formula defined yet Configure Formula Clear Formula Open Advanced Settings × Bulk Price Tools Apply Regular Price to All Apply Apply Sale Price to All Apply Add Shipping Price to All Apply Apply charm pricing 00 (e.g. 2.34 → 3.00) Apply charm pricing 99 (e.g. 2.34 → 2.99) No charm pricing Title & Gallery Preferences Title Format Generic title + attribute values (e.g. color, size) Generic title only Gallery Image Source Select variation image Select gallery tab images Affiliate Link Image Variations Load product images for each variation Load Images Edit Attributes Note: Any modification of the attributes values on the variations table (such as color and size, etc..) need to be reflected on the attribute table below (click edit Attributes). the value must be available on the list of possible values on the table below. use a semi colon to add a new value name values Remove this from all variations Additional data property values Remove Sale price (Optional) Sale start date Sale end date Close Import as Dropshipping Product Import as Affiliate Product /* Modal Layout Fixes */ .import-modal-dialog { display: flex !important; flex-direction: column !important; height: 96vh !important; max-height: 96vh !important; } .import-modal-content { display: flex !important; flex-direction: column !important; height: 100% !important; max-height: 100% !important; } .modal-body { flex: 1 !important; overflow-y: auto !important; min-height: 0 !important; } .modal-footer { flex-shrink: 0 !important; position: sticky !important; bottom: 0 !important; background: #f8f9fa !important; border-top: 1px solid #e9ecef !important; z-index: 10 !important; } /* Ensure tabs stay visible */ .import-modal-tabs { position: sticky !important; top: 0 !important; background: white !important; z-index: 5 !important; margin-bottom: 20px !important; } /* Responsive adjustments */ @media (max-height: 600px) { .import-modal-dialog { height: 98vh !important; margin: 1% auto !important; } } @media (max-width: 768px) { .import-modal-dialog { width: 95% !important; max-width: 95vw !important; height: 98vh !important; margin: 1% auto !important; } } /* Toggle Switch Styles */ .toggle-switch-container { display: flex; flex-direction: column; gap: 16px; } .toggle-switch { display: flex; align-items: center; cursor: pointer; position: relative; padding: 12px 0; user-select: none; transition: all 0.3s ease; min-height: 48px; } .toggle-switch:hover { background-color: rgba(102, 126, 234, 0.05); border-radius: 8px; padding: 12px 8px; margin: 0 -8px; } .toggle-switch input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .toggle-slider { position: relative; height: 24px; width: 48px; background-color: #e0e0e0; border-radius: 24px; transition: all 0.3s ease; margin-right: 20px; flex-shrink: 0; border: 2px solid #d0d0d0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); min-width: 48px; } .toggle-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.2); border: 1px solid #e0e0e0; } .toggle-switch input:checked ~ .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 8px rgba(102, 126, 234, 0.3); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); box-shadow: 0 3px 8px rgba(0,0,0,0.3); } .toggle-label { font-size: 14px; color: #333; line-height: 1.5; font-weight: 500; flex: 1; margin-left: 0; padding-left: 0; word-wrap: break-word; overflow-wrap: break-word; } .toggle-switch:hover .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.4); } .toggle-switch:hover input:checked ~ .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.5); } /* Ensure radio buttons are properly initialized */ .toggle-switch input[type="radio"]:checked + .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .toggle-switch input[type="radio"]:checked + .toggle-slider:before { transform: translateX(24px); } /* Active state styling */ .toggle-switch:active .toggle-slider:before { transform: translateX(24px) scale(0.95); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); } /* Description Options Styles */ .description-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .description-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .description-option input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .description-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .description-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .description-option input:checked ~ .checkmark:after { display: block; } .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .description-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Replace options styling */ .replace-options input[type="text"] { border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; font-size: 14px; transition: all 0.3s ease; } .replace-options input[type="text"]:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; } /* Responsive adjustments */ @media (max-width: 768px) { .description-options-grid { grid-template-columns: 1fr !important; } .replace-options { flex-direction: column !important; align-items: stretch !important; } .replace-options > div { min-width: auto !important; } } /* Gallery Options Styles */ .gallery-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .gallery-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .gallery-option input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .gallery-option .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .gallery-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .gallery-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .gallery-option .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .gallery-option input:checked ~ .checkmark:after { display: block; } .gallery-option .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .gallery-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Gallery image styling */ .gallery-image-container { position: relative; display: inline-block; margin: 8px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: all 0.3s ease; } .gallery-image-container:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .gallery-image-container img { max-width: 200px; height: auto; display: block; } .gallery-image-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 4px; opacity: 0; transition: opacity 0.3s ease; } .gallery-image-container:hover .gallery-image-actions { opacity: 1; } .gallery-image-actions button { background: rgba(0,0,0,0.7); color: white; border: none; border-radius: 4px; padding: 4px 8px; font-size: 12px; cursor: pointer; transition: all 0.3s ease; } .gallery-image-actions button:hover { background: rgba(0,0,0,0.9); } /* Responsive adjustments for gallery */ @media (max-width: 768px) { .gallery-options-grid { grid-template-columns: 1fr !important; } .gallery-actions { flex-direction: column !important; } .gallery-image-container img { max-width: 150px; } }](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIiB2aWV3Qm94PSIwIDAgMzAwIDMwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=)
Bottle Opener Favors for Wedding, Birthday, Baptism, Baby Shower, Bridal Shower. Wedding Favors for Guests in Bulk. Wedding magnet. Import as Dropshipping Import as Affiliate Product Customization – Dropshipping Mode Go Pro × Product Customization – Affiliate Mode Go Pro × General Description Gallery Reviews Variations (Split & Import) Additional data Regular Price: Sale Price: Set Formula Custom Title: SKU (Optional) Product ID (Auto-filled) This is the unique identifier for the product from the source platform Product Weight (Optional) Short Description (Optional) Product Status Publish Product (checked = publish | unchecked = draft) Set as Featured product Mark as On Sale Affiliate Settings Affiliate Product URL * This is the URL where customers will be redirected when they click “Buy Now” Publish Product (checked = publish | unchecked = draft) Set as Featured product SEO Settings Meta Title: Meta Description: Meta Keywords: Product Tags Add Tags: Add WordPress Categories Provider Categories & Tags New Categories to Create Categories you add will appear here… Description Customization Include Options Include gallery images to the description Include images from reviews content Include specifications to the description Add tag section to the description for SEO Remove Options Remove entire description Replace Options Text to replace: Replace with: Apply Replacement Description Preview Enable Rich Editor Disable Rich Editor Apply Changes Gallery Management Include Additional Images Include images from description Include images from reviews content Clear All Images Product Gallery (0 images) No images in gallery yet. Use the options above to add images. Load more reviews Add Review Review Username Date creation Rating Remove This is a simple product, no variations can be defined Price Formula Set custom pricing rules for your variations No formula defined yet Configure Formula Clear Formula Open Advanced Settings × Bulk Price Tools Apply Regular Price to All Apply Apply Sale Price to All Apply Add Shipping Price to All Apply Apply charm pricing 00 (e.g. 2.34 → 3.00) Apply charm pricing 99 (e.g. 2.34 → 2.99) No charm pricing Title & Gallery Preferences Title Format Generic title + attribute values (e.g. color, size) Generic title only Gallery Image Source Select variation image Select gallery tab images Affiliate Link Image Variations Load product images for each variation Load Images Edit Attributes Note: Any modification of the attributes values on the variations table (such as color and size, etc..) need to be reflected on the attribute table below (click edit Attributes). the value must be available on the list of possible values on the table below. use a semi colon to add a new value name values Remove this from all variations Additional data property values Remove Sale price (Optional) Sale start date Sale end date Close Import as Dropshipping Product Import as Affiliate Product /* Modal Layout Fixes */ .import-modal-dialog { display: flex !important; flex-direction: column !important; height: 96vh !important; max-height: 96vh !important; } .import-modal-content { display: flex !important; flex-direction: column !important; height: 100% !important; max-height: 100% !important; } .modal-body { flex: 1 !important; overflow-y: auto !important; min-height: 0 !important; } .modal-footer { flex-shrink: 0 !important; position: sticky !important; bottom: 0 !important; background: #f8f9fa !important; border-top: 1px solid #e9ecef !important; z-index: 10 !important; } /* Ensure tabs stay visible */ .import-modal-tabs { position: sticky !important; top: 0 !important; background: white !important; z-index: 5 !important; margin-bottom: 20px !important; } /* Responsive adjustments */ @media (max-height: 600px) { .import-modal-dialog { height: 98vh !important; margin: 1% auto !important; } } @media (max-width: 768px) { .import-modal-dialog { width: 95% !important; max-width: 95vw !important; height: 98vh !important; margin: 1% auto !important; } } /* Toggle Switch Styles */ .toggle-switch-container { display: flex; flex-direction: column; gap: 16px; } .toggle-switch { display: flex; align-items: center; cursor: pointer; position: relative; padding: 12px 0; user-select: none; transition: all 0.3s ease; min-height: 48px; } .toggle-switch:hover { background-color: rgba(102, 126, 234, 0.05); border-radius: 8px; padding: 12px 8px; margin: 0 -8px; } .toggle-switch input[type=”radio”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .toggle-slider { position: relative; height: 24px; width: 48px; background-color: #e0e0e0; border-radius: 24px; transition: all 0.3s ease; margin-right: 20px; flex-shrink: 0; border: 2px solid #d0d0d0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); min-width: 48px; } .toggle-slider:before { position: absolute; content: “”; height: 18px; width: 18px; left: 3px; bottom: 3px; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.2); border: 1px solid #e0e0e0; } .toggle-switch input:checked ~ .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 8px rgba(102, 126, 234, 0.3); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); box-shadow: 0 3px 8px rgba(0,0,0,0.3); } .toggle-label { font-size: 14px; color: #333; line-height: 1.5; font-weight: 500; flex: 1; margin-left: 0; padding-left: 0; word-wrap: break-word; overflow-wrap: break-word; } .toggle-switch:hover .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.4); } .toggle-switch:hover input:checked ~ .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.5); } /* Ensure radio buttons are properly initialized */ .toggle-switch input[type=”radio”]:checked + .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .toggle-switch input[type=”radio”]:checked + .toggle-slider:before { transform: translateX(24px); } /* Active state styling */ .toggle-switch:active .toggle-slider:before { transform: translateX(24px) scale(0.95); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); } /* Description Options Styles */ .description-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .description-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .description-option input[type=”checkbox”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .description-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .description-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .checkmark:after { content: “”; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .description-option input:checked ~ .checkmark:after { display: block; } .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .description-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Replace options styling */ .replace-options input[type=”text”] { border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; font-size: 14px; transition: all 0.3s ease; } .replace-options input[type=”text”]:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; } /* Responsive adjustments */ @media (max-width: 768px) { .description-options-grid { grid-template-columns: 1fr !important; } .replace-options { flex-direction: column !important; align-items: stretch !important; } .replace-options > div { min-width: auto !important; } } /* Gallery Options Styles */ .gallery-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .gallery-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .gallery-option input[type=”checkbox”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .gallery-option .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .gallery-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .gallery-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .gallery-option .checkmark:after { content: “”; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .gallery-option input:checked ~ .checkmark:after { display: block; } .gallery-option .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .gallery-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Gallery image styling */ .gallery-image-container { position: relative; display: inline-block; margin: 8px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: all 0.3s ease; } .gallery-image-container:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .gallery-image-container img { max-width: 200px; height: auto; display: block; } .gallery-image-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 4px; opacity: 0; transition: opacity 0.3s ease; } .gallery-image-container:hover .gallery-image-actions { opacity: 1; } .gallery-image-actions button { background: rgba(0,0,0,0.7); color: white; border: none; border-radius: 4px; padding: 4px 8px; font-size: 12px; cursor: pointer; transition: all 0.3s ease; } .gallery-image-actions button:hover { background: rgba(0,0,0,0.9); } /* Responsive adjustments for gallery */ @media (max-width: 768px) { .gallery-options-grid { grid-template-columns: 1fr !important; } .gallery-actions { flex-direction: column !important; } .gallery-image-container img { max-width: 150px; } }
$71.50 – $954.20Price range: $71.50 through $954.20![Magnet Opener Favors with Box or Card/ Wedding Party Favors for Guests in bulk, Wedding Bulk Favors, Wedding Gift For Guest . Import as Dropshipping Import as Affiliate Product Customization - Dropshipping Mode Go Pro × Product Customization - Affiliate Mode Go Pro × General Description Gallery Reviews Variations (Split & Import) Additional data Regular Price: Sale Price: Set Formula Custom Title: SKU (Optional) Product ID (Auto-filled) This is the unique identifier for the product from the source platform Product Weight (Optional) Short Description (Optional) Product Status Publish Product (checked = publish | unchecked = draft) Set as Featured product Mark as On Sale Affiliate Settings Affiliate Product URL * This is the URL where customers will be redirected when they click "Buy Now" Publish Product (checked = publish | unchecked = draft) Set as Featured product SEO Settings Meta Title: Meta Description: Meta Keywords: Product Tags Add Tags: Add WordPress Categories Provider Categories & Tags New Categories to Create Categories you add will appear here... Description Customization Include Options Include gallery images to the description Include images from reviews content Include specifications to the description Add tag section to the description for SEO Remove Options Remove entire description Replace Options Text to replace: Replace with: Apply Replacement Description Preview Enable Rich Editor Disable Rich Editor Apply Changes Gallery Management Include Additional Images Include images from description Include images from reviews content Clear All Images Product Gallery (0 images) No images in gallery yet. Use the options above to add images. Load more reviews Add Review Review Username Date creation Rating Remove This is a simple product, no variations can be defined Price Formula Set custom pricing rules for your variations No formula defined yet Configure Formula Clear Formula Open Advanced Settings × Bulk Price Tools Apply Regular Price to All Apply Apply Sale Price to All Apply Add Shipping Price to All Apply Apply charm pricing 00 (e.g. 2.34 → 3.00) Apply charm pricing 99 (e.g. 2.34 → 2.99) No charm pricing Title & Gallery Preferences Title Format Generic title + attribute values (e.g. color, size) Generic title only Gallery Image Source Select variation image Select gallery tab images Affiliate Link Image Variations Load product images for each variation Load Images Edit Attributes Note: Any modification of the attributes values on the variations table (such as color and size, etc..) need to be reflected on the attribute table below (click edit Attributes). the value must be available on the list of possible values on the table below. use a semi colon to add a new value name values Remove this from all variations Additional data property values Remove Sale price (Optional) Sale start date Sale end date Close Import as Dropshipping Product Import as Affiliate Product /* Modal Layout Fixes */ .import-modal-dialog { display: flex !important; flex-direction: column !important; height: 96vh !important; max-height: 96vh !important; } .import-modal-content { display: flex !important; flex-direction: column !important; height: 100% !important; max-height: 100% !important; } .modal-body { flex: 1 !important; overflow-y: auto !important; min-height: 0 !important; } .modal-footer { flex-shrink: 0 !important; position: sticky !important; bottom: 0 !important; background: #f8f9fa !important; border-top: 1px solid #e9ecef !important; z-index: 10 !important; } /* Ensure tabs stay visible */ .import-modal-tabs { position: sticky !important; top: 0 !important; background: white !important; z-index: 5 !important; margin-bottom: 20px !important; } /* Responsive adjustments */ @media (max-height: 600px) { .import-modal-dialog { height: 98vh !important; margin: 1% auto !important; } } @media (max-width: 768px) { .import-modal-dialog { width: 95% !important; max-width: 95vw !important; height: 98vh !important; margin: 1% auto !important; } } /* Toggle Switch Styles */ .toggle-switch-container { display: flex; flex-direction: column; gap: 16px; } .toggle-switch { display: flex; align-items: center; cursor: pointer; position: relative; padding: 12px 0; user-select: none; transition: all 0.3s ease; min-height: 48px; } .toggle-switch:hover { background-color: rgba(102, 126, 234, 0.05); border-radius: 8px; padding: 12px 8px; margin: 0 -8px; } .toggle-switch input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .toggle-slider { position: relative; height: 24px; width: 48px; background-color: #e0e0e0; border-radius: 24px; transition: all 0.3s ease; margin-right: 20px; flex-shrink: 0; border: 2px solid #d0d0d0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); min-width: 48px; } .toggle-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.2); border: 1px solid #e0e0e0; } .toggle-switch input:checked ~ .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 8px rgba(102, 126, 234, 0.3); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); box-shadow: 0 3px 8px rgba(0,0,0,0.3); } .toggle-label { font-size: 14px; color: #333; line-height: 1.5; font-weight: 500; flex: 1; margin-left: 0; padding-left: 0; word-wrap: break-word; overflow-wrap: break-word; } .toggle-switch:hover .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.4); } .toggle-switch:hover input:checked ~ .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.5); } /* Ensure radio buttons are properly initialized */ .toggle-switch input[type="radio"]:checked + .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .toggle-switch input[type="radio"]:checked + .toggle-slider:before { transform: translateX(24px); } /* Active state styling */ .toggle-switch:active .toggle-slider:before { transform: translateX(24px) scale(0.95); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); } /* Description Options Styles */ .description-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .description-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .description-option input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .description-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .description-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .description-option input:checked ~ .checkmark:after { display: block; } .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .description-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Replace options styling */ .replace-options input[type="text"] { border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; font-size: 14px; transition: all 0.3s ease; } .replace-options input[type="text"]:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; } /* Responsive adjustments */ @media (max-width: 768px) { .description-options-grid { grid-template-columns: 1fr !important; } .replace-options { flex-direction: column !important; align-items: stretch !important; } .replace-options > div { min-width: auto !important; } } /* Gallery Options Styles */ .gallery-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .gallery-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .gallery-option input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .gallery-option .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .gallery-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .gallery-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .gallery-option .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .gallery-option input:checked ~ .checkmark:after { display: block; } .gallery-option .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .gallery-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Gallery image styling */ .gallery-image-container { position: relative; display: inline-block; margin: 8px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: all 0.3s ease; } .gallery-image-container:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .gallery-image-container img { max-width: 200px; height: auto; display: block; } .gallery-image-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 4px; opacity: 0; transition: opacity 0.3s ease; } .gallery-image-container:hover .gallery-image-actions { opacity: 1; } .gallery-image-actions button { background: rgba(0,0,0,0.7); color: white; border: none; border-radius: 4px; padding: 4px 8px; font-size: 12px; cursor: pointer; transition: all 0.3s ease; } .gallery-image-actions button:hover { background: rgba(0,0,0,0.9); } /* Responsive adjustments for gallery */ @media (max-width: 768px) { .gallery-options-grid { grid-template-columns: 1fr !important; } .gallery-actions { flex-direction: column !important; } .gallery-image-container img { max-width: 150px; } }](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIiB2aWV3Qm94PSIwIDAgMzAwIDMwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=)
Magnet Opener Favors with Box or Card/ Wedding Party Favors for Guests in bulk, Wedding Bulk Favors, Wedding Gift For Guest . Import as Dropshipping Import as Affiliate Product Customization – Dropshipping Mode Go Pro × Product Customization – Affiliate Mode Go Pro × General Description Gallery Reviews Variations (Split & Import) Additional data Regular Price: Sale Price: Set Formula Custom Title: SKU (Optional) Product ID (Auto-filled) This is the unique identifier for the product from the source platform Product Weight (Optional) Short Description (Optional) Product Status Publish Product (checked = publish | unchecked = draft) Set as Featured product Mark as On Sale Affiliate Settings Affiliate Product URL * This is the URL where customers will be redirected when they click “Buy Now” Publish Product (checked = publish | unchecked = draft) Set as Featured product SEO Settings Meta Title: Meta Description: Meta Keywords: Product Tags Add Tags: Add WordPress Categories Provider Categories & Tags New Categories to Create Categories you add will appear here… Description Customization Include Options Include gallery images to the description Include images from reviews content Include specifications to the description Add tag section to the description for SEO Remove Options Remove entire description Replace Options Text to replace: Replace with: Apply Replacement Description Preview Enable Rich Editor Disable Rich Editor Apply Changes Gallery Management Include Additional Images Include images from description Include images from reviews content Clear All Images Product Gallery (0 images) No images in gallery yet. Use the options above to add images. Load more reviews Add Review Review Username Date creation Rating Remove This is a simple product, no variations can be defined Price Formula Set custom pricing rules for your variations No formula defined yet Configure Formula Clear Formula Open Advanced Settings × Bulk Price Tools Apply Regular Price to All Apply Apply Sale Price to All Apply Add Shipping Price to All Apply Apply charm pricing 00 (e.g. 2.34 → 3.00) Apply charm pricing 99 (e.g. 2.34 → 2.99) No charm pricing Title & Gallery Preferences Title Format Generic title + attribute values (e.g. color, size) Generic title only Gallery Image Source Select variation image Select gallery tab images Affiliate Link Image Variations Load product images for each variation Load Images Edit Attributes Note: Any modification of the attributes values on the variations table (such as color and size, etc..) need to be reflected on the attribute table below (click edit Attributes). the value must be available on the list of possible values on the table below. use a semi colon to add a new value name values Remove this from all variations Additional data property values Remove Sale price (Optional) Sale start date Sale end date Close Import as Dropshipping Product Import as Affiliate Product /* Modal Layout Fixes */ .import-modal-dialog { display: flex !important; flex-direction: column !important; height: 96vh !important; max-height: 96vh !important; } .import-modal-content { display: flex !important; flex-direction: column !important; height: 100% !important; max-height: 100% !important; } .modal-body { flex: 1 !important; overflow-y: auto !important; min-height: 0 !important; } .modal-footer { flex-shrink: 0 !important; position: sticky !important; bottom: 0 !important; background: #f8f9fa !important; border-top: 1px solid #e9ecef !important; z-index: 10 !important; } /* Ensure tabs stay visible */ .import-modal-tabs { position: sticky !important; top: 0 !important; background: white !important; z-index: 5 !important; margin-bottom: 20px !important; } /* Responsive adjustments */ @media (max-height: 600px) { .import-modal-dialog { height: 98vh !important; margin: 1% auto !important; } } @media (max-width: 768px) { .import-modal-dialog { width: 95% !important; max-width: 95vw !important; height: 98vh !important; margin: 1% auto !important; } } /* Toggle Switch Styles */ .toggle-switch-container { display: flex; flex-direction: column; gap: 16px; } .toggle-switch { display: flex; align-items: center; cursor: pointer; position: relative; padding: 12px 0; user-select: none; transition: all 0.3s ease; min-height: 48px; } .toggle-switch:hover { background-color: rgba(102, 126, 234, 0.05); border-radius: 8px; padding: 12px 8px; margin: 0 -8px; } .toggle-switch input[type=”radio”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .toggle-slider { position: relative; height: 24px; width: 48px; background-color: #e0e0e0; border-radius: 24px; transition: all 0.3s ease; margin-right: 20px; flex-shrink: 0; border: 2px solid #d0d0d0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); min-width: 48px; } .toggle-slider:before { position: absolute; content: “”; height: 18px; width: 18px; left: 3px; bottom: 3px; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.2); border: 1px solid #e0e0e0; } .toggle-switch input:checked ~ .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 8px rgba(102, 126, 234, 0.3); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); box-shadow: 0 3px 8px rgba(0,0,0,0.3); } .toggle-label { font-size: 14px; color: #333; line-height: 1.5; font-weight: 500; flex: 1; margin-left: 0; padding-left: 0; word-wrap: break-word; overflow-wrap: break-word; } .toggle-switch:hover .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.4); } .toggle-switch:hover input:checked ~ .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.5); } /* Ensure radio buttons are properly initialized */ .toggle-switch input[type=”radio”]:checked + .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .toggle-switch input[type=”radio”]:checked + .toggle-slider:before { transform: translateX(24px); } /* Active state styling */ .toggle-switch:active .toggle-slider:before { transform: translateX(24px) scale(0.95); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); } /* Description Options Styles */ .description-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .description-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .description-option input[type=”checkbox”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .description-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .description-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .checkmark:after { content: “”; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .description-option input:checked ~ .checkmark:after { display: block; } .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .description-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Replace options styling */ .replace-options input[type=”text”] { border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; font-size: 14px; transition: all 0.3s ease; } .replace-options input[type=”text”]:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; } /* Responsive adjustments */ @media (max-width: 768px) { .description-options-grid { grid-template-columns: 1fr !important; } .replace-options { flex-direction: column !important; align-items: stretch !important; } .replace-options > div { min-width: auto !important; } } /* Gallery Options Styles */ .gallery-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .gallery-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .gallery-option input[type=”checkbox”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .gallery-option .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .gallery-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .gallery-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .gallery-option .checkmark:after { content: “”; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .gallery-option input:checked ~ .checkmark:after { display: block; } .gallery-option .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .gallery-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Gallery image styling */ .gallery-image-container { position: relative; display: inline-block; margin: 8px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: all 0.3s ease; } .gallery-image-container:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .gallery-image-container img { max-width: 200px; height: auto; display: block; } .gallery-image-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 4px; opacity: 0; transition: opacity 0.3s ease; } .gallery-image-container:hover .gallery-image-actions { opacity: 1; } .gallery-image-actions button { background: rgba(0,0,0,0.7); color: white; border: none; border-radius: 4px; padding: 4px 8px; font-size: 12px; cursor: pointer; transition: all 0.3s ease; } .gallery-image-actions button:hover { background: rgba(0,0,0,0.9); } /* Responsive adjustments for gallery */ @media (max-width: 768px) { .gallery-options-grid { grid-template-columns: 1fr !important; } .gallery-actions { flex-direction: column !important; } .gallery-image-container img { max-width: 150px; } }
$71.50 – $1,952.60Price range: $71.50 through $1,952.60![Personalized Wedding Bottle Opener Favor Gift with Elegant Custom Box, Bridal Shower, Engagement Party Favors Import as Dropshipping Import as Affiliate Product Customization - Dropshipping Mode Go Pro × Product Customization - Affiliate Mode Go Pro × General Description Gallery Reviews Variations (Split & Import) Additional data Regular Price: Sale Price: Set Formula Custom Title: SKU (Optional) Product ID (Auto-filled) This is the unique identifier for the product from the source platform Product Weight (Optional) Short Description (Optional) Product Status Publish Product (checked = publish | unchecked = draft) Set as Featured product Mark as On Sale Affiliate Settings Affiliate Product URL * This is the URL where customers will be redirected when they click "Buy Now" Publish Product (checked = publish | unchecked = draft) Set as Featured product SEO Settings Meta Title: Meta Description: Meta Keywords: Product Tags Add Tags: Add WordPress Categories Provider Categories & Tags New Categories to Create Categories you add will appear here... Description Customization Include Options Include gallery images to the description Include images from reviews content Include specifications to the description Add tag section to the description for SEO Remove Options Remove entire description Replace Options Text to replace: Replace with: Apply Replacement Description Preview Enable Rich Editor Disable Rich Editor Apply Changes Gallery Management Include Additional Images Include images from description Include images from reviews content Clear All Images Product Gallery (0 images) No images in gallery yet. Use the options above to add images. Load more reviews Add Review Review Username Date creation Rating Remove This is a simple product, no variations can be defined Price Formula Set custom pricing rules for your variations No formula defined yet Configure Formula Clear Formula Open Advanced Settings × Bulk Price Tools Apply Regular Price to All Apply Apply Sale Price to All Apply Add Shipping Price to All Apply Apply charm pricing 00 (e.g. 2.34 → 3.00) Apply charm pricing 99 (e.g. 2.34 → 2.99) No charm pricing Title & Gallery Preferences Title Format Generic title + attribute values (e.g. color, size) Generic title only Gallery Image Source Select variation image Select gallery tab images Affiliate Link Image Variations Load product images for each variation Load Images Edit Attributes Note: Any modification of the attributes values on the variations table (such as color and size, etc..) need to be reflected on the attribute table below (click edit Attributes). the value must be available on the list of possible values on the table below. use a semi colon to add a new value name values Remove this from all variations Additional data property values Remove Sale price (Optional) Sale start date Sale end date Close Import as Dropshipping Product Import as Affiliate Product /* Modal Layout Fixes */ .import-modal-dialog { display: flex !important; flex-direction: column !important; height: 96vh !important; max-height: 96vh !important; } .import-modal-content { display: flex !important; flex-direction: column !important; height: 100% !important; max-height: 100% !important; } .modal-body { flex: 1 !important; overflow-y: auto !important; min-height: 0 !important; } .modal-footer { flex-shrink: 0 !important; position: sticky !important; bottom: 0 !important; background: #f8f9fa !important; border-top: 1px solid #e9ecef !important; z-index: 10 !important; } /* Ensure tabs stay visible */ .import-modal-tabs { position: sticky !important; top: 0 !important; background: white !important; z-index: 5 !important; margin-bottom: 20px !important; } /* Responsive adjustments */ @media (max-height: 600px) { .import-modal-dialog { height: 98vh !important; margin: 1% auto !important; } } @media (max-width: 768px) { .import-modal-dialog { width: 95% !important; max-width: 95vw !important; height: 98vh !important; margin: 1% auto !important; } } /* Toggle Switch Styles */ .toggle-switch-container { display: flex; flex-direction: column; gap: 16px; } .toggle-switch { display: flex; align-items: center; cursor: pointer; position: relative; padding: 12px 0; user-select: none; transition: all 0.3s ease; min-height: 48px; } .toggle-switch:hover { background-color: rgba(102, 126, 234, 0.05); border-radius: 8px; padding: 12px 8px; margin: 0 -8px; } .toggle-switch input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .toggle-slider { position: relative; height: 24px; width: 48px; background-color: #e0e0e0; border-radius: 24px; transition: all 0.3s ease; margin-right: 20px; flex-shrink: 0; border: 2px solid #d0d0d0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); min-width: 48px; } .toggle-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.2); border: 1px solid #e0e0e0; } .toggle-switch input:checked ~ .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 8px rgba(102, 126, 234, 0.3); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); box-shadow: 0 3px 8px rgba(0,0,0,0.3); } .toggle-label { font-size: 14px; color: #333; line-height: 1.5; font-weight: 500; flex: 1; margin-left: 0; padding-left: 0; word-wrap: break-word; overflow-wrap: break-word; } .toggle-switch:hover .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.4); } .toggle-switch:hover input:checked ~ .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.5); } /* Ensure radio buttons are properly initialized */ .toggle-switch input[type="radio"]:checked + .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .toggle-switch input[type="radio"]:checked + .toggle-slider:before { transform: translateX(24px); } /* Active state styling */ .toggle-switch:active .toggle-slider:before { transform: translateX(24px) scale(0.95); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); } /* Description Options Styles */ .description-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .description-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .description-option input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .description-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .description-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .description-option input:checked ~ .checkmark:after { display: block; } .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .description-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Replace options styling */ .replace-options input[type="text"] { border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; font-size: 14px; transition: all 0.3s ease; } .replace-options input[type="text"]:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; } /* Responsive adjustments */ @media (max-width: 768px) { .description-options-grid { grid-template-columns: 1fr !important; } .replace-options { flex-direction: column !important; align-items: stretch !important; } .replace-options > div { min-width: auto !important; } } /* Gallery Options Styles */ .gallery-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .gallery-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .gallery-option input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .gallery-option .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .gallery-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .gallery-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .gallery-option .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .gallery-option input:checked ~ .checkmark:after { display: block; } .gallery-option .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .gallery-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Gallery image styling */ .gallery-image-container { position: relative; display: inline-block; margin: 8px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: all 0.3s ease; } .gallery-image-container:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .gallery-image-container img { max-width: 200px; height: auto; display: block; } .gallery-image-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 4px; opacity: 0; transition: opacity 0.3s ease; } .gallery-image-container:hover .gallery-image-actions { opacity: 1; } .gallery-image-actions button { background: rgba(0,0,0,0.7); color: white; border: none; border-radius: 4px; padding: 4px 8px; font-size: 12px; cursor: pointer; transition: all 0.3s ease; } .gallery-image-actions button:hover { background: rgba(0,0,0,0.9); } /* Responsive adjustments for gallery */ @media (max-width: 768px) { .gallery-options-grid { grid-template-columns: 1fr !important; } .gallery-actions { flex-direction: column !important; } .gallery-image-container img { max-width: 150px; } }](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIiB2aWV3Qm94PSIwIDAgMzAwIDMwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=)
Personalized Wedding Bottle Opener Favor Gift with Elegant Custom Box, Bridal Shower, Engagement Party Favors Import as Dropshipping Import as Affiliate Product Customization – Dropshipping Mode Go Pro × Product Customization – Affiliate Mode Go Pro × General Description Gallery Reviews Variations (Split & Import) Additional data Regular Price: Sale Price: Set Formula Custom Title: SKU (Optional) Product ID (Auto-filled) This is the unique identifier for the product from the source platform Product Weight (Optional) Short Description (Optional) Product Status Publish Product (checked = publish | unchecked = draft) Set as Featured product Mark as On Sale Affiliate Settings Affiliate Product URL * This is the URL where customers will be redirected when they click “Buy Now” Publish Product (checked = publish | unchecked = draft) Set as Featured product SEO Settings Meta Title: Meta Description: Meta Keywords: Product Tags Add Tags: Add WordPress Categories Provider Categories & Tags New Categories to Create Categories you add will appear here… Description Customization Include Options Include gallery images to the description Include images from reviews content Include specifications to the description Add tag section to the description for SEO Remove Options Remove entire description Replace Options Text to replace: Replace with: Apply Replacement Description Preview Enable Rich Editor Disable Rich Editor Apply Changes Gallery Management Include Additional Images Include images from description Include images from reviews content Clear All Images Product Gallery (0 images) No images in gallery yet. Use the options above to add images. Load more reviews Add Review Review Username Date creation Rating Remove This is a simple product, no variations can be defined Price Formula Set custom pricing rules for your variations No formula defined yet Configure Formula Clear Formula Open Advanced Settings × Bulk Price Tools Apply Regular Price to All Apply Apply Sale Price to All Apply Add Shipping Price to All Apply Apply charm pricing 00 (e.g. 2.34 → 3.00) Apply charm pricing 99 (e.g. 2.34 → 2.99) No charm pricing Title & Gallery Preferences Title Format Generic title + attribute values (e.g. color, size) Generic title only Gallery Image Source Select variation image Select gallery tab images Affiliate Link Image Variations Load product images for each variation Load Images Edit Attributes Note: Any modification of the attributes values on the variations table (such as color and size, etc..) need to be reflected on the attribute table below (click edit Attributes). the value must be available on the list of possible values on the table below. use a semi colon to add a new value name values Remove this from all variations Additional data property values Remove Sale price (Optional) Sale start date Sale end date Close Import as Dropshipping Product Import as Affiliate Product /* Modal Layout Fixes */ .import-modal-dialog { display: flex !important; flex-direction: column !important; height: 96vh !important; max-height: 96vh !important; } .import-modal-content { display: flex !important; flex-direction: column !important; height: 100% !important; max-height: 100% !important; } .modal-body { flex: 1 !important; overflow-y: auto !important; min-height: 0 !important; } .modal-footer { flex-shrink: 0 !important; position: sticky !important; bottom: 0 !important; background: #f8f9fa !important; border-top: 1px solid #e9ecef !important; z-index: 10 !important; } /* Ensure tabs stay visible */ .import-modal-tabs { position: sticky !important; top: 0 !important; background: white !important; z-index: 5 !important; margin-bottom: 20px !important; } /* Responsive adjustments */ @media (max-height: 600px) { .import-modal-dialog { height: 98vh !important; margin: 1% auto !important; } } @media (max-width: 768px) { .import-modal-dialog { width: 95% !important; max-width: 95vw !important; height: 98vh !important; margin: 1% auto !important; } } /* Toggle Switch Styles */ .toggle-switch-container { display: flex; flex-direction: column; gap: 16px; } .toggle-switch { display: flex; align-items: center; cursor: pointer; position: relative; padding: 12px 0; user-select: none; transition: all 0.3s ease; min-height: 48px; } .toggle-switch:hover { background-color: rgba(102, 126, 234, 0.05); border-radius: 8px; padding: 12px 8px; margin: 0 -8px; } .toggle-switch input[type=”radio”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .toggle-slider { position: relative; height: 24px; width: 48px; background-color: #e0e0e0; border-radius: 24px; transition: all 0.3s ease; margin-right: 20px; flex-shrink: 0; border: 2px solid #d0d0d0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); min-width: 48px; } .toggle-slider:before { position: absolute; content: “”; height: 18px; width: 18px; left: 3px; bottom: 3px; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.2); border: 1px solid #e0e0e0; } .toggle-switch input:checked ~ .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 8px rgba(102, 126, 234, 0.3); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); box-shadow: 0 3px 8px rgba(0,0,0,0.3); } .toggle-label { font-size: 14px; color: #333; line-height: 1.5; font-weight: 500; flex: 1; margin-left: 0; padding-left: 0; word-wrap: break-word; overflow-wrap: break-word; } .toggle-switch:hover .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.4); } .toggle-switch:hover input:checked ~ .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.5); } /* Ensure radio buttons are properly initialized */ .toggle-switch input[type=”radio”]:checked + .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .toggle-switch input[type=”radio”]:checked + .toggle-slider:before { transform: translateX(24px); } /* Active state styling */ .toggle-switch:active .toggle-slider:before { transform: translateX(24px) scale(0.95); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); } /* Description Options Styles */ .description-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .description-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .description-option input[type=”checkbox”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .description-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .description-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .checkmark:after { content: “”; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .description-option input:checked ~ .checkmark:after { display: block; } .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .description-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Replace options styling */ .replace-options input[type=”text”] { border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; font-size: 14px; transition: all 0.3s ease; } .replace-options input[type=”text”]:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; } /* Responsive adjustments */ @media (max-width: 768px) { .description-options-grid { grid-template-columns: 1fr !important; } .replace-options { flex-direction: column !important; align-items: stretch !important; } .replace-options > div { min-width: auto !important; } } /* Gallery Options Styles */ .gallery-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .gallery-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .gallery-option input[type=”checkbox”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .gallery-option .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .gallery-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .gallery-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .gallery-option .checkmark:after { content: “”; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .gallery-option input:checked ~ .checkmark:after { display: block; } .gallery-option .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .gallery-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Gallery image styling */ .gallery-image-container { position: relative; display: inline-block; margin: 8px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: all 0.3s ease; } .gallery-image-container:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .gallery-image-container img { max-width: 200px; height: auto; display: block; } .gallery-image-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 4px; opacity: 0; transition: opacity 0.3s ease; } .gallery-image-container:hover .gallery-image-actions { opacity: 1; } .gallery-image-actions button { background: rgba(0,0,0,0.7); color: white; border: none; border-radius: 4px; padding: 4px 8px; font-size: 12px; cursor: pointer; transition: all 0.3s ease; } .gallery-image-actions button:hover { background: rgba(0,0,0,0.9); } /* Responsive adjustments for gallery */ @media (max-width: 768px) { .gallery-options-grid { grid-template-columns: 1fr !important; } .gallery-actions { flex-direction: column !important; } .gallery-image-container img { max-width: 150px; } }
$65.00 – $412.98Price range: $65.00 through $412.98
![Bottle Opener Favors for Wedding, Birthday, Baptism, Baby Shower, Bridal Shower. Wedding Favors for Guests in Bulk. Wedding magnet. Import as Dropshipping Import as Affiliate Product Customization - Dropshipping Mode Go Pro × Product Customization - Affiliate Mode Go Pro × General Description Gallery Reviews Variations (Split & Import) Additional data Regular Price: Sale Price: Set Formula Custom Title: SKU (Optional) Product ID (Auto-filled) This is the unique identifier for the product from the source platform Product Weight (Optional) Short Description (Optional) Product Status Publish Product (checked = publish | unchecked = draft) Set as Featured product Mark as On Sale Affiliate Settings Affiliate Product URL * This is the URL where customers will be redirected when they click "Buy Now" Publish Product (checked = publish | unchecked = draft) Set as Featured product SEO Settings Meta Title: Meta Description: Meta Keywords: Product Tags Add Tags: Add WordPress Categories Provider Categories & Tags New Categories to Create Categories you add will appear here... Description Customization Include Options Include gallery images to the description Include images from reviews content Include specifications to the description Add tag section to the description for SEO Remove Options Remove entire description Replace Options Text to replace: Replace with: Apply Replacement Description Preview Enable Rich Editor Disable Rich Editor Apply Changes Gallery Management Include Additional Images Include images from description Include images from reviews content Clear All Images Product Gallery (0 images) No images in gallery yet. Use the options above to add images. Load more reviews Add Review Review Username Date creation Rating Remove This is a simple product, no variations can be defined Price Formula Set custom pricing rules for your variations No formula defined yet Configure Formula Clear Formula Open Advanced Settings × Bulk Price Tools Apply Regular Price to All Apply Apply Sale Price to All Apply Add Shipping Price to All Apply Apply charm pricing 00 (e.g. 2.34 → 3.00) Apply charm pricing 99 (e.g. 2.34 → 2.99) No charm pricing Title & Gallery Preferences Title Format Generic title + attribute values (e.g. color, size) Generic title only Gallery Image Source Select variation image Select gallery tab images Affiliate Link Image Variations Load product images for each variation Load Images Edit Attributes Note: Any modification of the attributes values on the variations table (such as color and size, etc..) need to be reflected on the attribute table below (click edit Attributes). the value must be available on the list of possible values on the table below. use a semi colon to add a new value name values Remove this from all variations Additional data property values Remove Sale price (Optional) Sale start date Sale end date Close Import as Dropshipping Product Import as Affiliate Product /* Modal Layout Fixes */ .import-modal-dialog { display: flex !important; flex-direction: column !important; height: 96vh !important; max-height: 96vh !important; } .import-modal-content { display: flex !important; flex-direction: column !important; height: 100% !important; max-height: 100% !important; } .modal-body { flex: 1 !important; overflow-y: auto !important; min-height: 0 !important; } .modal-footer { flex-shrink: 0 !important; position: sticky !important; bottom: 0 !important; background: #f8f9fa !important; border-top: 1px solid #e9ecef !important; z-index: 10 !important; } /* Ensure tabs stay visible */ .import-modal-tabs { position: sticky !important; top: 0 !important; background: white !important; z-index: 5 !important; margin-bottom: 20px !important; } /* Responsive adjustments */ @media (max-height: 600px) { .import-modal-dialog { height: 98vh !important; margin: 1% auto !important; } } @media (max-width: 768px) { .import-modal-dialog { width: 95% !important; max-width: 95vw !important; height: 98vh !important; margin: 1% auto !important; } } /* Toggle Switch Styles */ .toggle-switch-container { display: flex; flex-direction: column; gap: 16px; } .toggle-switch { display: flex; align-items: center; cursor: pointer; position: relative; padding: 12px 0; user-select: none; transition: all 0.3s ease; min-height: 48px; } .toggle-switch:hover { background-color: rgba(102, 126, 234, 0.05); border-radius: 8px; padding: 12px 8px; margin: 0 -8px; } .toggle-switch input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .toggle-slider { position: relative; height: 24px; width: 48px; background-color: #e0e0e0; border-radius: 24px; transition: all 0.3s ease; margin-right: 20px; flex-shrink: 0; border: 2px solid #d0d0d0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); min-width: 48px; } .toggle-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.2); border: 1px solid #e0e0e0; } .toggle-switch input:checked ~ .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 8px rgba(102, 126, 234, 0.3); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); box-shadow: 0 3px 8px rgba(0,0,0,0.3); } .toggle-label { font-size: 14px; color: #333; line-height: 1.5; font-weight: 500; flex: 1; margin-left: 0; padding-left: 0; word-wrap: break-word; overflow-wrap: break-word; } .toggle-switch:hover .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.4); } .toggle-switch:hover input:checked ~ .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.5); } /* Ensure radio buttons are properly initialized */ .toggle-switch input[type="radio"]:checked + .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .toggle-switch input[type="radio"]:checked + .toggle-slider:before { transform: translateX(24px); } /* Active state styling */ .toggle-switch:active .toggle-slider:before { transform: translateX(24px) scale(0.95); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); } /* Description Options Styles */ .description-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .description-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .description-option input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .description-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .description-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .description-option input:checked ~ .checkmark:after { display: block; } .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .description-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Replace options styling */ .replace-options input[type="text"] { border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; font-size: 14px; transition: all 0.3s ease; } .replace-options input[type="text"]:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; } /* Responsive adjustments */ @media (max-width: 768px) { .description-options-grid { grid-template-columns: 1fr !important; } .replace-options { flex-direction: column !important; align-items: stretch !important; } .replace-options > div { min-width: auto !important; } } /* Gallery Options Styles */ .gallery-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .gallery-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .gallery-option input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .gallery-option .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .gallery-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .gallery-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .gallery-option .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .gallery-option input:checked ~ .checkmark:after { display: block; } .gallery-option .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .gallery-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Gallery image styling */ .gallery-image-container { position: relative; display: inline-block; margin: 8px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: all 0.3s ease; } .gallery-image-container:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .gallery-image-container img { max-width: 200px; height: auto; display: block; } .gallery-image-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 4px; opacity: 0; transition: opacity 0.3s ease; } .gallery-image-container:hover .gallery-image-actions { opacity: 1; } .gallery-image-actions button { background: rgba(0,0,0,0.7); color: white; border: none; border-radius: 4px; padding: 4px 8px; font-size: 12px; cursor: pointer; transition: all 0.3s ease; } .gallery-image-actions button:hover { background: rgba(0,0,0,0.9); } /* Responsive adjustments for gallery */ @media (max-width: 768px) { .gallery-options-grid { grid-template-columns: 1fr !important; } .gallery-actions { flex-direction: column !important; } .gallery-image-container img { max-width: 150px; } }](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIiB2aWV3Qm94PSIwIDAgMzAwIDMwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=)
Bottle Opener Favors for Wedding, Birthday, Baptism, Baby Shower, Bridal Shower. Wedding Favors for Guests in Bulk. Wedding magnet. Import as Dropshipping Import as Affiliate Product Customization – Dropshipping Mode Go Pro × Product Customization – Affiliate Mode Go Pro × General Description Gallery Reviews Variations (Split & Import) Additional data Regular Price: Sale Price: Set Formula Custom Title: SKU (Optional) Product ID (Auto-filled) This is the unique identifier for the product from the source platform Product Weight (Optional) Short Description (Optional) Product Status Publish Product (checked = publish | unchecked = draft) Set as Featured product Mark as On Sale Affiliate Settings Affiliate Product URL * This is the URL where customers will be redirected when they click “Buy Now” Publish Product (checked = publish | unchecked = draft) Set as Featured product SEO Settings Meta Title: Meta Description: Meta Keywords: Product Tags Add Tags: Add WordPress Categories Provider Categories & Tags New Categories to Create Categories you add will appear here… Description Customization Include Options Include gallery images to the description Include images from reviews content Include specifications to the description Add tag section to the description for SEO Remove Options Remove entire description Replace Options Text to replace: Replace with: Apply Replacement Description Preview Enable Rich Editor Disable Rich Editor Apply Changes Gallery Management Include Additional Images Include images from description Include images from reviews content Clear All Images Product Gallery (0 images) No images in gallery yet. Use the options above to add images. Load more reviews Add Review Review Username Date creation Rating Remove This is a simple product, no variations can be defined Price Formula Set custom pricing rules for your variations No formula defined yet Configure Formula Clear Formula Open Advanced Settings × Bulk Price Tools Apply Regular Price to All Apply Apply Sale Price to All Apply Add Shipping Price to All Apply Apply charm pricing 00 (e.g. 2.34 → 3.00) Apply charm pricing 99 (e.g. 2.34 → 2.99) No charm pricing Title & Gallery Preferences Title Format Generic title + attribute values (e.g. color, size) Generic title only Gallery Image Source Select variation image Select gallery tab images Affiliate Link Image Variations Load product images for each variation Load Images Edit Attributes Note: Any modification of the attributes values on the variations table (such as color and size, etc..) need to be reflected on the attribute table below (click edit Attributes). the value must be available on the list of possible values on the table below. use a semi colon to add a new value name values Remove this from all variations Additional data property values Remove Sale price (Optional) Sale start date Sale end date Close Import as Dropshipping Product Import as Affiliate Product /* Modal Layout Fixes */ .import-modal-dialog { display: flex !important; flex-direction: column !important; height: 96vh !important; max-height: 96vh !important; } .import-modal-content { display: flex !important; flex-direction: column !important; height: 100% !important; max-height: 100% !important; } .modal-body { flex: 1 !important; overflow-y: auto !important; min-height: 0 !important; } .modal-footer { flex-shrink: 0 !important; position: sticky !important; bottom: 0 !important; background: #f8f9fa !important; border-top: 1px solid #e9ecef !important; z-index: 10 !important; } /* Ensure tabs stay visible */ .import-modal-tabs { position: sticky !important; top: 0 !important; background: white !important; z-index: 5 !important; margin-bottom: 20px !important; } /* Responsive adjustments */ @media (max-height: 600px) { .import-modal-dialog { height: 98vh !important; margin: 1% auto !important; } } @media (max-width: 768px) { .import-modal-dialog { width: 95% !important; max-width: 95vw !important; height: 98vh !important; margin: 1% auto !important; } } /* Toggle Switch Styles */ .toggle-switch-container { display: flex; flex-direction: column; gap: 16px; } .toggle-switch { display: flex; align-items: center; cursor: pointer; position: relative; padding: 12px 0; user-select: none; transition: all 0.3s ease; min-height: 48px; } .toggle-switch:hover { background-color: rgba(102, 126, 234, 0.05); border-radius: 8px; padding: 12px 8px; margin: 0 -8px; } .toggle-switch input[type=”radio”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .toggle-slider { position: relative; height: 24px; width: 48px; background-color: #e0e0e0; border-radius: 24px; transition: all 0.3s ease; margin-right: 20px; flex-shrink: 0; border: 2px solid #d0d0d0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); min-width: 48px; } .toggle-slider:before { position: absolute; content: “”; height: 18px; width: 18px; left: 3px; bottom: 3px; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.2); border: 1px solid #e0e0e0; } .toggle-switch input:checked ~ .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 8px rgba(102, 126, 234, 0.3); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); box-shadow: 0 3px 8px rgba(0,0,0,0.3); } .toggle-label { font-size: 14px; color: #333; line-height: 1.5; font-weight: 500; flex: 1; margin-left: 0; padding-left: 0; word-wrap: break-word; overflow-wrap: break-word; } .toggle-switch:hover .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.4); } .toggle-switch:hover input:checked ~ .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.5); } /* Ensure radio buttons are properly initialized */ .toggle-switch input[type=”radio”]:checked + .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .toggle-switch input[type=”radio”]:checked + .toggle-slider:before { transform: translateX(24px); } /* Active state styling */ .toggle-switch:active .toggle-slider:before { transform: translateX(24px) scale(0.95); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); } /* Description Options Styles */ .description-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .description-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .description-option input[type=”checkbox”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .description-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .description-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .checkmark:after { content: “”; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .description-option input:checked ~ .checkmark:after { display: block; } .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .description-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Replace options styling */ .replace-options input[type=”text”] { border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; font-size: 14px; transition: all 0.3s ease; } .replace-options input[type=”text”]:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; } /* Responsive adjustments */ @media (max-width: 768px) { .description-options-grid { grid-template-columns: 1fr !important; } .replace-options { flex-direction: column !important; align-items: stretch !important; } .replace-options > div { min-width: auto !important; } } /* Gallery Options Styles */ .gallery-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .gallery-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .gallery-option input[type=”checkbox”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .gallery-option .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .gallery-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .gallery-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .gallery-option .checkmark:after { content: “”; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .gallery-option input:checked ~ .checkmark:after { display: block; } .gallery-option .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .gallery-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Gallery image styling */ .gallery-image-container { position: relative; display: inline-block; margin: 8px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: all 0.3s ease; } .gallery-image-container:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .gallery-image-container img { max-width: 200px; height: auto; display: block; } .gallery-image-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 4px; opacity: 0; transition: opacity 0.3s ease; } .gallery-image-container:hover .gallery-image-actions { opacity: 1; } .gallery-image-actions button { background: rgba(0,0,0,0.7); color: white; border: none; border-radius: 4px; padding: 4px 8px; font-size: 12px; cursor: pointer; transition: all 0.3s ease; } .gallery-image-actions button:hover { background: rgba(0,0,0,0.9); } /* Responsive adjustments for gallery */ @media (max-width: 768px) { .gallery-options-grid { grid-template-columns: 1fr !important; } .gallery-actions { flex-direction: column !important; } .gallery-image-container img { max-width: 150px; } }
$71.50 – $954.20Price range: $71.50 through $954.20![Magnet Opener Favors with Box or Card/ Wedding Party Favors for Guests in bulk, Wedding Bulk Favors, Wedding Gift For Guest . Import as Dropshipping Import as Affiliate Product Customization - Dropshipping Mode Go Pro × Product Customization - Affiliate Mode Go Pro × General Description Gallery Reviews Variations (Split & Import) Additional data Regular Price: Sale Price: Set Formula Custom Title: SKU (Optional) Product ID (Auto-filled) This is the unique identifier for the product from the source platform Product Weight (Optional) Short Description (Optional) Product Status Publish Product (checked = publish | unchecked = draft) Set as Featured product Mark as On Sale Affiliate Settings Affiliate Product URL * This is the URL where customers will be redirected when they click "Buy Now" Publish Product (checked = publish | unchecked = draft) Set as Featured product SEO Settings Meta Title: Meta Description: Meta Keywords: Product Tags Add Tags: Add WordPress Categories Provider Categories & Tags New Categories to Create Categories you add will appear here... Description Customization Include Options Include gallery images to the description Include images from reviews content Include specifications to the description Add tag section to the description for SEO Remove Options Remove entire description Replace Options Text to replace: Replace with: Apply Replacement Description Preview Enable Rich Editor Disable Rich Editor Apply Changes Gallery Management Include Additional Images Include images from description Include images from reviews content Clear All Images Product Gallery (0 images) No images in gallery yet. Use the options above to add images. Load more reviews Add Review Review Username Date creation Rating Remove This is a simple product, no variations can be defined Price Formula Set custom pricing rules for your variations No formula defined yet Configure Formula Clear Formula Open Advanced Settings × Bulk Price Tools Apply Regular Price to All Apply Apply Sale Price to All Apply Add Shipping Price to All Apply Apply charm pricing 00 (e.g. 2.34 → 3.00) Apply charm pricing 99 (e.g. 2.34 → 2.99) No charm pricing Title & Gallery Preferences Title Format Generic title + attribute values (e.g. color, size) Generic title only Gallery Image Source Select variation image Select gallery tab images Affiliate Link Image Variations Load product images for each variation Load Images Edit Attributes Note: Any modification of the attributes values on the variations table (such as color and size, etc..) need to be reflected on the attribute table below (click edit Attributes). the value must be available on the list of possible values on the table below. use a semi colon to add a new value name values Remove this from all variations Additional data property values Remove Sale price (Optional) Sale start date Sale end date Close Import as Dropshipping Product Import as Affiliate Product /* Modal Layout Fixes */ .import-modal-dialog { display: flex !important; flex-direction: column !important; height: 96vh !important; max-height: 96vh !important; } .import-modal-content { display: flex !important; flex-direction: column !important; height: 100% !important; max-height: 100% !important; } .modal-body { flex: 1 !important; overflow-y: auto !important; min-height: 0 !important; } .modal-footer { flex-shrink: 0 !important; position: sticky !important; bottom: 0 !important; background: #f8f9fa !important; border-top: 1px solid #e9ecef !important; z-index: 10 !important; } /* Ensure tabs stay visible */ .import-modal-tabs { position: sticky !important; top: 0 !important; background: white !important; z-index: 5 !important; margin-bottom: 20px !important; } /* Responsive adjustments */ @media (max-height: 600px) { .import-modal-dialog { height: 98vh !important; margin: 1% auto !important; } } @media (max-width: 768px) { .import-modal-dialog { width: 95% !important; max-width: 95vw !important; height: 98vh !important; margin: 1% auto !important; } } /* Toggle Switch Styles */ .toggle-switch-container { display: flex; flex-direction: column; gap: 16px; } .toggle-switch { display: flex; align-items: center; cursor: pointer; position: relative; padding: 12px 0; user-select: none; transition: all 0.3s ease; min-height: 48px; } .toggle-switch:hover { background-color: rgba(102, 126, 234, 0.05); border-radius: 8px; padding: 12px 8px; margin: 0 -8px; } .toggle-switch input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .toggle-slider { position: relative; height: 24px; width: 48px; background-color: #e0e0e0; border-radius: 24px; transition: all 0.3s ease; margin-right: 20px; flex-shrink: 0; border: 2px solid #d0d0d0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); min-width: 48px; } .toggle-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.2); border: 1px solid #e0e0e0; } .toggle-switch input:checked ~ .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 8px rgba(102, 126, 234, 0.3); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); box-shadow: 0 3px 8px rgba(0,0,0,0.3); } .toggle-label { font-size: 14px; color: #333; line-height: 1.5; font-weight: 500; flex: 1; margin-left: 0; padding-left: 0; word-wrap: break-word; overflow-wrap: break-word; } .toggle-switch:hover .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.4); } .toggle-switch:hover input:checked ~ .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.5); } /* Ensure radio buttons are properly initialized */ .toggle-switch input[type="radio"]:checked + .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .toggle-switch input[type="radio"]:checked + .toggle-slider:before { transform: translateX(24px); } /* Active state styling */ .toggle-switch:active .toggle-slider:before { transform: translateX(24px) scale(0.95); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); } /* Description Options Styles */ .description-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .description-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .description-option input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .description-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .description-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .description-option input:checked ~ .checkmark:after { display: block; } .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .description-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Replace options styling */ .replace-options input[type="text"] { border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; font-size: 14px; transition: all 0.3s ease; } .replace-options input[type="text"]:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; } /* Responsive adjustments */ @media (max-width: 768px) { .description-options-grid { grid-template-columns: 1fr !important; } .replace-options { flex-direction: column !important; align-items: stretch !important; } .replace-options > div { min-width: auto !important; } } /* Gallery Options Styles */ .gallery-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .gallery-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .gallery-option input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .gallery-option .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .gallery-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .gallery-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .gallery-option .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .gallery-option input:checked ~ .checkmark:after { display: block; } .gallery-option .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .gallery-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Gallery image styling */ .gallery-image-container { position: relative; display: inline-block; margin: 8px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: all 0.3s ease; } .gallery-image-container:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .gallery-image-container img { max-width: 200px; height: auto; display: block; } .gallery-image-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 4px; opacity: 0; transition: opacity 0.3s ease; } .gallery-image-container:hover .gallery-image-actions { opacity: 1; } .gallery-image-actions button { background: rgba(0,0,0,0.7); color: white; border: none; border-radius: 4px; padding: 4px 8px; font-size: 12px; cursor: pointer; transition: all 0.3s ease; } .gallery-image-actions button:hover { background: rgba(0,0,0,0.9); } /* Responsive adjustments for gallery */ @media (max-width: 768px) { .gallery-options-grid { grid-template-columns: 1fr !important; } .gallery-actions { flex-direction: column !important; } .gallery-image-container img { max-width: 150px; } }](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIiB2aWV3Qm94PSIwIDAgMzAwIDMwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=)
Magnet Opener Favors with Box or Card/ Wedding Party Favors for Guests in bulk, Wedding Bulk Favors, Wedding Gift For Guest . Import as Dropshipping Import as Affiliate Product Customization – Dropshipping Mode Go Pro × Product Customization – Affiliate Mode Go Pro × General Description Gallery Reviews Variations (Split & Import) Additional data Regular Price: Sale Price: Set Formula Custom Title: SKU (Optional) Product ID (Auto-filled) This is the unique identifier for the product from the source platform Product Weight (Optional) Short Description (Optional) Product Status Publish Product (checked = publish | unchecked = draft) Set as Featured product Mark as On Sale Affiliate Settings Affiliate Product URL * This is the URL where customers will be redirected when they click “Buy Now” Publish Product (checked = publish | unchecked = draft) Set as Featured product SEO Settings Meta Title: Meta Description: Meta Keywords: Product Tags Add Tags: Add WordPress Categories Provider Categories & Tags New Categories to Create Categories you add will appear here… Description Customization Include Options Include gallery images to the description Include images from reviews content Include specifications to the description Add tag section to the description for SEO Remove Options Remove entire description Replace Options Text to replace: Replace with: Apply Replacement Description Preview Enable Rich Editor Disable Rich Editor Apply Changes Gallery Management Include Additional Images Include images from description Include images from reviews content Clear All Images Product Gallery (0 images) No images in gallery yet. Use the options above to add images. Load more reviews Add Review Review Username Date creation Rating Remove This is a simple product, no variations can be defined Price Formula Set custom pricing rules for your variations No formula defined yet Configure Formula Clear Formula Open Advanced Settings × Bulk Price Tools Apply Regular Price to All Apply Apply Sale Price to All Apply Add Shipping Price to All Apply Apply charm pricing 00 (e.g. 2.34 → 3.00) Apply charm pricing 99 (e.g. 2.34 → 2.99) No charm pricing Title & Gallery Preferences Title Format Generic title + attribute values (e.g. color, size) Generic title only Gallery Image Source Select variation image Select gallery tab images Affiliate Link Image Variations Load product images for each variation Load Images Edit Attributes Note: Any modification of the attributes values on the variations table (such as color and size, etc..) need to be reflected on the attribute table below (click edit Attributes). the value must be available on the list of possible values on the table below. use a semi colon to add a new value name values Remove this from all variations Additional data property values Remove Sale price (Optional) Sale start date Sale end date Close Import as Dropshipping Product Import as Affiliate Product /* Modal Layout Fixes */ .import-modal-dialog { display: flex !important; flex-direction: column !important; height: 96vh !important; max-height: 96vh !important; } .import-modal-content { display: flex !important; flex-direction: column !important; height: 100% !important; max-height: 100% !important; } .modal-body { flex: 1 !important; overflow-y: auto !important; min-height: 0 !important; } .modal-footer { flex-shrink: 0 !important; position: sticky !important; bottom: 0 !important; background: #f8f9fa !important; border-top: 1px solid #e9ecef !important; z-index: 10 !important; } /* Ensure tabs stay visible */ .import-modal-tabs { position: sticky !important; top: 0 !important; background: white !important; z-index: 5 !important; margin-bottom: 20px !important; } /* Responsive adjustments */ @media (max-height: 600px) { .import-modal-dialog { height: 98vh !important; margin: 1% auto !important; } } @media (max-width: 768px) { .import-modal-dialog { width: 95% !important; max-width: 95vw !important; height: 98vh !important; margin: 1% auto !important; } } /* Toggle Switch Styles */ .toggle-switch-container { display: flex; flex-direction: column; gap: 16px; } .toggle-switch { display: flex; align-items: center; cursor: pointer; position: relative; padding: 12px 0; user-select: none; transition: all 0.3s ease; min-height: 48px; } .toggle-switch:hover { background-color: rgba(102, 126, 234, 0.05); border-radius: 8px; padding: 12px 8px; margin: 0 -8px; } .toggle-switch input[type=”radio”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .toggle-slider { position: relative; height: 24px; width: 48px; background-color: #e0e0e0; border-radius: 24px; transition: all 0.3s ease; margin-right: 20px; flex-shrink: 0; border: 2px solid #d0d0d0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); min-width: 48px; } .toggle-slider:before { position: absolute; content: “”; height: 18px; width: 18px; left: 3px; bottom: 3px; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.2); border: 1px solid #e0e0e0; } .toggle-switch input:checked ~ .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 8px rgba(102, 126, 234, 0.3); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); box-shadow: 0 3px 8px rgba(0,0,0,0.3); } .toggle-label { font-size: 14px; color: #333; line-height: 1.5; font-weight: 500; flex: 1; margin-left: 0; padding-left: 0; word-wrap: break-word; overflow-wrap: break-word; } .toggle-switch:hover .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.4); } .toggle-switch:hover input:checked ~ .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.5); } /* Ensure radio buttons are properly initialized */ .toggle-switch input[type=”radio”]:checked + .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .toggle-switch input[type=”radio”]:checked + .toggle-slider:before { transform: translateX(24px); } /* Active state styling */ .toggle-switch:active .toggle-slider:before { transform: translateX(24px) scale(0.95); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); } /* Description Options Styles */ .description-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .description-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .description-option input[type=”checkbox”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .description-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .description-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .checkmark:after { content: “”; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .description-option input:checked ~ .checkmark:after { display: block; } .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .description-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Replace options styling */ .replace-options input[type=”text”] { border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; font-size: 14px; transition: all 0.3s ease; } .replace-options input[type=”text”]:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; } /* Responsive adjustments */ @media (max-width: 768px) { .description-options-grid { grid-template-columns: 1fr !important; } .replace-options { flex-direction: column !important; align-items: stretch !important; } .replace-options > div { min-width: auto !important; } } /* Gallery Options Styles */ .gallery-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .gallery-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .gallery-option input[type=”checkbox”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .gallery-option .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .gallery-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .gallery-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .gallery-option .checkmark:after { content: “”; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .gallery-option input:checked ~ .checkmark:after { display: block; } .gallery-option .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .gallery-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Gallery image styling */ .gallery-image-container { position: relative; display: inline-block; margin: 8px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: all 0.3s ease; } .gallery-image-container:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .gallery-image-container img { max-width: 200px; height: auto; display: block; } .gallery-image-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 4px; opacity: 0; transition: opacity 0.3s ease; } .gallery-image-container:hover .gallery-image-actions { opacity: 1; } .gallery-image-actions button { background: rgba(0,0,0,0.7); color: white; border: none; border-radius: 4px; padding: 4px 8px; font-size: 12px; cursor: pointer; transition: all 0.3s ease; } .gallery-image-actions button:hover { background: rgba(0,0,0,0.9); } /* Responsive adjustments for gallery */ @media (max-width: 768px) { .gallery-options-grid { grid-template-columns: 1fr !important; } .gallery-actions { flex-direction: column !important; } .gallery-image-container img { max-width: 150px; } }
$71.50 – $1,952.60Price range: $71.50 through $1,952.60![Personalized Wedding Bottle Opener Favor Gift with Elegant Custom Box, Bridal Shower, Engagement Party Favors Import as Dropshipping Import as Affiliate Product Customization - Dropshipping Mode Go Pro × Product Customization - Affiliate Mode Go Pro × General Description Gallery Reviews Variations (Split & Import) Additional data Regular Price: Sale Price: Set Formula Custom Title: SKU (Optional) Product ID (Auto-filled) This is the unique identifier for the product from the source platform Product Weight (Optional) Short Description (Optional) Product Status Publish Product (checked = publish | unchecked = draft) Set as Featured product Mark as On Sale Affiliate Settings Affiliate Product URL * This is the URL where customers will be redirected when they click "Buy Now" Publish Product (checked = publish | unchecked = draft) Set as Featured product SEO Settings Meta Title: Meta Description: Meta Keywords: Product Tags Add Tags: Add WordPress Categories Provider Categories & Tags New Categories to Create Categories you add will appear here... Description Customization Include Options Include gallery images to the description Include images from reviews content Include specifications to the description Add tag section to the description for SEO Remove Options Remove entire description Replace Options Text to replace: Replace with: Apply Replacement Description Preview Enable Rich Editor Disable Rich Editor Apply Changes Gallery Management Include Additional Images Include images from description Include images from reviews content Clear All Images Product Gallery (0 images) No images in gallery yet. Use the options above to add images. Load more reviews Add Review Review Username Date creation Rating Remove This is a simple product, no variations can be defined Price Formula Set custom pricing rules for your variations No formula defined yet Configure Formula Clear Formula Open Advanced Settings × Bulk Price Tools Apply Regular Price to All Apply Apply Sale Price to All Apply Add Shipping Price to All Apply Apply charm pricing 00 (e.g. 2.34 → 3.00) Apply charm pricing 99 (e.g. 2.34 → 2.99) No charm pricing Title & Gallery Preferences Title Format Generic title + attribute values (e.g. color, size) Generic title only Gallery Image Source Select variation image Select gallery tab images Affiliate Link Image Variations Load product images for each variation Load Images Edit Attributes Note: Any modification of the attributes values on the variations table (such as color and size, etc..) need to be reflected on the attribute table below (click edit Attributes). the value must be available on the list of possible values on the table below. use a semi colon to add a new value name values Remove this from all variations Additional data property values Remove Sale price (Optional) Sale start date Sale end date Close Import as Dropshipping Product Import as Affiliate Product /* Modal Layout Fixes */ .import-modal-dialog { display: flex !important; flex-direction: column !important; height: 96vh !important; max-height: 96vh !important; } .import-modal-content { display: flex !important; flex-direction: column !important; height: 100% !important; max-height: 100% !important; } .modal-body { flex: 1 !important; overflow-y: auto !important; min-height: 0 !important; } .modal-footer { flex-shrink: 0 !important; position: sticky !important; bottom: 0 !important; background: #f8f9fa !important; border-top: 1px solid #e9ecef !important; z-index: 10 !important; } /* Ensure tabs stay visible */ .import-modal-tabs { position: sticky !important; top: 0 !important; background: white !important; z-index: 5 !important; margin-bottom: 20px !important; } /* Responsive adjustments */ @media (max-height: 600px) { .import-modal-dialog { height: 98vh !important; margin: 1% auto !important; } } @media (max-width: 768px) { .import-modal-dialog { width: 95% !important; max-width: 95vw !important; height: 98vh !important; margin: 1% auto !important; } } /* Toggle Switch Styles */ .toggle-switch-container { display: flex; flex-direction: column; gap: 16px; } .toggle-switch { display: flex; align-items: center; cursor: pointer; position: relative; padding: 12px 0; user-select: none; transition: all 0.3s ease; min-height: 48px; } .toggle-switch:hover { background-color: rgba(102, 126, 234, 0.05); border-radius: 8px; padding: 12px 8px; margin: 0 -8px; } .toggle-switch input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .toggle-slider { position: relative; height: 24px; width: 48px; background-color: #e0e0e0; border-radius: 24px; transition: all 0.3s ease; margin-right: 20px; flex-shrink: 0; border: 2px solid #d0d0d0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); min-width: 48px; } .toggle-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.2); border: 1px solid #e0e0e0; } .toggle-switch input:checked ~ .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 8px rgba(102, 126, 234, 0.3); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); box-shadow: 0 3px 8px rgba(0,0,0,0.3); } .toggle-label { font-size: 14px; color: #333; line-height: 1.5; font-weight: 500; flex: 1; margin-left: 0; padding-left: 0; word-wrap: break-word; overflow-wrap: break-word; } .toggle-switch:hover .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.4); } .toggle-switch:hover input:checked ~ .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.5); } /* Ensure radio buttons are properly initialized */ .toggle-switch input[type="radio"]:checked + .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .toggle-switch input[type="radio"]:checked + .toggle-slider:before { transform: translateX(24px); } /* Active state styling */ .toggle-switch:active .toggle-slider:before { transform: translateX(24px) scale(0.95); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); } /* Description Options Styles */ .description-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .description-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .description-option input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .description-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .description-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .description-option input:checked ~ .checkmark:after { display: block; } .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .description-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Replace options styling */ .replace-options input[type="text"] { border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; font-size: 14px; transition: all 0.3s ease; } .replace-options input[type="text"]:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; } /* Responsive adjustments */ @media (max-width: 768px) { .description-options-grid { grid-template-columns: 1fr !important; } .replace-options { flex-direction: column !important; align-items: stretch !important; } .replace-options > div { min-width: auto !important; } } /* Gallery Options Styles */ .gallery-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .gallery-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .gallery-option input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .gallery-option .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .gallery-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .gallery-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .gallery-option .checkmark:after { content: ""; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .gallery-option input:checked ~ .checkmark:after { display: block; } .gallery-option .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .gallery-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Gallery image styling */ .gallery-image-container { position: relative; display: inline-block; margin: 8px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: all 0.3s ease; } .gallery-image-container:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .gallery-image-container img { max-width: 200px; height: auto; display: block; } .gallery-image-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 4px; opacity: 0; transition: opacity 0.3s ease; } .gallery-image-container:hover .gallery-image-actions { opacity: 1; } .gallery-image-actions button { background: rgba(0,0,0,0.7); color: white; border: none; border-radius: 4px; padding: 4px 8px; font-size: 12px; cursor: pointer; transition: all 0.3s ease; } .gallery-image-actions button:hover { background: rgba(0,0,0,0.9); } /* Responsive adjustments for gallery */ @media (max-width: 768px) { .gallery-options-grid { grid-template-columns: 1fr !important; } .gallery-actions { flex-direction: column !important; } .gallery-image-container img { max-width: 150px; } }](data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIiB2aWV3Qm94PSIwIDAgMzAwIDMwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=)
Personalized Wedding Bottle Opener Favor Gift with Elegant Custom Box, Bridal Shower, Engagement Party Favors Import as Dropshipping Import as Affiliate Product Customization – Dropshipping Mode Go Pro × Product Customization – Affiliate Mode Go Pro × General Description Gallery Reviews Variations (Split & Import) Additional data Regular Price: Sale Price: Set Formula Custom Title: SKU (Optional) Product ID (Auto-filled) This is the unique identifier for the product from the source platform Product Weight (Optional) Short Description (Optional) Product Status Publish Product (checked = publish | unchecked = draft) Set as Featured product Mark as On Sale Affiliate Settings Affiliate Product URL * This is the URL where customers will be redirected when they click “Buy Now” Publish Product (checked = publish | unchecked = draft) Set as Featured product SEO Settings Meta Title: Meta Description: Meta Keywords: Product Tags Add Tags: Add WordPress Categories Provider Categories & Tags New Categories to Create Categories you add will appear here… Description Customization Include Options Include gallery images to the description Include images from reviews content Include specifications to the description Add tag section to the description for SEO Remove Options Remove entire description Replace Options Text to replace: Replace with: Apply Replacement Description Preview Enable Rich Editor Disable Rich Editor Apply Changes Gallery Management Include Additional Images Include images from description Include images from reviews content Clear All Images Product Gallery (0 images) No images in gallery yet. Use the options above to add images. Load more reviews Add Review Review Username Date creation Rating Remove This is a simple product, no variations can be defined Price Formula Set custom pricing rules for your variations No formula defined yet Configure Formula Clear Formula Open Advanced Settings × Bulk Price Tools Apply Regular Price to All Apply Apply Sale Price to All Apply Add Shipping Price to All Apply Apply charm pricing 00 (e.g. 2.34 → 3.00) Apply charm pricing 99 (e.g. 2.34 → 2.99) No charm pricing Title & Gallery Preferences Title Format Generic title + attribute values (e.g. color, size) Generic title only Gallery Image Source Select variation image Select gallery tab images Affiliate Link Image Variations Load product images for each variation Load Images Edit Attributes Note: Any modification of the attributes values on the variations table (such as color and size, etc..) need to be reflected on the attribute table below (click edit Attributes). the value must be available on the list of possible values on the table below. use a semi colon to add a new value name values Remove this from all variations Additional data property values Remove Sale price (Optional) Sale start date Sale end date Close Import as Dropshipping Product Import as Affiliate Product /* Modal Layout Fixes */ .import-modal-dialog { display: flex !important; flex-direction: column !important; height: 96vh !important; max-height: 96vh !important; } .import-modal-content { display: flex !important; flex-direction: column !important; height: 100% !important; max-height: 100% !important; } .modal-body { flex: 1 !important; overflow-y: auto !important; min-height: 0 !important; } .modal-footer { flex-shrink: 0 !important; position: sticky !important; bottom: 0 !important; background: #f8f9fa !important; border-top: 1px solid #e9ecef !important; z-index: 10 !important; } /* Ensure tabs stay visible */ .import-modal-tabs { position: sticky !important; top: 0 !important; background: white !important; z-index: 5 !important; margin-bottom: 20px !important; } /* Responsive adjustments */ @media (max-height: 600px) { .import-modal-dialog { height: 98vh !important; margin: 1% auto !important; } } @media (max-width: 768px) { .import-modal-dialog { width: 95% !important; max-width: 95vw !important; height: 98vh !important; margin: 1% auto !important; } } /* Toggle Switch Styles */ .toggle-switch-container { display: flex; flex-direction: column; gap: 16px; } .toggle-switch { display: flex; align-items: center; cursor: pointer; position: relative; padding: 12px 0; user-select: none; transition: all 0.3s ease; min-height: 48px; } .toggle-switch:hover { background-color: rgba(102, 126, 234, 0.05); border-radius: 8px; padding: 12px 8px; margin: 0 -8px; } .toggle-switch input[type=”radio”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .toggle-slider { position: relative; height: 24px; width: 48px; background-color: #e0e0e0; border-radius: 24px; transition: all 0.3s ease; margin-right: 20px; flex-shrink: 0; border: 2px solid #d0d0d0; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); min-width: 48px; } .toggle-slider:before { position: absolute; content: “”; height: 18px; width: 18px; left: 3px; bottom: 3px; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,0.2); border: 1px solid #e0e0e0; } .toggle-switch input:checked ~ .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 8px rgba(102, 126, 234, 0.3); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); box-shadow: 0 3px 8px rgba(0,0,0,0.3); } .toggle-label { font-size: 14px; color: #333; line-height: 1.5; font-weight: 500; flex: 1; margin-left: 0; padding-left: 0; word-wrap: break-word; overflow-wrap: break-word; } .toggle-switch:hover .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.4); } .toggle-switch:hover input:checked ~ .toggle-slider { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 12px rgba(102, 126, 234, 0.5); } /* Ensure radio buttons are properly initialized */ .toggle-switch input[type=”radio”]:checked + .toggle-slider { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .toggle-switch input[type=”radio”]:checked + .toggle-slider:before { transform: translateX(24px); } /* Active state styling */ .toggle-switch:active .toggle-slider:before { transform: translateX(24px) scale(0.95); } .toggle-switch input:checked ~ .toggle-slider:before { transform: translateX(24px); } /* Description Options Styles */ .description-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .description-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .description-option input[type=”checkbox”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .description-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .description-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .checkmark:after { content: “”; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .description-option input:checked ~ .checkmark:after { display: block; } .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .description-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Replace options styling */ .replace-options input[type=”text”] { border: 1px solid #ddd; border-radius: 6px; padding: 10px 12px; font-size: 14px; transition: all 0.3s ease; } .replace-options input[type=”text”]:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); outline: none; } /* Responsive adjustments */ @media (max-width: 768px) { .description-options-grid { grid-template-columns: 1fr !important; } .replace-options { flex-direction: column !important; align-items: stretch !important; } .replace-options > div { min-width: auto !important; } } /* Gallery Options Styles */ .gallery-option { display: flex; align-items: center; padding: 12px 16px; background: white; border: 1px solid #e9ecef; border-radius: 8px; cursor: pointer; transition: all 0.3s ease; position: relative; user-select: none; } .gallery-option:hover { background: #f8f9fa; border-color: #667eea; box-shadow: 0 2px 8px rgba(102, 126, 234, 0.15); transform: translateY(-1px); } .gallery-option input[type=”checkbox”] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .gallery-option .checkmark { height: 20px; width: 20px; background-color: #f8f9fa; border: 2px solid #ddd; border-radius: 4px; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; } .gallery-option:hover .checkmark { border-color: #667eea; background-color: rgba(102, 126, 234, 0.1); } .gallery-option input:checked ~ .checkmark { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-color: #667eea; } .gallery-option .checkmark:after { content: “”; position: absolute; display: none; left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .gallery-option input:checked ~ .checkmark:after { display: block; } .gallery-option .option-text { font-size: 14px; color: #333; font-weight: 500; line-height: 1.4; flex: 1; } .gallery-option input:checked ~ .option-text { color: #667eea; font-weight: 600; } /* Gallery image styling */ .gallery-image-container { position: relative; display: inline-block; margin: 8px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: all 0.3s ease; } .gallery-image-container:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .gallery-image-container img { max-width: 200px; height: auto; display: block; } .gallery-image-actions { position: absolute; top: 8px; right: 8px; display: flex; gap: 4px; opacity: 0; transition: opacity 0.3s ease; } .gallery-image-container:hover .gallery-image-actions { opacity: 1; } .gallery-image-actions button { background: rgba(0,0,0,0.7); color: white; border: none; border-radius: 4px; padding: 4px 8px; font-size: 12px; cursor: pointer; transition: all 0.3s ease; } .gallery-image-actions button:hover { background: rgba(0,0,0,0.9); } /* Responsive adjustments for gallery */ @media (max-width: 768px) { .gallery-options-grid { grid-template-columns: 1fr !important; } .gallery-actions { flex-direction: column !important; } .gallery-image-container img { max-width: 150px; } }
$65.00 – $412.98Price range: $65.00 through $412.98