Collection Tab

Store Design
, ,
1

My collection tab looks like this (menu >products). I wanted it to be 2 column grid format on mobile but idk why it does this. Please help.

Screenshot 2025-02-10 at 7.54.32 PM.png
Screenshot 2025-02-10 at 7.54.32 PM.png836×1408 67 KB

My footer also shows this weird code.

Screenshot 2025-02-10 at 8.44.13 PM.png
Screenshot 2025-02-10 at 8.44.13 PM.png1774×266 65.1 KB

And my reviews are not visible on my product card but they used to be.

My website is unfoldesthetics.com and the password is unfold.

2

Hello @unfoldesthetics ,

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  2. Locate Asset > base.css and paste the following code at the bottom of the file:
@media only screen and (max-width: 767px) {
    ul#Slider-template--22308570169652__feature_collection_tab_tMryLa {
        gap: 2px !important;
    }
}

ZestardTech_0-1739250195287.png
ZestardTech_0-1739250195287.png1140×686 55.6 KB

Let me know if you need further assistance!

3

Hello!
The weird code in the footer is still there unfortunately.

4

"To remove the code from your footer, please follow these steps:

  1. Locate and open the layout file where the footer code is defined.
  2. Identify and remove the specific line of code highlighted in the screenshot below.

ZestardTech_1-1739250715796.png
ZestardTech_1-1739250715796.png1304×341 18.1 KB

Let me know if you need further assistance!

5

Can i hire your services to help me with this? I also need help with a few more things so I might as well ask your help on those too!

6

Sure, We’ll provide you with our best guidance. Feel free to connect with us via direct message or reach out through email at info@zestard.com or support@zestard.com.

7

Hi @unfoldesthetics ,

As per the rating design issue which we recieved on message, We went through the design and resolved the rating issue on product card.
Screenshot link : : https://prnt.sc/nsI5kXp9DbkB

Here are the steps to apply the necessary changes in your Shopify store:

In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
Locate Asset > base.css and paste the following code at the bottom of the file:

.card-information>.rating {
display: block !important;
margin: 7px 0px !important;
}
.rating-star {
display: block !important;
}

Let me know if you need further assistance!

Thank you

8

I figured it out! Thank you!