Results 1 to 3 of 3

Thread: Handmade Theme: Category Page Layout

  1. #1
    Join Date
    Sep 2017
    Posts
    183

    Default Handmade Theme: Category Page Layout

    We're migrating to the Handmade theme, but there's one thing I just can't figure out how to change:

    On the category pages the product images are shown and when you hover over the image the name, price, etc appears.

    Example
    https://www.demopark.co.uk/index/act...plate=handmade

    Rather than having this effect we'd like the info to appear under the product image by default. It looks to be an overlay that is reactive to the screen size: when viewed on mobile the product image appears under the image just s we'd like.

    Any pointers?

    Cheers
    T

  2. #2
    Join Date
    Aug 2016
    Posts
    240

    Default

    This template uses media queries to alter the layout once the screen falls below a certain width. It would appear that the desired result your after happens when the screen falls below 1000px wide, so in order to make this also happen above this width you need to adjust the code in the main CSS.

    To do this, go into the 'Template Editor>', 'Pages>' and scroll down until you see 'Additional CSS' - now within this scroll down until you see: /* Product List Cells */

    Now scroll down again past all the code within this section and at the end cut & paste in the following code:

    Code:
    .prd-list-overlay {position: relative;}
    .prd-list-info {opacity: 1; top: 0; left: 0; transform: translate(0%, 0%); margin-top: 15px;}
    (To double-check you've pasted this in the correct place, you should now see /* Product Page */ directly beneath the code you've just added)


    That should now make it display the way you wish,

    Mike

  3. #3
    Join Date
    Sep 2017
    Posts
    183

    Default

    I'm almost angry You have no idea how long I've been farting about with the CSS in that section trying to get that to work

    Thanks for the help Mikey. Spot on.

Similar Threads

  1. Category layout - Lists
    By PoniesOnParade in forum Site Introductions and Design Partners
    Replies: 2
    Last Post: 25-06-2015, 15:09
  2. Category Layout Question
    By dvie303 in forum Bluepark Technical Discussion
    Replies: 2
    Last Post: 12-09-2010, 11:21
  3. Category layout - help required
    By nataliep in forum Bluepark Technical Discussion
    Replies: 1
    Last Post: 25-05-2010, 14:30
  4. Tricia Clark Designs Handmade Jewellery
    By Tricia in forum General Discussion: Any Other Business
    Replies: 2
    Last Post: 19-10-2007, 09:37
  5. Sub categories inheriting category layout?
    By petad in forum Bluepark Technical Discussion
    Replies: 3
    Last Post: 15-09-2007, 16:52

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
About us

Bluepark's ecommerce software is developed, hosted and supported exclusively by ourselves, here in the UK, and has been so since the company was initially formed in 2004. Your brand new online shop will be hosted securely on our fast and reliable server network, using a domain name of your choice, providing the ability to build and maintain your ecommerce website, and manage your orders, from any location via your own secure online Administration Console.

A Bluepark ecommerce site is the perfect tool for selling online, whether you're selling physical products, digital downloads or services. You'll be in good company with over 1,000 UK customers who also form a friendly and helpful online community, further strengthening our highly acclaimed support network.

Find us on...