Shopify themes, liquid, logos, and UX
Hello everyone i want my product picture like this given image below i want to add shadow effect like these product have . i have shopify impulse theme and here is my store url : www.gizmeleon.shop
Hi @Moeez use a custom css setting and CSS similar to the following that uses box-shadow:
.grid-product__image-mask { box-shadow: 1px 0px 3px black; }
https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css
Tailor the px values to taste but I'd suggest avoiding being garish as you already have a lot of excessive visual distractions on the website AND noisy snowflake animations.
Contact paull.newton+shopifyforum@gmail.com for the solutions you need
Save time & money ,Ask Questions The Smart Way
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org
@Moeez ,
Step 1: Go to Admin -> Online store -> Theme > Edit code
Step 2: Search for the file theme.liquid
Step 3: Add this code before </body> tag
<style>
.grid-product__image-mask {
box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
</style>
Result:
If it helps you, please like and mark it as the solution.
Best Regards 😊
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
Hello @Moeez
.grid-product__image-mask {
box-shadow: rgba(0, 0, 0, 0.5) 0px 6px 12px;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024