Shopify themes, liquid, logos, and UX
Dear Community,
I'm trying to enrich my product pages (Theme Dawn) with custom liquid. In fact, I want to put the {{ product.description }} outside of the product-information section, so that the images are not so prominent.
My problem is now, that the custom liquid part does not follow the general settings for the max width of the content part of the page. I have put this to 1400px, but the custom liquid section is going full width, without any padding left and right.
Is there a way to edit the code of the theme to make the custom liquid section follow the defined standard width?
Thanks a lot!
Solved! Go to the solution
This is an accepted solution.
Hi, please try to change your code to this and check again
<div class="page-width">{{ product.description }}</div>
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
This is an accepted solution.
Please add this CSS code to Custom CSS of that section to solve the issue
.gradient { margin: 0 auto; }
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
Any hint how?
This is an accepted solution.
Hi, please try to change your code to this and check again
<div class="page-width">{{ product.description }}</div>
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
Thanks a lot, @Dan-From-Ryviu! That was half the way 🙂 the content size now fits, but the padding is missing (as you can see in the picture). The content frame centered for the product information, but the content liquid is not taking that. Is there a class for that as well?
Could you share you page to check?
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
Sadly I can't, because the shop is not yet published / is still password protected. Is there any way to share this with you? Copying the source code?
Please share a preview link
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
This is an accepted solution.
Please add this CSS code to Custom CSS of that section to solve the issue
.gradient { margin: 0 auto; }
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
Awesome - that worked perfectly! Thanks for pushing my Shopify-knowledge to a new level - I understand why this didn't work properly.
kudos!
You are very welcome!
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
User | RANK |
---|---|
186 | |
168 | |
78 | |
56 | |
45 |
Transform this holiday season into a shopping spree. Plus, learn how to effortlessly open ...
By Jasonh Dec 8, 2023Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023