Ride Theme: Custom Product Slide Menu

NinescapeLand
Excursionist
50 1 4

Hi guys, I need your help! I have three problems need to solve.

Q1: How can I build a product slide menu?

I want to build a slide menu, such as this picture, which can display my all products for my guests to click. Please note! not is changing my main menu.

NinescapeLand_0-1710405825446.png

Q2: How to make my description a full-screen display?

I am making a product landing page, but I want to make my description put it below, so I use the Shopify page function to achieve my demands, when I put this page on my product landing page, I find the content doesn't full-screen display, can you help me change these? The picture below is what it looks like now. 

NinescapeLand_1-1710406561039.png

Q3: Add an inquiry button next to the description

I like this display is the part circled in green, but I don't know what can I do, could you help me?

NinescapeLand_2-1710406655818.png

I would be grateful if you could help me! My theme is ride, if you need me to provide other information, please feel free to leave your message.

 

Replies 8 (8)

Moeed
Shopify Partner
3697 932 1166

Hey @NinescapeLand 

 

Q1 and Q3 requires custom coding but for Q2, I can help you out in that. Can you share your store url and password if enabled?

 

Best Regards,

Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
NinescapeLand
Excursionist
50 1 4

Hi Moeed,

 

This is my store URL: https://b97e0a-c2.myshopify.com/products/indoor-playground

my store doesn't set the password, please check out.

 

Have a good day,

NinescapeLand

Moeed
Shopify Partner
3697 932 1166

Hey @NinescapeLand 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.page-width.page-width--narrow.section-template--22283086135601__page_CWJBtg-padding {
    margin: 0 !important;
    max-width: 100% !important;
}
h2.page-title.h1 {
    text-align: -webkit-center !important;
}
</style>

RESULT:

Moeed_0-1710487259765.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
NinescapeLand
Excursionist
50 1 4

Thank you very much! 

But I still have a question, how do I make my table borders bold?

NinescapeLand
Excursionist
50 1 4

oh no, please help me🥹

NinescapeLand_0-1710489427698.png

 

NinescapeLand
Excursionist
50 1 4

Hi Moeed,

 

Thank you for your answer you wrote a code to solve my question, but I have two questions that need your help.

  1. Can I make my table borders bold?
  2. The table displayed on the mobile terminal is too ugly, can you have other ideas to solve this problem?

I will be glad if you can answer these two questions, and I will accept your answer as a solution.

Sweet_Savior_3
Shopify Partner
1054 87 94

Hello @NinescapeLand 

 

Welcome to Shopify Community.

 

For all the given request, you have listed:

#1. This is a custom request and needs code setup in the theme.

#2. It is possible with CSS, please share your store URL.

#3. This is again a custom request, needs setup in the theme

 

For the custom request, you need to seek help of a developer to help you at reasonable cost.

 

Let me know if you need one.

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!
NinescapeLand
Excursionist
50 1 4

Hi Sweet_Savior_3,

 

This is my store URL: https://b97e0a-c2.myshopify.com/products/indoor-playground

please check it out.

 

Have a good day,

NinescapeLand