Product Banner Design

0 views
Skip to first unread message

Ena Marklund

unread,
Aug 5, 2024, 3:24:34 AM8/5/24
to tisrunobubb
HiI am designing a store using the PATIL template.

Is there a way I can remove/hide the SALE tag that shows below every product with a discounted price?



I would like to keep the before/after price though. That is nice. But remove the SALE text.



I went to Design > Colors > 'Section Themes' > "Products: Basic Grid" and tried to change the text there, but the word SALE is linked with the actual price, so if I change the color of one i also affects the other. (see attached image)


Here's the code that has the syntax error. I don't know what the error is though. This is code to add the search bar to the header. Can you help me fix it or provide me with the correct code to do this?


Hi. I am about to go live with my new collection, which will be my first on Shopify. I use the Dawn theme, and have realised I can't mark items as "Coming Soon" on my website, which was a feature I really liked on Big Cartel.


Except of course, instead of saying "Sold Out" I would like the banner to say "Coming Soon". This would be accompanied by a setting where ofcourse customers can't checkout/purchase any item marks with "coming soon". Essentially I would like this feature so while I am marketing a collection before release, potential customers can go on my website, and see all items, and all the details of each item, so they can make a proper decision about what they would want to buy. Just to be clear - I do not want a "pre-order" type deal.


Currently, using the Dawn theme, my only options when adding a new product are "Draft" and "Active", it would be great is there was another option, like there was on Big Cartel, where I can select "Coming Soon".


This app below is the only example of shopify i can find, though it doesn't exactly do what I'd like. Firstly, I would like my theme to remain the same for products, and I don't want to pay 9 a month to only use one small feature from their app (i wont use pre-order).


Hello Kani! Thanks a lot for your solution... I tried to apply it on my online shop but I dont have in Snippets this name: card-product.liquid, can you please tell me if I have to search for another name maybe? Thanks a lot for your support!


hi kani, thanks so much for this! it worked for me too. i was wondering:



1. i see the label is now visible on the overview page of all products but if i click on the product itself, it still shows the 'sold out' button. is there a way to display the coming soon button on the product page itself aswell?

2. is there a way to change the background colour of the specific coming soon button so it stands out from the sold out button? im using the dawn template so i only have a colour scheme for a sold out and sale button which i can edit.. thanks!


Would the same if function also be possible on the 'Sold Out / Add to Cart' Button? I tried playing around with this but was unsuccessful. I don't think it likes multiple if functions, as it already has one in place.


(2) When the customer clicks on the product, it takes them to the product page. The code written only changes the text of the badge on the front page, but does not change the buttons or the badges on the product page. The buttons and badges on the product page still remain as 'Sold Out,' which is undesirable and confusing. I have tried playing around using an if function, similar to your code under buttons but no luck as I am not familiar with code at all.


Automate your banner creation process with our AI-powered banner generator and create customizable ad designs easily within our user-friendly interface. Speed up your workflow and achieve more in less time by generating banners with just a few clicks.


Save time and resources by instantly generating various banner sizes, including display banners or any social media post format in just a few clicks. Alternatively, you can start from a predefined banner size and use our AI-powered resizing feature to automatically generate all the sizes you need to launch your campaign in record time.


Personalize your AI generated banners as much as you want: edit the headline, description, button, change images or colors and any other element on all banners, at the same time. You can also make small tweaks to individual banners to make sure that they are pixel perfect. Make professional, scroll-stopping AI banner designs and get better results with less effort.


Leverage the power of our AI-driven features without worrying about compatibility. Go live with professional scroll-stopping ads in a short amount of time. Our banner generator tool covers all the standard sizes accepted by major advertising platforms such as Google Ads, Microsoft Advertising, and others, as well as social media channels like Instagram, Facebook, and more.


Integrate our AI-driven features in your ad creation process to boost productivity and launch cost-effective ad campaigns faster. Start a free trial and explore all the automation features

our platform offers.






Are you looking for a professional banner to increase your website sales? Professional and modern design is definitely needed to increase your sales, professional design plays an important role in increasing your sales. Ready to redefine your digital presence? Let Globalency be your guide in this cosmic design journey. Order now and watch your brand's aura come to life!


Display catchy promo banners on corresponding store pages to let customers be aware of all hot deals and specials you offer. Draw visitors' attention to specific products to trigger impulse purchases and increase an average order value.


With the Magento 2 banner extension you can display special offers on product, category and shopping cart pages. But for maximum customer engagement you need to make sure you've carefully chosen the banner's position. For this reason the module offers a rich list of page positions to make your promotions work.


Make specials more relevant by adding the list of promo items to your HTML-, cms-block- or image based banners. This way customers will see all promoted products on one page and will more likely to add them to cart.


Banner extension for Magento 2 lets you determine banners display by category. It's possible to select one or several categories for which you'd like to show your promotions. Apart from category pages your banner will be displayed on each product page assigned to the selected category.


Promo banners can be shown when certain search terms are used by customers. Simply specify the necessary terms in your admin panel to make customers see promotions on corresponding pages with search results.


Using the Magento banner manager, an admin user can accurately fine tune the display of promo offers based on products added to cart. Create conditions based on cart attributes such as subtotal, products quantity, total weight, payment/shipping methods and many others. Combine conditions to improve the efficiency of promo campaigns by displaying only relevant offers to your customers.


If you offer a deal for a particular product or a group of products, it is necessary to display a Magento 2 banner on the corresponding product pages. With the advanced Magento 2 banner module you can create hot deals based on product attributes, e.g. for all monitors with resolution 1920*1200.


To design the perfect banner, you need to start by making sure you have a clear understanding of your purpose. Why are you creating one in the first place? What is it meant to achieve? Here are a few possible goals to consider:


You should also make sure you use a printer that will print your banner using a high resolution. For example, at Speedpro, we often print images at 720 DPI, which results in an impressively sharp image.


The good news regarding image quality is that the further away a person is from the banner, the sharper the images on it will appear. However, the distance can potentially have a negative impact when it comes to readability. The key is knowing what distance your banner will be viewed from and then making sure any text on the banner is easily readable from that distance. This design tip is an especially important one for someone creating an outdoor banner.


Second, follow the 10 to 100 rule of thumb. This rule dictates that your letter height should be 10 inches to be readable at a distance of 100 feet. We can turn this rule into a simple formula that would look like this: Distance in feet/10 = letter height in inches. See our Letter Visibility Chart under the Signs category on our FAQ for more details on how large your text needs to be in order to be seen from various distances.


An experienced printer should be able to steer you toward the best materials for your application. Make sure your printer uses high-quality materials from leading manufacturers so that they can present you with a finished product that lives up to your expectations and catches the eyes of passersby with its vibrant colors.


Choose from hundreds of professionally designed templates and customize the images, graphics and fonts to make a banner that matches your brand. Easily resize your banner designs for different platforms and download as high-resolution JPG or PNG files.


Use your brand style guide to customize the fonts and color palette. Add your own graphics, photos and brand information into the online banner maker. Create custom graphics using lines and shapes. Proofread all the text and double check the quality of your images. Get started creating all types of professional banners, from Facebook covers to YouTube banners and more.

3a8082e126
Reply all
Reply to author
Forward
0 new messages