Adding several shop sites

  • boadmin123

    (@boadmin123)


    7 years, 1 month ago

    Hello guys,

    first of all: link to my site: beorganic.fashion and the system report:

    
### WordPress Environment ###

Home URL: http://beorganic.fashion
Site URL: http://beorganic.fashion
WC Version: 2.6.14
Log Directory Writable: ✔
WP Version: 4.7.2
WP Multisite: –
WP Memory Limit: 256 MB
WP Debug Mode: –
WP Cron: ✔
Language: de_DE

### Server Environment ###

Server Info: Apache
PHP Version: 5.6.30-he.0
PHP Post Max Size: 32 MB
PHP Time Limit: 30
PHP Max Input Vars: 1000
cURL Version: 7.38.0
OpenSSL/1.0.1t

SUHOSIN Installed: ✔
MySQL Version: 5.6.34
Max Upload Size: 32 MB
Default Timezone is UTC: ✔
fsockopen/cURL: ✔
SoapClient: ✔
DOMDocument: ✔
GZip: ✔
Multibyte String: ✔
Remote Post: ✔
Remote Get: ✔

### Database ###

WC Database Version: 2.4.12
: 
woocommerce_sessions: ✔
woocommerce_api_keys: ✔
woocommerce_attribute_taxonomies: ✔
woocommerce_downloadable_product_permissions: ✔
woocommerce_order_items: ✔
woocommerce_order_itemmeta: ✔
woocommerce_tax_rates: ✔
woocommerce_tax_rate_locations: ✔
woocommerce_shipping_zones: ✔
woocommerce_shipping_zone_locations: ✔
woocommerce_shipping_zone_methods: ✔
woocommerce_payment_tokens: ✔
woocommerce_payment_tokenmeta: ✔
MaxMind GeoIP Database: ❌ Die MaxMind GeoIP Datenbank existiert nicht - Die Ortung (Geolokalisierung) wird nicht funktionieren. Du kannst sie manuell installieren von http://dev.maxmind.com/geoip/legacy/geolite/ in den Pfad: . Scrolle einfach nach unten bis zu \"Downloads\" und lade die Datei \"Binary / gzip\" vom Typ \"GeoLite Country\" herunter.

### Active Plugins (12) ###

Analytics Code Integration: von tms_gac – 1.1.1
Duplicate Post: von Enrico Battocchi – 3.1.2
Enhanced Category Pages: von Ciprian Amariei
Diana Amitroaei – 2.3.0

Essential Grid: von ThemePunch – 2.0.9.1
Exclude Pages from Navigation: von Simon Wheatley – 1.92
WooCommerce shop to Facebook: von StoreYa – 2.4
WPBakery Visual Composer: von Michael M - WPBakery.com – 4.11.2.1
Organics Utilities: von AxiomThemes – 2.0
Slider Revolution: von ThemePunch – 5.2.5
WooCommerce PayPal Express Checkout Gateway: von Automattic – 1.1.2
WooCommerce: von WooThemes – 2.6.14
WP Instagram Widget: von Scott Evans – 1.9.8

### Settings ###

Force SSL: –
Currency: EUR (€)
Currency Position: right
Thousand Separator: .
Decimal Separator: ,
Number of Decimals: 2

### API ###

API Enabled: ✔

### WC Pages ###

Shop-Basis: #2960 - /store_men/
Warenkorb: #5 - /cart/
Kasse: #6 - /checkout/
Mein Konto: #7 - /my-account/

### Taxonomies ###

Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)

### Theme ###

Name: Organics
Version: 1.3
Author URL: http://axiomthemes.net/
Child Theme: ❌ – Wenn du WooCommerce mit einem Theme
das du nicht selbst entwickelt hast
an eigene Bedürfnisse anpasst
dann empfehlen wir die Verwendung eines Child Themes. Siehe Wie du ein Child Theme erstellst (engl.)

WooCommerce Support: ✔

### Templates ###

Overrides: –

    Now my questions: First I would like to know how to create several shop pages, not only one? In my WooCommerce settings, I only can determine one page as the “shop page”. But I need at least two different shop pages, one for men and one for women. How can I achieve this?

    Second, I would like to know how to change this “shop grid”. I think it’s based on the essential grid tool. But I have no access to my own shop design, like mouseover effects and so on.

    Thank you very much for any helping advice in advance.

    Kind regards

Viewing 8 replies - 1 through 8 (of 8 total)
  • lorro

    (@lorro)

    7 years, 1 month ago

    Have you had a look at product categories? You can set up product categories for men and women, or indeed as many categories as you want. You will then have separate shop pages at:
    http://www.domain.com/product-category/mens/
    http://www.domain.com/product-category/womens/

    How you would change the shop grid depends on what you want to change. Tweaks are possible but anything more would need your php skills or a developer. This is because your theme probably has theme templates for the WooCommerce pages, and commercial theme support usually excludes customisations, and wordpress.org forum members don’t have access to commercial themes.

    Thread Starter boadmin123

    (@boadmin123)

    7 years, 1 month ago

    First of all, thank you very much for this quick response!

    I did set up some product categories, but was wondering, if you can change the URL just to “www.domain.com/men”. In other words, if you can delete the “product-category” part?

    I would like to change the buttons and the mouse over effects. I’m pleased with everything else, but those buttons distrub me 😀

    Do you think that I can arrange these changes without PHP?

    Thanks in advance!

    lorro

    (@lorro)

    7 years, 1 month ago

    The WooCommerce recommendation is that you don’t remove the product-categories base, see why:
    https://docs.woocommerce.com/document/removing-product-product-category-or-shop-from-the-urls/

    However, there are plugins that can do it if you Google for them.

    You can change “product-categories” to, say “dept”, just go to:
    Dashboard > Settings > Permalinks, and edit the Product category base field.

    Regarding mouse-over effects, do you mean / have you tried the WooCommerce lightbox?
    Check the option at Dashboard > WooCommerce > Settings > Products tab > Display sub page.
    Then when you click the image on the product page, a bigger image pops up.

    There’s a plugin for almost anything, sometimes several to choose from. Try:
    https://en-gb.wordpress.org/plugins/woocommerce-image-zoom/

    If its the button size or colours you would like to change, this is possible with some custom css. Please advise what you would like to do. Have you got a link to a page with a button to look at.

    Thread Starter boadmin123

    (@boadmin123)

    7 years, 1 month ago

    Thanks again! 😀 I really appreciate your help.

    I’ll try your advice! Maybe one more question, regarding different shop pages. Now, if I take for example http://www.domain.com/product-category/men and change the “product-category” as you said, using permalinks, into http://www.domain.com/store/men. How can I display this link as a “button” in my main menu at http://beorganic.fashion ?

    Regarding mouse-over effects, I mean the following effect at http://beorganic.fashion/store_men/ –> If you move your mouse over the products, a green layer and buttons appear. I would like to change this green layer into a white layer and delete those buttons.

    Have you any idea, how I could change this?

    As always, thank you very much in advance!

    lorro

    (@lorro)

    7 years, 1 month ago

    To add a product category to a menu:
    – go to Dashboard > Appearance > Menus
    – go to screen options and make sure “Product category” is checked
    – look in the list on the left hand side for the product category section, click the down arrow to expand it and add the required categories to the menu

    Try this custom css:

    .woo_thumb_buttons {
  display:none
}
.hover_icon:after,
.woocommerce ul.products .post_featured .post_thumb:hover:after,
.woocommerce-page ul.products .post_featured .post_thumb:hover:after {
  background-color : rgba(160, 160, 160, 0.25);
}

    Custom css can be entered at:
    Dashboard > Appearance > Customise > Additional CSS

    Thread Starter boadmin123

    (@boadmin123)

    7 years, 1 month ago

    Wow, it worked like magic! Huge thanks once again!

    Product Categories are in my menu, buttons are gone, and a white mouse over effect is also integrated!

    Maybe one last question, is it possible to link these product pictures at e.g. http://beorganic.fashion/store/men/ to the actual product page?

    To be more precise, if you click on the product picture, nothing happens right now. But is it possible that the product picture links to the product profile / page?

    lorro

    (@lorro)

    7 years, 1 month ago

    That’s how it should work, but any image clicks are being captured by the white overlay. I suppose that was OK when the buttons were there. The fix is to allow clicks to fall through the overlay on to the image. Add a pointer-events line to the above:

    .hover_icon:after,
.woocommerce ul.products .post_featured .post_thumb:hover:after,
.woocommerce-page ul.products .post_featured .post_thumb:hover:after {
  background-color : rgba(160, 160, 160, 0.25);
  pointer-events:none;
}
    Thread Starter boadmin123

    (@boadmin123)

    7 years, 1 month ago

    Huge thanks lorro!

    It worked out!

    I used your contact us formular at http://www.topcode.co.uk/contact_us.php (this is your website, right?) to give you a little gift 🙂

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Adding several shop sites’ is closed to new replies.