Urgent - Enter Product By Just Tapping On The Product Image On MOBILE and footer separator lines

Store Design
, , , , ,
1

Hi,

So currently for my MOBILE products page, it doesn’t work when tap on the product image, I have to tap the title for it to load into a certain product page.

is there any help for it?

My store launches on tomorrow at 5PM CT and I want everything to go smoothly so please help me out.

Also is there a way to remove the separator lines at the bottom where my Instagram icon is?

My website: https://elysianclo.store/password

Password: peocki

2

It looks like the issue with your mobile product page not loading the correct product page when you tap on the product image is due to the way that the link is set up on your product page. The link is currently set to open the product page in the same window, which is causing the issue you’re experiencing.

To fix this issue, you can change the link to open the product page in a new window, so that it doesn’t interfere with the current page. To do this, you will need to edit the Liquid code for your product page template, and change the target attribute of the link to _blank. This will cause the link to open the product page in a new window when it is tapped.

Here is an example of what the code might look like with the target attribute set to _blank:

o remove the separator lines at the bottom of your mobile product page, you will need to edit the CSS for your theme. Specifically, you will need to find the CSS rule that sets the border-bottom property for the element that contains your Instagram icon, and remove or comment out that rule.

Here is an example of what the CSS code might look like to remove the border-bottom property from the element that contains your Instagram icon:

/* Remove the border-bottom property from the element that contains the Instagram icon */
.instagram-icon-container {
  border-bottom: none;
}

You will need to adjust the CSS selector and property values in this example to match the specific HTML structure and styles of your theme. I would recommend consulting the Shopify Help Center for more information on editing your theme’s CSS, and seeking assistance from a Shopify expert or developer if you need help with this process.

I hope this helps! Let me know if you have any other questions.

3

Hi,

Thank you for the code but I read your instructions and is very confused. I’m unsure on where to edit the code or add the code.

For the liquid code for my product page template, would that be product-thumbnail.liquid or product-media.liquid?

For the footer, I don’t know which CSS to add to nor the CSS code.

4

I’m also using DAWN theme