Listing Designer

Suggest a new feature for Listing Designer!
EBay Description (Theme)
EBay Description (Theme) The Bargains theme uses a three-color scheme: orange, white, and dark grey. Please make sure this theme and all related sections are designed strictly using the same color combination to maintain brand consistency. Bargains Logo: For mobile optimization, I need a changeable banner within the product description, along with clickable links that display products. This will help attract buyers more effectively on mobile devices. By using this approach, buyers can easily navigate through our product range directly from the description, which improves user experience and increases engagement. It is an effective way to showcase more of our products, encourage cross-selling, and ultimately drive higher conversions. This type of optimized, mobile-friendly content ensures better visibility, easier navigation, and a more professional presentation of our brand to potential buyers. A brand-themed visual section is used to enhance buyer attraction and improve the professional appearance of the listing, especially for mobile users, where visual content performs better than plain text. The layout then clearly presents: Product title for easy identification High-quality product images with multiple angles and variations A clean, scroll-friendly structure optimized for mobile viewing This type of description design improves the user experience, keeps buyers engaged for longer, and encourages them to browse additional products, which can lead to higher conversion rates and increased average order value. Overall, this approach is an effective way to: Optimize listings for mobile devices Showcase more products within the description Strengthen brand presence Drive more sales through internal product linking For the theme design, we need a mobile-optimized center layout with limited space but enough room to display essential product content clearly. At the end of the description, there should be clickable tabs for Payment, Delivery Details, Terms of Sales, Return Details, and finally About Us. All of these tabs must be fully clickable and editable. In addition, the very end of the description should include a clickable related-products section, allowing us to showcase more of our products so buyers can easily explore other items from our store and increase engagement.
0
·
Custom template
Collapsible Tab Section
Hi Team Any chance you could add this to your themes for the Tab Section - so that we can use the WYSIWIG Editor, but have this collapsed version which is better for mobile too. I have attached the html and css files for in txt format, not sure if they are there... so it is also pasted at the bottom. Alternatively when testing I just put the css in a style tag in the header section. Thanks in advance. Jai. ---------------------------- CSS ---------------------------- <style> .tabs-container { font-family: Arial, sans-serif; margin: 20px; } .tabs { display: flex; flex-wrap: wrap; } .tabs label { order: 1; display: block; padding: 10px 20px; margin-right: 2px; cursor: pointer; background: #eee; font-weight: bold; transition: background ease 0.2s; } .tabs .tab-content { order: 99; flex-grow: 1; width: 100%; display: none; padding: 20px; border: 1px solid #ddd; } .tabs input[type="radio"] { display: none; } .tabs input[type="radio"]:checked + label { background: #ddd; } .tabs input[type="radio"]:checked + label + .tab-content { display: block; } @media (max-width: 768px) { .tabs label { width: 100%; margin-right: 0; margin-bottom: 2px; } } </style> ---------------------------- HTML ---------------------------- <div class="tabs-container"> <div class="tabs"> <input type="radio" id="tab1" name="tabs" checked> <label for="tab1">Description</label> <div class="tab-content"> <h3>Description</h3> <p>Your description content goes here.</p> </div> <input type="radio" id="tab2" name="tabs"> <label for="tab2">Compatibility</label> <div class="tab-content"> <h3>Compatibility</h3> <p>Your compatibility information goes here.</p> </div> <input type="radio" id="tab3" name="tabs"> <label for="tab3">Delivery</label> <div class="tab-content"> <h3>Delivery</h3> <p>Your delivery details go here.</p> </div> <input type="radio" id="tab4" name="tabs"> <label for="tab4">Returns</label> <div class="tab-content"> <h3>Returns</h3> <p>Your returns policy goes here.</p> </div> </div> </div>
0
·
Design Customization
Load More