how do I get this page in wordpress?

I started with the quickstart, but removed a bunch of stuff to make my site so I may have removed this page from the template but.. how do I a. Create a new page like this and b. How if the template was available can I import these files into my site?

Basically I want this page w the man and women. .and links etc.

https://demo.gavick.com/joomla25/instyl ... virtuemart

UPDATE: I added my custom text and such to the "Shop" page that came with the gk_instyle_quickstart.zip. It looks great just how I want it. However when I try to duplicate the page, the formatting changes, or I create a new page and the formatting is way off, and the woocommerce note at the bottom: "No products were found matching your selection" is missing.

I'm thinking there is something in the theme, or woocommerce that is telling that page to act a specific way, be formatted a specific way however I have no idea how to set this setting so the page will be another "Shop" page instead of just a regular page.

Any ideas here?

UPDATE:I know the issue but don't know how to fix. I ran a plugin that is telling me which template a page is using. The one I don't want is using: home1/trendhip/public_html/wp-content/themes/InStyle/page.php
The one I do want is using: /home1/trendhip/public_html/wp-content/themes/InStyle/woocommerce.php

How do I tell a page which template to use? There is a dropdown in page attributes however it does not list any of the above so I have no idea what to do and google does not help either

Hello,

But the shop page from your link:
https://demo.gavick.com/joomla25/instyl ... virtuemart
is from joomla version of InStyle and the joomla version uses Virtuamart extension, wordpress version supports WooCommerce, so in some places is not possible to have exactly the same views.

This is WooCommerce shop page:
https://demo.gavick.com/wordpress/insty ... pe=product
You can configure this page in WooCOmmerce -> Settings -> Products tab.

how do I copy the formatting of the wordpress shop page to other pages? I want the widget setup, breadcrumbs, text and heading formatting (everything). I don't need products to display, I just want the formatting to start with so I create a custom page.

I want to duplicate the shop page formatting to new pages: https://demo.gavick.com/wordpress/insty ... pe=product

I will send you a PM with my site links so you can see what I'm talking about.

Hello

You can enable breadcrumb in Template Options -> Basic tab and "Conditional Breadcrumbs Display", using conditional rule, you can decide on which pages exactly the breadcrumb will be displayed, description may be found here:
https://www.gavick.com/documentation/wo ... c-settings

You can also disable social button on this page.

Regarding the widgets, please copy your widgets from your Woocommerce sidebar widget area to "sidebar" which is visible for post/pages and use widget rules to display widgets on your page:
https://www.gavick.com/documentation/wo ... dget-rules
but unfortunately some widgets, like price filtering, color may be visible ONLY on woocommerce pages.

wow thank you this helps a lot however I still want to do some more page customization so where would I find and change the below:
- remove or add the __________ lines that go across the pages? some pages have none, some have 2 some have one..
- edit the breadcrumb text for example some pages are home/category/product, some are siteTitle/Tagline/product
- adjust the text content margins similar to the "shop" page margins. currently the text content margins for regular pages are pushed over right more than "shop" pages (also the breadcrumb margin is also pushed over, and lines above).
- Also change page title from center align to left.

Thank you,

Hi,
Regarding your issues:
- I'm not sure which line exactly do you mean? under the breadcrumb or under the title before content? Let me know and I'll provide you css to hide this line
- it's not easy to edit breadcrumb (you'll have to edit function responsible for displaying). text depends on the page which are browsed.
- could you send me a screenshot with your margin/padding etc marked and URL to your page, where you want to add these changes? will be much easier.
- try to add following css code:

Code: Select all

#gk-mainbody article > header h1 {
   text-align: left;
}


Thanks for the help. I have sent a PM.

text align left worked great! I have played with the CSS a little on that page only and I am happy with my current result (so don't worry about the above anymore). However I would like to change what the breadcrumb says.

Here is an example of the http on the breadcrumb for that page: <a class="gk-home" href="http://starterclothing.com">Starter Clothing - Best Clothing Ever</a>

Breadcrumb displays like this:
Starter Clothing - Best Clothing Ever / Bikini

I would like to change to:
Starter Clothing / Bikini

This change would only be for my category pages. I'll pm you the current page I have modified so you can see.

Regarding the breadcrumb, try to filter the home of the breadcrumb, add the following code into user.functions.php file:

Code: Select all

function my_breadcrumb_home( $home ) {
       return 'Starter Clothing';
}
add_filter('gavern_breadcrumb_home', 'my_breadcrumb_home');


Regarding the hover effect on images, try with this css code:

Code: Select all

.aligncenter {
      -webkit-transform: scale(1) rotate(0deg);
   -moz-transform: scale(1) rotate(0deg);
   -ms-transform: scale(1) rotate(0deg);
   -o-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg);
   -webkit-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -ms-transition: all .2s linear;
   -o-transition: all .2s linear;
   transition: all .2s linear;
}

.aligncenter:hover {
   -webkit-transform: scale(1.2) rotate(-5deg);
   -moz-transform: scale(1.2) rotate(-5deg);
   -ms-transform: scale(1.2) rotate(-5deg);
   -o-transform: scale(1.2) rotate(-5deg);
   transform: scale(1.2) rotate(-5deg);
}


but it's not all, you'll have to add another containter for your image, i.e. <div class="hover-containter">...
and add overflow:hidden css rule for this container.

PERFECT! all of that works perfectly! Ok last question how would I change the Breadcrumb on the products view pages and individual product pages?
(products view) Home / Shop / Mens / Bags
(Individual Products) Home / Shop / Mens / Bags / Snugg Crossbody Shoulder Messenger Bag in Black Leather – Fits Laptops up to 15.6″

I would like to remove the Home / Shop /...........and have something like this:
Hipster Clothing / Mens / Bags

Links:
http://trendyhipsterclothing.com/produc ... mens-bags/
http://trendyhipsterclothing.com/shop/s ... p-to-15-6/

I have 100's of individual product pages so I won't be able to change the CSS in each page, but I could add css to each products view pages and it would be great if it would affect each product also?

Thank you!

Hi,

The woocommerce breadcrumb funcitons may be found in Instyle/gavern/wc-functions.php file, please use the following filter/functions to change the breadcrumb:
http://docs.woothemes.com/document/cust ... readcrumb/

similar to previous soluiton with "function my_breadcrumb_home( $home ) "