Hi There,

Would you guys be able to help me set up the eCommerce Shop within the SHOOT template? I see that the plug-in for WooCommerce is installed for eCommerce compatibility.

I am looking to sell prints on my website via a SHOP page. I was fiddling with the WooCommerce template (see attached). The tiled products page is fine as is. I would much rather prefer to just have that page with a zoom functionality on the images.

However, when you click on the product image within the tiled product page, it leads to a single product page (see attached) but it is formatted like the blog template which I don't want.

If it is not possible to have the tiled products page only with zoom functionality on the images... Then I would like to simplify the single product page to show Product Zoom, Product Info, Price, Add to Cart, and etc. I DO NOT want the huge blog header or people to comment on the product.... Please let me know if this is possible and if you can help me.

Let me know. Thanks. Nick.

Hi There,

That looks soooooo much better. Can you send me screen shots of how you made the revisions? Do I have access to make those types of revisions for future reference?

Also, would it be possible to get the attached revisions done?

Let me know. Thanks. Nick.

It is starting to look much better. Then end goal is to have it looking like the attached image.... Would you be able to modify it to look like that using only CSS?
I know some of what needs to be done requires a <br /> code in the html... which I am not sure we have access too.

Let me know if it is possible to get it looking like the attached image. Thanks. Deb.

Hi,

So much better.... Just a few more things that need fixing and I think we are good to go.

1. Can everything be moved over to the left a little bit?

2. Can the quantity and add to cart be moved over to align with SKU?

3. For mobile version of the entire site the menu bar is not sticking to the top. Can this be fixed?

I have attached images with the revisions that I need.... How do you know which div tags to apply the styles too? And are all your revisions being done by Additional CSS?

Let me know. Thanks. Deb.

One more thing... The NG Illustration logo is gone from the single product page as well...

Hi,

Everything looks good. The alignment is still off on my firefox and chromo browsers.... (see attached).

There is one more thing and then I think everything will be good.

I would like the download image function removed from the Gallery section. Is this possible?

Let me know. Thanks.

Worked like a charm. Thanks so much for all your help.

I will let you know if I have further questions... I haven't activated eCommerce side yet....

Thanks. Nick.

Hi There,

Found another issue. The menu bar is showing over Description tab on the single product page.

Is this fixable with additional CSS? Sure I can definitely do that for you :). You have been so helpful.

Nick.

Hi There,

Found another issue with the check out page.

The check mark that hides the shipping address is in the middle of the title.

Can you please let me know if this is fixable with additional CSS and what code to use?

Thanks. Nick.

Sorry here is the screen shot of what I am talking about.

Another issue I am running into is the credit card fields for checkout.

I cannot type in the test numbers in any of the fields to test a payment.

Please let me know if this is fixable. Thanks. Nick.

Hi There,

I got the stripe working... It seems that the input fields where not large enough to facilitate content so I added addition CSS to the input fields also .... However, I am not having problems with scrolling on the following pages.

Privacy Policy, Terms and Conditions , Shipping & Returns

The page is cutting off text at the bottom where I would like it to scroll with one scroll bar so people can read the entire thing. (see attached image)

I assume it has something to do with one of the height fields but can't figure it out. Let me know if you can help me with this.

Thanks. Nick.

Hi There,

So I deleted the additional code that I had before.

.body { overflow: hidden; height:100%}

Now I can scroll however there are two scroll bars on Privacy Policy, Terms and Conditions , Shipping & Returns and the Shop....

Is there a way to only have one scroll bar that can scroll the entirety of the page? See image attached for the double scroll bars... And let me know if this can be fixed.

Also it seems as though in WooCommerce shipping charges do not show up in Chromo browser. Any idea why that is?

Thanks. Nick.

Hi There,

I made all three pages a child of the Homepage and set them as Custom Links in the Menu Section under Appearance.

How will this fix the double scroll bar issue? Let me know. Thanks.

Nick.

See screen shot of double scroll bar issue.

Firstly... What is the difference between https://ngillustration.com/#privacy-policy and https://ngillustration.com/home/privacy-policy/ without the number sign? It seems like I now have two pages instead of just one.

Secondly, when I check the url with #privacy-policy it get's rid of all the formatting from before including the logo that was at the top.

and Thirdly the Empty Space element was added to the privacy-policy page 10px top and bottom but did not fix the double scroll bar issue.

I just want a single scroll bar that allows the user to read all the content on the page... Can you please clarify what the issue is  of removing the second scroll bar? I am confused as to why we had to create a custom link with a #...

Thanks. Nick.

Hi There,

Okay I get that the # loads faster.  But there are two different URLs and the edits seem to only go to the one without the number sign. (see attached image and read below)

1. #privacy-policy: When I click on Privacy Policy from the home button on the site, which is #privacy-policy, the formatting from the original page is wiped clean and the logo missing from the top. At the very least I still want the logo at the top.

2. privacy-policy: When I go into Wordpress Admin > Pages > -Privacy Policy > View Page directly it leads to privacy-policy (no number sign) and it still has the formatting but also has double scroll bars to the right hand side that doesn't scroll all the way down for people to read the entire page.

Am'I missing something here? Which layout is correct and where do I make my page edits now? It seems the changes only apply to privacy-policy number (2) with no number sign.

Let me know. Thanks. Nick

See my questions below:

1.) How was the shop page able to have a logo at the top but these pages can't?

2.) I have a Terms of Use and Shipping page as well with # in front of it. How would I go about editing and publishing those pages? The url you sent me to edit #privacy-policy seems completely random... Please elaborate.

3.) Is there a way to create return or line spacing within the paragraph text of the Privacy Policy page instead of it being one huge paragraph?

Please let me know. Thanks. Nick.

I have applied the same method of # to the cart and checkout to get ride of the double scroll bars as well.... However the shop won't link to the # cart page or the # checkout page.

I am hoping to get this up and running before Thursday can you please help figure out what it is that I need to get this fixed.

The issues still remains and what you are telling me does not fix the issue I am referring to:

Basically the link behavior is currently like this: homepage/shop > cart > view cart and each page has a double scroll bar.

By your logic to fix the formatting and double scroll bar issue the pages should be set up like this: /#shop > /#cart > /#view cart which it is currently not doing. /#shop is not even directing to the /#cart page that you styled for the main.css when clicking view cart from the /#shop

If the double scroll bars can't be fixed I may just live with it and figure something else out.

Let me know. Thanks. Nick.

In addition to this issue the checkout button doesn't work on Mobile.... I just tested it on my phone.

please just fix ONLY the proceed to checkout button for mobile.

After that I will close this ticket.

Thanks. 

it still is not clickable... and the shop needs to be ready by tomorrow.

on safari browser it doesn’t work I mean. 

Apple iPhone

Working now. Thanks. Nick.