Fox Run Marble Rolling Pin & Stand, White Marble With Aluminum Handles Pin 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; } }