Hi community!
I was wondering if there’s any way to do the following adjustments on “Sense” 12.0.0 Shopify Theme?
1.1) Center the customer review stars in the middle (on mobile).
1.2) Add a gap between the stars and the text underneath on both (mobile & desktop)
(Screenshot of the current situation)
Expected results below:
2.1) Center the captions (Example: “Contact Us”) on all pages in the middle. Example of current situation below:
3.1) Grey out the thumbnails of all sold out products. (Example below)
4.1) Adjust the header menu as per the example below:
Hi @gigeorgiev
Please share your store link
Solutions for points 1) and 2) have been found. We still need assistance with points 3) and 4)
www.bestampcovers.com
Hi Dan, any word on this?
Hi @gigeorgiev sorry for missing your message.
- please use this code
.card-wrapper:has(.price--sold-out) .card__inner { opacity: 0.4; }
- I make it a little bit different with your require to make drawer menu works correctly
@media (max-width: 767px) {
.header { grid-template-columns: 2fr 2fr 2fr !important; }
.header__heading, .header__heading-link { grid-area: left-icons !important; }
header-drawer { grid-area: icons !important; }
}
Hi Dan, thank you for your prompt response and solution. Could you give us some directions on where each of the codes needs to be added?
Meanwhile there is one more thing we wanted to check if anyone has a solution for.
It seems like the “Sense” theme doesn’t include the product ID, when someone reaches out using the contact form at each product page.
Unlike our old theme, there is clearly shown in each e-mail the product ID of the page the customer is connecting us from so we can properly identify what product are they referring to instead of having to ask them to send us a product link in a separate email.
For a better understanding, there are two example screenshots showing the current situation (screenshot 1) .. and how it’s supposed to be (screenshot 2)
Hi @gigeorgiev
You can add code to your theme.liquid file before tag, here is the code you need to add
Related to adding product ID in the contact form. Please open contact-form.liquid file, find this line of code
Add this code below it
{% if template == 'product' %}
{% endif %}
Please replace this in value element with URL of your shopify admin
https://admin.shopify.com/store/your-shopify-store-name/products/
Hi Dan, you’re a real star!
Thank you so much for all your help, everything worked as intended.
There is only one thing that we’ve noticed on the “sold out” items after applying the new code, that the “sold out” badge is also greyed out now. Is there any chance we can keep it at full opacity rather than the way it is now?
Screenshot below:
Thanks in advance and your help is highly appreciated!
