![Lionel Messi Clipart Bundle: Soccer Star PNG Files (Digital Download) 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; } } - Image 1](https://marketlibre.com/wp-content/uploads/2026/08/61017448-r-il-0ad5c9-7158397083-il_794xN.7158397083_2zmp.jpg "61017448-r-il-0ad5c9-7158397083-il_794xN.7158397083_2zmp")
![Lionel Messi Clipart Bundle: Soccer Star PNG Files (Digital Download) 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; } } - Image 2](https://marketlibre.com/wp-content/uploads/2026/08/61017448-r-il-91e1d6-7110425852-il_794xN.7110425852_3v8f.jpg "61017448-r-il-91e1d6-7110425852-il_794xN.7110425852_3v8f")
![Lionel Messi Clipart Bundle: Soccer Star PNG Files (Digital Download) 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; } } - Image 3](https://marketlibre.com/wp-content/uploads/2026/08/61017448-r-il-88efab-7158397269-il_794xN.7158397269_t7kv.jpg "61017448-r-il-88efab-7158397269-il_794xN.7158397269_t7kv")
![Lionel Messi Clipart Bundle: Soccer Star PNG Files (Digital Download) 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; } } - Image 4](https://marketlibre.com/wp-content/uploads/2026/08/61017448-r-il-667982-7158397271-il_794xN.7158397271_qdrk.jpg "61017448-r-il-667982-7158397271-il_794xN.7158397271_qdrk")
![Lionel Messi Clipart Bundle: Soccer Star PNG Files (Digital Download) 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; } } - Image 5](https://marketlibre.com/wp-content/uploads/2026/08/61017448-r-il-25b051-7110425016-il_794xN.7110425016_8wyi.jpg "61017448-r-il-25b051-7110425016-il_794xN.7110425016_8wyi")
![Lionel Messi Clipart Bundle: Soccer Star PNG Files (Digital Download) 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; } } - Image 6](https://marketlibre.com/wp-content/uploads/2026/08/61017448-r-il-89f260-7158397221-il_794xN.7158397221_4l1o.jpg "61017448-r-il-89f260-7158397221-il_794xN.7158397221_4l1o")
![Lionel Messi Clipart Bundle: Soccer Star PNG Files (Digital Download) 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; } } - Image 7](https://marketlibre.com/wp-content/uploads/2026/08/61017448-r-il-0ade73-7158398881-il_794xN.7158398881_l62s.jpg "61017448-r-il-0ade73-7158398881-il_794xN.7158398881_l62s")
![Lionel Messi Clipart Bundle: Soccer Star PNG Files (Digital Download) 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; } } - Image 8](https://marketlibre.com/wp-content/uploads/2026/08/61017448-r-il-98d464-7158398975-il_794xN.7158398975_km9s.jpg "61017448-r-il-98d464-7158398975-il_794xN.7158398975_km9s")
![Lionel Messi Clipart Bundle: Soccer Star PNG Files (Digital Download) 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; } }](https://marketlibre.com/wp-content/uploads/2026/08/61017448-r-il-0ad5c9-7158397083-il_794xN.7158397083_2zmp-150x150.jpg)
![Lionel Messi Clipart Bundle: Soccer Star PNG Files (Digital Download) 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; } } - Image 2](https://marketlibre.com/wp-content/uploads/2026/08/61017448-r-il-91e1d6-7110425852-il_794xN.7110425852_3v8f-150x150.jpg)
![Lionel Messi Clipart Bundle: Soccer Star PNG Files (Digital Download) 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; } } - Image 3](https://marketlibre.com/wp-content/uploads/2026/08/61017448-r-il-88efab-7158397269-il_794xN.7158397269_t7kv-150x150.jpg)
![Lionel Messi Clipart Bundle: Soccer Star PNG Files (Digital Download) 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; } } - Image 4](https://marketlibre.com/wp-content/uploads/2026/08/61017448-r-il-667982-7158397271-il_794xN.7158397271_qdrk-150x150.jpg)
![Lionel Messi Clipart Bundle: Soccer Star PNG Files (Digital Download) 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; } } - Image 5](https://marketlibre.com/wp-content/uploads/2026/08/61017448-r-il-25b051-7110425016-il_794xN.7110425016_8wyi-150x150.jpg)
![Lionel Messi Clipart Bundle: Soccer Star PNG Files (Digital Download) 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; } } - Image 6](https://marketlibre.com/wp-content/uploads/2026/08/61017448-r-il-89f260-7158397221-il_794xN.7158397221_4l1o-150x150.jpg)
![Lionel Messi Clipart Bundle: Soccer Star PNG Files (Digital Download) 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; } } - Image 7](https://marketlibre.com/wp-content/uploads/2026/08/61017448-r-il-0ade73-7158398881-il_794xN.7158398881_l62s-150x150.jpg)
![Lionel Messi Clipart Bundle: Soccer Star PNG Files (Digital Download) 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; } } - Image 8](https://marketlibre.com/wp-content/uploads/2026/08/61017448-r-il-98d464-7158398975-il_794xN.7158398975_km9s-150x150.jpg)
Lionel Messi Clipart Bundle: Soccer Star PNG Files (Digital Download) Import as Dropshipping Import as Affiliate Product Customiza...
$9.92
26613680492 in stock
Shipping & Delivery
-
Local Warehouse
Our courier will deliver to the specified address
Delivery: 2-7 business days
$2.99
-
Standard delivery
5-10 business days
FREE
-
30-Day returns
Specification
Features
Description
-
Designed in a pdf download
-
Digital download
-
Digital file type(s): 1 PDF
-
Width: 13 inchesHeight: 13 inches
💙 Messi Clipart Bundle – Set of 11 High Quality JPG Files with White Background 💙
Bring your creative ideas to life with this delightful clipart collection! Each piece in this collection is a one-of-a-kind design, designed to make your creations stand out with its exclusive charm.
💟 Enhance your crafting projects with our high-quality Clipart files!
Perfect for:
◾ Making stickers or labels
◾ Social Media Posts
◾ Mugs
◾ T-Shirts
◾ Scrapbooking
◾ Junk Journals
◾ Greeting cards
◾ Nursery Wall Art
◾ Tumbler Wraps
>>> Your Purchase Includes 1 pdf file containing link to Google drive where you can access your designs easily (due to file size limitations we can’t directly upload all designs on Etsy).
YOU WILL GET:
◼ 11 High-Resolution Images with White Background
◼ High-quality 300 DPI resolution
◼ All images are in PNG format (4096 x 4096 pixels)
◼ Images DO NOT HAVE transparent backgrounds due to the watercolor theme
◼ Colors may appear slightly different depending on your device
◼ 1 image included with transparent background as a Bonus ✨
✨ Why Our Files Stand Out:
✔ Every design is uniquely created and exclusive to our shop.
✔ Compatible with various software and machines for easy use.
✔ Get your file right after purchase—no delays!
💨IMPORTANT: PLEASE NOTE BEFORE PURCHASE
◼ These are digital files only—no physical items will be shipped.
◼ Any unique effects (like blur or textures) in the artwork are intentional.
◼ The images may have been enhanced, optimized and created using AI-powered tools or software.
**𝗛𝗢𝗪 𝗜𝗧 𝗪𝗢𝗥𝗞𝗦**
1. Simply add the design to your cart and complete your purchase.
2. Once the checkout is done, a download link will be provided instantly. Alse we send will also send the link to your email.
✦ If you don’t see the download link immediately, refresh the page.
✦ Don’t forget to check your Spam folder if the email doesn’t show up.
✦ You can’t download digital files please send email to marketlibre25@gmail.com we will repo
NOTE: You can use these digital designs for unlimited COMMERCIAL projects. Just buy them once and reuse them as many times as you need! However, sharing, reselling, or giving away the artwork in its original form is not allowed.
📩 Need Assistance?
We’re here to help! If you have any questions, feel free to send us a message directly on Etsy.
✔ The images shown with watermarks are for display purposes only. Upon purchase, you’ll receive high-quality, watermark-free files.
Thank you for choosing us!🌟
Discover a high-quality collection of digital clipart that is watercolor-themed, perfect for printing, scrapbooking, greeting cards, junk journals, tumbler wraps, sublimation projects, and more. From pastel clipart to boho, kawaii, vintage, and retro styles, each clip art bundle is designed for easy instant download and commercial use.
✨ Start creating today — add your favorites to the cart and let your imagination flow! 😍
Customer Reviews
You may also like
12pcs/Full Case 13.5cm Butter Stick Slow Rising Squishy Toy, Wet Rebound Moist Soft Feel, Stress Relief Decompression Fidget
Price range: $49.99 through $59.99
1pc Chic Quilted Crossbody Chest Bag – Versatile Solid Color – Perfect for Daily Use, Casual Outings & Travel ...
Price range: $14.67 through $32.87
1pc Retro Handheld Gaming Console, 3.5-inch Large Screen, ABS Material, Rechargeable Lithium Polymer Battery, Red/Blue/White, Hand...
Price range: $24.98 through $25.85
2026 hot Schylling Needoh Nice Cube, Sensory Toys, Anti-Stress Blocks, Stress Relief Jigsaw, Pressure Relief, Souvenir for Kids
Price range: $18.60 through $25.41
![Lionel Messi Clipart Bundle: Soccer Star PNG Files (Digital Download) 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; } }](https://marketlibre.com/wp-content/uploads/2026/08/61017448-r-il-0ad5c9-7158397083-il_794xN.7158397083_2zmp-600x600.jpg)
Reviews
Clear filtersThere are no reviews yet.